@charset "utf-8";
/* font-family: 'Noto Sans', sans-serif; */

.about--banner > p{
	font-family: 'Noto Sans', sans-serif;
	 text-align:justify;}
div.intro--options, div.intro--options > h3{flex-direction: column; font-family: 'Noto Sans', sans-serif; text-transform: none;}

div.intro--options > p {font-family: 'Noto Sans', sans-serif;   margin: 0px;
    font-weight: normal;}
div.modal > div.modal--information > p, div.modal > div.modal--information > a{
	font-family: 'Noto Sans', sans-serif;
    font-weight: normal;}

  div.titlename_01{text-align: left;
    background: rgba(254, 254,254,.2);
    padding-left: 10px;
    line-height: 25px;}

   ul.list_order{
	list-style-type: disc;
	font-family: 'Noto Sans', sans-serif;
}

 ul.list_order > li {padding-bottom:5px; text-align: justify;}
  ul.list_order > li > strong{ font-size:1em;}
    ul.list_order > li > i{ font-size:.9em;}
	
div#vijay_table_01 { 
display: -webkit-flex;
display: flex;
text-align: center;
padding: .5% 0px;
border-bottom: 1px solid rgba(254, 254, 254, .5)
}

div.vijay_col_01  {flex: 1 50px; }
div.vijay_col_02  {flex: 2 150px; }
div.vijay_col_03  {flex: 3 300px; }

div.vijay_table_content_01{
	 font-family: 'Noto Sans', sans-serif; 
	font-size: .9em;
    font-weight: normal;}
	
div.table_head_01{ background: rgba(254, 254,254,.4);}
div.table_content_01{ background: rgba(254, 254,254,.2);}
div.textalign_t_01{    text-align: left;}

.about--banner_01 {
    position: relative;
    height: 80%;
}

ul.list_01 > li {
	font-weight:normal;
	 font-family: 'Noto Sans', sans-serif; 
	}
img.showreel{    z-index: -1;
    opacity: .5;
    top: 0px;
    position: absolute;
    right: 0px; 
	width: 20vmax;}
	
  div.scrollbar_02{
    max-height: 66vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px;
    padding: 2px 10px 2px 2px;
    position: absolute;
    top: 25%;
  }
  img.logo_vijay{width:50%;}
  
  div.socialicon_01{ font-size:3em;}
  div.socialicon_01 > a {   padding: 2px 5px;}
  div.socialicon_01 > a > i {    color:#0f33ff;}
  div.socialicon_01 > a:hover > i {  color:#FFF;}
  div.copyright_01{
	     font-size: 9pt;
    color: #fff;
    position: absolute;
    right: 0%;
    bottom: 4%; 
	  }
	    div.poweredby_01{
	     font-size: 9pt;
    color: #fff;
    position: absolute;
    left: 0%;
    bottom: 4%; 
	  }
	div.poweredby_01 > a{ color:#FFF; text-decoration:underline;}
	div.poweredby_01 > a:hover{ color:#0f33ff; text-decoration:none}
	
	div.header_social_01{
		text-decoration: none;
    color: #fff;
    flex: 1 140px;
    padding-right: 3em;
    text-align: right; 
	font-size:1em;}
	 
  div.header_social_01 > a {   padding: 2px 5px;}
  div.header_social_01 > a > i {    color:#ffffff;}
  div.header_social_01 > a:hover > i {  color:#0f33ff;}
  
  div.socialiconanim > a > i  {
     color: #ffffff; 
	  -webkit-animation: example 3s ease infinite alternate;
	  -moz-animation:   example 3s ease infinite alternate;
	  -o-animation:     example 3s ease infinite alternate;
	  animation:        example 3s ease infinite alternate;
	}
div.socialiconanim > a > i.colord1{animation-delay: 0s;}
div.socialiconanim > a > i.colord2{animation-delay: 5s;}
div.socialiconanim > a > i.colord3{animation-delay: 10s;}
   
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
     0% { color: #ffffff;}
    50%  { color: #0f33ff;}
    100%  { color: #ffffff;}
}

/* Standard syntax */
@keyframes example {
     0% { color: #ffffff;}
    50%  { color: #0f33ff;}
    100%  { color: #ffffff;}
}

@media (max-width: 767px) and (max-width: 415px) {
	
  div.scrollbar_02{
	  overflow: hidden;
    margin: 0px;
    padding: 2px;
    top: 15%;
    max-height: 3000px;}
	
  div.scrollbar_01{ height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px;
    padding: 2px;
    width: 100vw;
    position: absolute;
    top: 15%;}
	
	img.showreel{
	z-index: -1;
    opacity: .2;
    top: 20%;
    position: absolute;
    right: 0px; 
	width:40vmax;}
  
    div.copyright_01{
	     font-size: 9pt;
    color: #fff;
    position: absolute;
    right: 30%;
    bottom: 4%; 
	  }
  
}
@media (max-width: 736px) and (min-width: 360px) and (orientation: landscape) {
	  div.scrollbar_02{
	  overflow: hidden;
    margin: 0px;
    padding: 2px;
    top: 15%;
    max-height: 3000px;}
	
  div.scrollbar_01{ height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px;
    padding: 2px;
    width: 100vw;
    position: absolute;
    top: 15%;}
  
}