body { font-family: 'Open Sans', sans-serif;  padding-top:0px; margin-top: 0px; }


 

/*alignment*/
.ac{text-align: center!important;}
.al{text-align: left;}
.ar{text-align: right;}
/*/v/alignment*/



/*font size*/
.f9{font-size: 9px;}
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f25{font-size: 25px;}
.f50{font-size: 50px;}
.fb{font-weight: bold;}
/*/i/font size*/



/*Line height*/
.lh21{line-height: 21px;}
/*/p/Line height*/



/*text color*/
.txt_clr_333 {color: #333;}
.txt_clr_666 {color: #666;}
.txt_gray {color: #525252;} 
.txt_pink {color:#ff3465;}
.txt_clr_purple {color:#584e8d;}
 /*/i/text color*/


 

/* padding*/
.pd0 {padding:0px;}
.pd20 {padding:20px;}
.pd_tp20 {padding-top:20px;}
div.pd_tp50 {padding-top:50px;}
div.pd_tp30 {padding-top:30px;}
div.pd_bt60 {padding-bottom:60px;}
a.pd_tp5 {padding-top:5px;}

 
/*/n/padding*/


/*margin*/
.mr0{margin: 0px;}
.mr_tp5 { margin-top:5px; }
 
/*//margin*/

.top_nav  {background:#6563a4!important; padding: 15px 20px;}
.img100{width:100%!important;}
.footer {background:#6563a4; text-align: center; color:#FFF; padding:20px;}
.banner_content { position: absolute; width:60%; top:0px left:0px; text-align:center; font-size:3em; padding-top:10%; color:#FFF; text-shadow: 4px 4px  8px #443b74 }
.bg_lt_gray { background:#f9f8f4; }

.share_btn { position: absolute; padding:20px; padding-top: 0px; margin-top: 0px; right:0px; }
.icons_x i { padding: 15px; }

/*new*/
.top_spc {padding-top: 12px;}
 .banner_content {margin-top: 3em; }


 /*media*/

@media screen and (max-width:80em) { 
.img_about {width:100%}

}

@media screen and (max-width: 48em) { 

 .banner_content {font-size:2em!important; margin-top: 2em;}
}

 

@media screen and (max-width: 32em) { 
.show_tab {display:none;}
.top_nav  {background:#443b74; padding:12px 10px;}
.logo {width:100%}
 .banner_content { font-size:1.2em!important; margin-top: 2em; }
.btn_play {width:70%}
.top_spc {padding-top:4px;} 
.xtory_m {font-size:35px;}  
.f16 {font-size:14px!important;}
.sidenav {padding-top:35px!important;} 
.m_top{ padding: 0px!important }  
.sidenav .closebtn {
    top:0px!important;
    right:25px!important;}
 }



/*//media*/