/* • Home
	------------------------------------------------------------------------- */
	#pg-home { background-color:#ba2950; }
  	#pg-home .home-wrapper { width:980px; margin:0 auto;  height:650px}
  	/*#pg-home .home-wrapper .h-pos { padding:120px 0; text-align:center}*/
  	#pg-home .h-title { font-size:200px; text-transform:uppercase; color:#fff; line-height:normal; }
  	#pg-home .h-text  { font-size:12px; color:#333; line-height:1.4}
  	
    .pg-pos { margin-left:-45px;}

        .animatetxt {position:absolute; left:0; width:100%; height:226px;  overflow: hidden;}
        .animatetxt.animatetxt-p1 { padding-top:50px; }
        .animatetxt.animatetxt-p2 { padding-top:195px; }
        .animatetxt.animatetxt-p3 { padding-top:343px; }
        .animatetxt *{transform: translateY(226px);}
        .animatetxt-all.show-txt .animatetxt *{transform: translateY(0px); transition: transform 0.8s cubic-bezier(.41,.01,.15,1); }
        .animatetxt-all.show-txt .animatetxt.animatetxt-p1 *{transition-delay: 0.2s;}
        .animatetxt-all.show-txt .animatetxt.animatetxt-p2 *{transition-delay: 0.325s;}
        .animatetxt-all.show-txt .animatetxt.animatetxt-p3 *{transition-delay: 0.405s;}
        
  	.think 	 { position:absolute; top: 50px; left:50%; margin-left:-30%;    transition: all 0.3s ease-out;}
  	.act  	 { position:absolute; top:195px; left:50%; margin-left:-30.7%;  transition: all 0.3s ease-out;}
  	.achieve { position:absolute; top:343px; left:50%; margin-left:-36.9%;  letter-spacing:-1px;  transition: all 0.3s ease-out;}
        
  	.think-sub 	 { position:absolute; top:65px;  left:50%; margin-left:-29.8%;  transition: all 0.3s ease-out;}
  	.act-sub 	   { position:absolute; top:290px; left:50%; margin-left:-14%; transition: all 0.3s ease-out; }
  	.act-sub .line2-pos { width:145px; text-align:right; transition: all 0.3s ease-out;}
  	.achieve-sub { position:absolute; top:545px; left:50%;  margin-left:10%;  transition: all 0.3s ease-out;}
  	
  	.logo	{ position:absolute; top:290px; left:50%; margin-left:13%;  transition: all 0.3s ease-out;}
      

        

  	/* ==========================================================================
		Media Styles
	============================================================================= */

  
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {  
  #pg-home .home-wrapper { width:100%; height:500px}
  #pg-home .h-title { font-size:135px;}
  .pg-pos { margin-left:40px;}

  
  .animatetxt { height:154px; }
  .animatetxt.animatetxt-p1 { padding-top:30px; }
  .animatetxt.animatetxt-p2 { padding-top:150px; }
  .animatetxt.animatetxt-p3 { padding-top:252px; }
  .animatetxt *{transform: translateY(154px);}
  
  .think   { margin-left:-29.8%}
  .act     { top:150px; margin-left:-32.3%;  letter-spacing:-5px; }
  .achieve { top:252px; margin-left:-39.9%;  letter-spacing:-10px;}

  .think-sub   { top:56px;  margin-left:-29.6%;}
  .act-sub     { top:215px; margin-left:0; }
  .achieve-sub { top:385px; margin-left:-10%;}

  .think-sub, .act-sub, .achieve-sub { font-size:11px!important} 
  .act-sub .line2-pos { width:130px; text-align:left;}

  .logo  { top:220px; margin-left:21%; }
  #pg-home img    { width:70px; height:auto;}

  }


  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)  {
  #pg-home .home-wrapper { width:100%; height:520px;}
	#pg-home .h-title     { font-size:155px;}
  .pg-pos { margin-left:-5px;}

        
  .animatetxt { height:176px; }
  .animatetxt.animatetxt-p1 { padding-top:50px; }
  .animatetxt.animatetxt-p2 { padding-top:165px; }
  .animatetxt.animatetxt-p3 { padding-top:280px; }
  .animatetxt *{transform: translateY(176px);}
  .think   { margin-left:-21.5%;}
	.act  	 { top:165px; margin-left:-23.7%;  letter-spacing:-5px;}
  .achieve { top:280px; margin-left:-30.7%;  letter-spacing:-8px;}

  .think-sub   { top:56px;  margin-left:-21.5%;}
  .act-sub     { top:240px; margin-left:3%; }
  .achieve-sub { top:435px; margin-left:-0%;}
  .think-sub, .act-sub, .achieve-sub { font-size:11px!important;} 
	.act-sub .line2-pos { width:130px; text-align:left;}


  .logo  { top:240px; margin-left:21%; }
  #pg-home img    { width:70px; height:auto;}

	}
 
  @media only screen and (max-width:767px) {
  #pg-home .home-wrapper { width:100%; height:280px; overflow:hidden;}
  #pg-home .h-title { font-size:80px;}
  .pg-pos { margin-left:-20px;}

  .think-sub   { display:none}
  .act-sub     { display:none}
  .achieve-sub { display:none}

  .think   { top:30px;  margin-left:-20%;}
  .act     { top:88px;  margin-left:-20.6%;  letter-spacing:1.5px;}
  .achieve { top:148px; margin-left:-25%;  letter-spacing:-4.5px;}

  .logo  { top:125px; margin-left:17%; }
  #pg-home img    { width:50px; height:auto;}

  }

	@media only screen and (max-width: 479px) {
            #pg-home .home-wrapper { width:100%; height:230px; overflow:hidden;}
            #pg-home .h-title { font-size:60px;}
            .pg-pos { margin-left:-10px;}

            
            .animatetxt { height:68px; }
            .animatetxt.animatetxt-p1 { padding-top:30px; }
            .animatetxt.animatetxt-p2 { padding-top:75px; }
            .animatetxt.animatetxt-p3 { padding-top:120px; }
            .animatetxt *{transform: translateY(68px);}
            
            
            .think   { top:30px;  margin-left:-25%;}
            .act     { top:75px;  margin-left:-25.8%;  letter-spacing:1px;}
            .achieve { top:120px; margin-left:-31%;  letter-spacing:-4px;}

            .logo  { top:100px; margin-left:19%; }
            #pg-home img    { width:45px; height:auto;}

	}