/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.om {
  /* margin-left: auto; */
  /* margin-right: auto; */
  margin-bottom: 0px;
}

.om:after {
  content: "";
  display: table;
  clear: both;
}

/*
@font-face {
    font-family: 'tamuni-tamil150normal';
    src: url('tamuni-tamil150-webfont.eot');
    src: url('tamuni-tamil150-webfont.eot?#iefix') format('embedded-opentype'),
         url('tamuni-tamil150-webfont.woff2') format('woff2'),
         url('tamuni-tamil150-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
  font-family: "tamuni-tamil150normal";  
  src: url("../fonts/tamil/tamuni-tamil150-webfont.eot"); /* IE9 */    
  src: 	url("../fonts/tamil/tamuni-tamil150-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/tamil/tamuni-tamil150-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tamuni-tamil150-webfont.woff") format("woff"),
		url("../fonts/tamil/tamuni-tamil150-webfont.ttf") format("true type"); /* safari in mac did not give problem if this webfont ttf line was present */
		/* url("../fonts/tamil/TAMUni-Tamil150.ttf") format ("true type"); */
}

@font-face {
  font-family: "tscu_comicnormal";  
  src: url("../fonts/tamil/tscu_comic-webfont.eot"); /* IE9 */  
  src: 	url("../fonts/tamil/tscu_comic-webfont.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/tamil/tscu_comic-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tscu_comic-webfont.woff") format("woff"),
		url("../fonts/tamil/tscu_comic-webfont.ttf") format("true type");
		/* url("../fonts/tamil/TSCu_Comic.ttf") format ("true type"); */
}

@font-face {
  font-family: "tscu_saiindiraregular";  
  src: url("../fonts/tamil/tscu_saiindira-webfont.eot"); /* IE9 */  
  src: 	url("../fonts/tamil/tscu_saiindira-webfont.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/tamil/tscu_saiindira-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tscu_saiindira-webfont.woff") format("woff"),
		url("../fonts/tamil/tscu_saiindira-webfont.ttf") format("true type");
		/* url("../fonts/tamil/TSCu_SaiIndira.ttf") format ("true type"); */
}

@font-face {
  font-family: "tam-tamil150normal";  
  src: url("../fonts/tamil/tam150-webfont.eot"); /* IE9 */    
  src: 	url("../fonts/tamil/tam150-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/tamil/tam150-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tam150-webfont.woff") format("woff");
		/* url("../fonts/tamil/tam150-webfont.ttf") format ("true type"); */ /* safari in mac gives problem if this webfont ttf line is present */
		/* url("../fonts/tamil/TAM150.ttf") format ("true type"); */ /* safari in mac gives problem if this normal ttf line is present too */
}

/*
@font-face {
  font-family: "Journal";  
  src: url("../fonts/english/JOURNAL.ttf");  
}
*/

.ff-english-1 {
  font-family: 'Roboto', 'Righteous', 'Dancing Script', 'Great Vibes', 'Pacifico', 'Berkshire Swash', sans-serif;
}

.ff-english-2 {
  font-family: 'Righteous', 'Dancing Script', 'Great Vibes', 'Pacifico', 'Berkshire Swash', 'Roboto', sans-serif;
}

.ff-english-3 {
  font-family: 'Dancing Script', 'Great Vibes', 'Pacifico', 'Berkshire Swash', 'Righteous', 'Roboto', sans-serif;
}

.ff-english-4 {
  font-family: 'Pacifico', 'Dancing Script', 'Great Vibes', 'Berkshire Swash', 'Righteous', 'Roboto', sans-serif;
}

.ff-english-5 {
  font-family: 'Berkshire Swash', 'Pacifico', 'Dancing Script', 'Great Vibes', 'Righteous', 'Roboto', sans-serif;
}

.ff-tamil-1 {
  /* font-family: 'tamuni-tamil150normal', 'tscu_comicnormal', 'tscu_saiindiraregular', TamUni-Tamil150,  Tscu_Comic, Tscu_SaiIndira, Latha, Nirmala UI, Vijaya; */
  /* font-family: TAMUni-Tamil150, Tscu_Comic, Tscu_SaiIndira, Latha, Nirmala UI, Vijaya; */
  font-family: 'tamuni-tamil150normal', 'tscu_comicnormal', 'tscu_saiindiraregular', TamUni-Tamil150,  Tscu_Comic, Tscu_SaiIndira, Latha, Nirmala UI, Vijaya;
}

.ff-tamil-2 {
  /* font-family: tscu_saiindiraregular, tscu_comicnormal, tamuni-tamil150normal, Tscu_SaiIndira, Tscu_Comic, TamUni-Tamil150, Latha, Nirmala UI, Vijaya; */
  font-family: 'tscu_saiindiraregular', 'tscu_comicnormal', 'tamuni-tamil150normal', Tscu_SaiIndira, Tscu_Comic, TamUni-Tamil150, Latha, Nirmala UI, Vijaya;
}

.ff-tamil-3 {
  /* font-family: tscu_comicnormal, tscu_saiindiraregular, tamuni-tamil150normal, Tscu_Comic, Tscu_SaiIndira, TamUni-Tamil150, Latha, Nirmala UI, Vijaya; */
  font-family: 'tscu_comicnormal', 'tscu_saiindiraregular', 'tamuni-tamil150normal', Tscu_Comic, Tscu_SaiIndira, TamUni-Tamil150, Latha, Nirmala UI, Vijaya;  
}

.ff-indic1 {
  font-family: Nirmala UI, Arial Unicode MS, Vijaya, Latha, Code2000;
}

.ff-nonuni-tamil-1 {
  font-family: 'tam-tamil150normal', Tam-Tamil150;
}
 
 
nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
  /*  line-height: 1.5rem; */
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

/* MY css codes MY css codes MY css codes */
/* MY css codes MY css codes MY css codes */
/* MY css codes MY css codes MY css codes */

header, main , footer {
	/* padding-left: 210px; */
	padding-left: 0px;	
}

@media only screen and (max-width : 992px) {
  header, main, footer {
      padding-left: 0;
  }
}

.bgrose1 {
  background-color: #ffefef !important;
}

.bgrose2 {
  background-color: #e46e7d !important;
  //background-color: #123 !important;
  //background-color: #004090 !important;
  //background-color: #d4c4ee !important;
}

.bgrose3 {
  background-color: #ffafaf !important;
}

.bgrose4 {
  background-color: #fd7e90 !important;
}

.bgblgr1 {
  background-color: #aac3c9 !important;
}

.bgblgr2 {
  background-color: #cce3e9 !important;
}

.bgblgr3 {
  background-color: #d5e3e6 !important;
}

.bgblgr2 {
  background-color: #d5e3e6 !important;
}

.bgtheme1, .bgred1 {
  background-color:#6d1c2f;
}

.bgtheme2, .bgred2 {
  background-color:#ca2550;
}

.bgtheme3, .bgred3 {
  background-color:#911c2f;;
}

.bgtheme4, .bgred4 {
  background-color:#fa5b5b;
}

.bggrey1 {
	background-color: #efefef;
}

.bdr1, .bdr2, .bdr3, .bdr4, .bdr5, .bdr6, .bdr7, .bdr9, .bdrr1, .bdrsr1, .bdr-white, .bdr-grey-1, .bdr-blue, .bdr-red, .bdr-red2, .bdr-red5, .bdr-red6, .bdr-green, .bdr-pink, .bdr-pink2 {
  border-width: 1px; 
  border-color: #000000;
  border-style: solid;  
}

.bdr2 {
  border-color: #ccc;
}

.bdr-grey-1 {
  border-color: #efefef;
}

.bdr3 {
  border-color: #505050;
}

.bdr4 {
  border-color: #1155cc;
}

.bdr5 {
  border-color: #004080;
}

.bdr6 {
  border-color: #039be5;
}

.bdr7  {
  border-color: #bb0000; 
}

.bdr-white, .bdr9 {
  border-color: #fff;
}

.bdr-blue {
  border-color: #0000ff;
}

.bdr-red {
  border-color: #ff0000;
}

.bdr-red2 {
  border-color: #ff5b5b;
}

.bdr-red5 {
  border-color: #e46e7d;
}

.bdr-red6 {
  border-color: #991234;
}

.bdr-pink {
  border-color: #ff0090;
}

.bdr-pink2 {
  border-color: #aa0090;
}

.bdr-green {
  border-color: #00ff00;
}


.underline {
  text-decoration: underline;
}

/* floats for divs */
.dfl {
  float: left;
  /* background-color:#ffffff; */
}

.dfr {
  float: right;
  /* background-color:#ffffff; */
}

.dcb2 {
  clear:both;
}

.dcb {
  clear: both;
  overflow: hidden;
  height: 0px; 
}

/* text-align for divs. */
.dtc {
  text-align:center;
}

.dtl {
  text-align:left;
}

.dtr {
  text-align:right;
}

.dtj {
  text-align:justify;
}

h1.myh1 {
  font-size: 1.5rem;
  line-height: 110%;
  margin: 3.2rem 0 1.69rem 0;
  font-weight: bold;
}

h2.myh2 {
  /* font-size: 1rem; */
  line-height: 110%;
  margin: 2.9rem 0 0.9rem 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-2 {
  line-height: 110%;
  margin: 0rem 0 0.9rem 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-3 {
  line-height: 110%;
  margin: 2.9rem 0 0 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-4 {
  line-height: 110%;
  margin: 1rem 0 0 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-5 {
  line-height: 110%;
  margin: 1rem 0 1rem 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h5.myh5 {
  font-size: 1.5rem;
  line-height: 110%;
  margin: 2.0rem 0 0rem 0;
}

h5.fs-neat-1 {
  font-size: 19px;  
  font-size: 1.27rem;  
}

.fs-neat-10 {
  font-size: 19px;  
  font-size: 1.27rem;  
}

h5.myh5-2 {
  font-size: 1.64rem;
  line-height: 100%;
  margin: 1.9rem 0 0rem 0;
  padding-bottom: 0rem;
  padding-top: 0rem;
}

h5.myh5-3 {
  font-size: 1.64rem;
  line-height: 100%;
  margin: 1.9rem 0 1.9rem 0;
  padding-bottom: 0rem;
  padding-top: 0rem;
}


ul.myul-classic {  
  list-style-type: initial;
  padding:initial;  
  padding-left: 30px;  
  margin-top: 0;
}

.li-pt-classic li {  
  list-style-type: initial;   
}

ol.myol1 {  
  list-style-type: default;
  line-height: 100%;
  padding-left: 60px;  
  padding-top:0px;
  padding-bottom:0px;
  margin:0;      
}

/* ol.myol1 > :last-child { margin-bottom: 0 !important; margin-right: 0 !important; } */

ol.myol2 {  
  list-style-type: default;
  line-height: 100%;
  padding-left: 60px;  
  padding-top:0px;
  padding-bottom:0px;
  margin:0;      
  margin-bottom:36px;
  line-height:1.5;
}

ol.myol-leftaligned{  
  list-style-type: default;
  line-height: 100%;
  padding-left: 27px;  
  padding-top:0px;
  margin-top:0px;
}


ul.myul1 {  
  list-style-type: initial;
  padding:initial;  
  padding-left: 40px;  
}

.li-pt-1 li {
  padding-top:5px; padding-top: 0.5rem;
  list-style-type: initial;   
}

.li-pt-2 li {
  padding-top:10px; padding-top: 1.0rem;
}

.li-pt-3 li {
  padding-top:15px; padding-top: 1.5rem;
}


.li-pb-5 > li {
  padding-bottom:1px; padding-bottom:0.1rem;  
}

.li-normal-1 > li:first-child {
  padding-top:5px; padding-top:0.5rem;
}

a.reach, a.reach2, a.reach3, a.reach4, a.reach-index, a.reach-store {
  display: block;
  height: 0px;
  position: relative;
  top: -102px;  
  top: -124px;  
  top: -169px;
  top: -210px;
  top: -79px; 
  top: -45px; /* after VMC in Aug 2019 */
  visibility: hidden;
}

a.reach2 {
  top: -56px;  
  top: -78px;  
}

a.reach3 {
  top: -79px;  
  top: -110px;  
}

a.reach4 {
  top: -91px;  
  top: -112px;  
}

a.reach-index {
  top: -91px;  
}

a.reach-store {
  top: -125px;  
}

.scroll-hide-show {
}


@media only screen and (min-width: 1000px) {
  .scroll-hide-show {
    overflow-y:hidden;
  }
  
  .scroll-hide-show:hover {
    overflow-y:scroll;
  }
}

/* @media only screen and (min-width: 1000px) { */
  .scroll-hide-show-1 {
    overflow-x: hidden;
	height: 32px;
  }
  
  .scroll-hide-show-1:hover {
    overflow-x: scroll;
	height: 50px;
  }
  
  .scroll-hide-show-2 {
    overflow-x: hidden;
	height: 32px;
  }
  
  .scroll-hide-show-2:hover {
    overflow-x: hidden;
	height: 32px;
  }

  
  .scroll-thumb-hide-show-1 {    
	background-color: #dfdfdf;
	height: 0px;
	visibility: visible;
  }
  
  .scroll-thumb-hide-show-1:hover {    
	height: 0px;
	visibility: hidden;
	display: none;
	//background-color:#0000bb;
  }
  


.desktop-content-header-1024 {
}

.desktop-content-header {
}

.desktop-content {
}

.phone-content {
}

@media screen and (min-width:770px) {
  .phone-content {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width:770px) {
  .desktop-content, .desktop-content-header, .desktop-content-header-1024 {    
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width:770px) and (max-width:1201px) {
  .phone-content, .desktop-content-header {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width:1200px) {
  .phone-content, .desktop-content-header-1024 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width:1150px) {
  .desktop-content-below1200 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width:1275px) {
  .desktop-content-above1280 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width:1276px) {
  .desktop-content-below1280 {
    display: none;
    visibility: hidden;
  }
}

.cwhite {
  color: #fff;
}

.cmidred2, .cmr2 {
  color: #bb0000;
}

.cmbl {
  color:#123;
}


/* Note: m5m means margin with a value '5' as the main/mid point. Around this value of 5, I can change the value of the margin inside the selector 'm5m'. So, tomorrow, if I feel like changing the margin inside 'm5m' to be 4px, I can do the same. No problem. Because, m5m means 5 is the mid point. That is all. So, you can have values anywhere between 3px to 7px for the margin inside m5m. This is the same convention followed for other margin selectors too: m10m, m25m, etc. Good? :)
*/

.m0m  {
  margin: 0px; 
  margin: 0.0rem;
}

.m1m  {
  margin: 1px; 
  margin: 0.1rem;
}

.m2m  {
  margin: 2px; 
  margin: 0.2rem;
}

.m3m  {
  margin: 3px; 
  margin: 0.3rem;
}

.m4m  {
  margin: 4px; 
  margin: 0.4rem;
}

.m5m  {
  margin: 5px; 
  margin: 0.5rem;
}

.m6m  {
  margin: 6px; 
  margin: 0.6rem;
}

.m7m  {
  margin: 7px; 
  margin: 0.7rem;
}

.m9m  {
  margin: 9px; 
  margin: 0.9rem;
}

.m10m  {
  margin: 10px; 
  margin: 1.0rem;
}

.m12m  {
  margin: 12px; 
  margin: 1.2rem;
}

.m14m  {
  margin: 14px; 
  margin: 1.4rem;
}

.m15m  {
  margin: 15px; 
  margin: 1.5rem;
}

.m17m  {
  margin: 17px; 
  margin: 1.7rem;
}

.m20m {
  margin: 20px;    
  margin: 2.0rem;
}

.m22m {
  margin:20px;    
  margin:2.0rem;
}

.m23m {
  margin: 23px;    
  margin: 2.3rem;
}

.m24m {
  margin: 24px;    
  margin: 2.4rem;
}

.m25m {
  margin: 25px;    
  margin: 2.5rem;
}

.m30m {
  margin: 30px;    
  margin: 3.0rem;
}

.m40m {
  margin: 40px;  
  margin: 4.0rem;  
}

.m45m {
  margin:45px;    
  margin: 4.5rem;
}

.m50m {
  margin: 50px;   
  margin: 5.0rem;
}

.m60m {
  margin: 60px;   
  margin: 6.0rem;
}

.mt10 {
  margin-top: 10px;   
  margin-top: 1.0rem;
}

.mb40 {
  margin-bottom: 40px;   
  margin-bottom: 4.0rem;
}

/* 1234, 123, 124, 134, 12 , 13, 14, 234, 23, 24, 34 */
/* 1-top, 2-right, 3-bottom, 4-left. nm - no margin, kp - keep margin */
/*
.nm1234, .nmtrbl, .km0 { margin:0; } 
.nm123, .nmtrb, .kml { margin-top:0; margin-right:0; margin-bottom:0; }
.nm124, .nmtrl, .kmb { margin-top:0; margin-right:0; margin-left:0; }
.nm134, .nmtbl, .kmr { margin-top:0; margin-bottom:0; margin-left:0; }
.nm12, .nmtr, .kmbl { margin-top:0; margin-right:0; }
.nm13, .nmtb, .kmrl { margin-top:0; margin-bottom:0; }
.nm14, .nmtl, .kmrb  { margin-top:0; margin-left:0; }
.nm234, .nmrbl, .kmt { margin-right:0; margin-bottom:0; margin-left:0; }
.nm23, .nmrb, .kmtl { margin-right:0; margin-bottom:0; }
.nm24, .nmrl, .kmtb { margin-right:0; margin-left:0; }
.nm34, .nmbl, .kmtr { margin-bottom:0; margin-left:0; }
.nm1, .nmt, .kmrbl { margin-top:0; }
.nm2, .nmr, .kmtbl { margin-right:0; }
.nm3, .nmb, .kmtrl { margin-bottom:0; }
.nm4, .nml, .kmtrb { margin-left:0; }
*/
.km0 { margin:0; } 
.kml { margin-top:0; margin-right:0; margin-bottom:0; }
.kmb { margin-top:0; margin-right:0; margin-left:0; }
.kmr { margin-top:0; margin-bottom:0; margin-left:0; }
.kmbl { margin-top:0; margin-right:0; }
.kmrl { margin-top:0; margin-bottom:0; }
.kmrb  { margin-top:0; margin-left:0; }
.kmt { margin-right:0; margin-bottom:0; margin-left:0; }
.kmtl { margin-right:0; margin-bottom:0; }
.kmtb { margin-right:0; margin-left:0; }
.kmtr { margin-bottom:0; margin-left:0; }
.kmrbl { margin-top:0; }
.kmtbl { margin-right:0; }
.kmtrl { margin-bottom:0; }
.kmtrb { margin-left:0; }

/* margin top used for headers in one(1) particular section of home page, as of 18-06-2015, Thu. I might probably use it in other pages too in future */
.mthome1 { 
  margin-top:50px; margin-top:5.0rem;
}

.mthome2 { 
  margin-top:25px; margin-top:2.5rem;
}

/* PADDINGS */   /* PADDINGS */   /* PADDINGS */   /* PADDINGS */   /* PADDINGS */   /* PADDINGS */   
.p5p {
  padding:5px; padding:0.5rem;
}

/* Note: p5p means padding with a value '5' as the pivotal/mid point. Around this value of 5, I can change the value of the padding inside the selector 'p5p'. So, tomorrow, if I feel like changing the padding inside 'p5p' to be 4px, I can do the same. No problem. Because, p5p means 5 is the pivotal(main/mid) point. That is all. So, you can have values anywhere between 3px to 7px for the padding inside p5p. This is the same convention followed for other padding selectors too: p10p, p12p, p25p, etc. Good? :)
*/

.p0p {
  padding:0px; padding:0.0rem;
}

.p1p {
  padding:1px; padding:0.1rem;
}

.p2p {
  padding:2px; padding:0.2rem;
}

.p3p {
  padding:3px; padding:0.3rem;
}

.p4p {
  padding:4px; padding:0.4rem;
}

.p5p {
  padding:5px; padding:0.5rem;
}

.p6p {
  padding:6px; padding:0.6rem;
}

.p7p {
  padding:7px; padding:0.7rem;
}

.p8p {
  padding:8px; padding:0.8rem;
}

.p9p {
  padding:9px; padding:0.9rem;
}

.p10p {
  padding:10px; padding:1.0rem;
}

.p12p {
  padding:12px; padding:1.2rem;
}

.p14p {
  padding:14px; padding:1.4rem;
}

.p15p {
  padding:15px; padding:1.5rem;
}

.p17p {
  padding:17px; padding:1.7rem;
}

.p19p {
  padding:19px; padding:1.9rem;
}

.p20p {
  padding:20px; padding:2.0rem;
}

.p21p {
  padding:21px; padding:2.1rem;
}

.p23p {
  padding:23px; padding:2.3rem;
}

.p25p {
  padding:25px; padding:2.5rem;
}

.p27p {
  padding:27px; padding:2.7rem;
}

.p30p {
  padding:30px; padding:3.0rem;
}

.p35p {
  padding:35px; padding:3.5rem;
}


.p37p {
  padding:37px; padding:3.7rem;
}

.p39p {
  padding:39px; padding:3.9rem;
}

.p40p {
  padding:40px; padding:4.0rem;
}

.p43p {
  padding:43px; padding:4.3rem;
}

.p45p {
  padding:45px; padding:4.5rem;
}

.p47p {
  padding:47px; padding:4.7rem;
}

.p50p {
  padding:50px; padding:5.0rem;
}

.p60p {
  padding:60px; padding:6.0rem;
}

.p70p {
  padding:70px; padding:7.0rem;
}

.p90p {
  padding:90px; padding:9.0rem;
}

.pt10 {
  padding-top:10px;   
  padding-top: 1.0rem;
}

/* 1234, 123, 124, 134, 12 , 13, 14, 234, 23, 24, 34 */
/* 1-top, 2-right, 3-bottom, 4-left, np - no padding, kp - keep padding */
/*
.np1234, .nptrbl, .kp0 { padding:0; }
.np123, .nptrb, .kpl { padding-top:0; padding-right:0; padding-bottom:0; }
.np124, .nptrl, .kpb { padding-top:0; padding-right:0; padding-left:0; }
.np134, .nptbl, .kpr { padding-top:0; padding-bottom:0; padding-left:0; }
.np12, .nptr, .kpbl { padding-top:0; padding-right:0; }
.np13, .nptb, .kprl { padding-top:0; padding-bottom:0; }
.np14, .nptl, .kprb  { padding-top:0; padding-left:0; }
.np234, .nprbl, .kpt { padding-right:0; padding-bottom:0; padding-left:0; }
.np23, .nprb, .kptl { padding-right:0; padding-bottom:0; }
.np24, .nprl, .kptb { padding-right:0; padding-left:0; }
.np34, .npbl, .kptr { padding-bottom:0; padding-left:0; }
.np1, .npt, .kprbl { padding-top:0; }
.np2, .npr, .kptbl { padding-right:0; }
.np3, .npb, .kptrl { padding-bottom:0; }
.np4, .npl, .kptrb { padding-left:0; }
*/
.kp0 { padding:0; }
.kpl { padding-top:0; padding-right:0; padding-bottom:0; }
.kpb { padding-top:0; padding-right:0; padding-left:0; }
.kpr { padding-top:0; padding-bottom:0; padding-left:0; }
.kpbl { padding-top:0; padding-right:0; }
.kprl { padding-top:0; padding-bottom:0; }
.kprb  { padding-top:0; padding-left:0; }
.kpt { padding-right:0; padding-bottom:0; padding-left:0; }
.kptl { padding-right:0; padding-bottom:0; }
.kptb { padding-right:0; padding-left:0; }
.kptr { padding-bottom:0; padding-left:0; }
.kprbl { padding-top:0; }
.kptbl { padding-right:0; }
.kptrl { padding-bottom:0; }
.kptrb { padding-left:0; }

.pt12 { /* standard padding top used in various places of homepage, as of 18-06-2015, Thu. I might probably use it in other pages too in future */
  padding-top:12px; padding-top:1.2rem;
}

.bright {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 0 0 0.9rem 0;  
}

h1.bright {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

h1.bright2 {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 0 0 0.9rem 0;  
}

h1.bright3 {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 2.9rem 0 0 0;  
}

h1.bright4 {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 1rem 0 0 0;  
}

h2.bright {
  font-weight:bold;
  font-size:18px; font-size:1.2rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

h2.bright2 {
  font-weight:bold;
  font-size:18px; font-size:1.2rem;
  color: #454545;
  margin: 0 0 0.9rem 0;  
}

h2.bright3 {
  font-weight:bold;
  font-size:18px; font-size:1.2rem;
  color: #454545;
  margin: 2.9rem 0 0 0;  
}

h2.bright4 {
  font-weight:bold;
  font-size:18px; font-size:1.27rem;
  color: #454545;
  margin: 1rem 0 0 0;  
}

h3.bright {
  font-weight:bold;
  font-size:17px; font-size:1.13rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

h4.bright {
  font-weight:bold;
  font-size:16px; font-size:1.07rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

/* font weight and style */
.fnormal, .fwnormal {
  font-weight:normal;
}


.fsznormal {
  font-size: 1rem;
}

.fsz-1pt1 {
  font-size: 1.1rem;
}

.fsz-1pt2 {
  font-size: 1.2rem;
}

.fsz-1pt3 {
  font-size: 1.3rem;
}

.fsz-1pt4 {
  font-size: 1.4rem;
}

.fsz-1pt5 {
  font-size: 1.5rem;
}

.fsz13 {
	font-size: 13px;
}

.fsz14 {
	font-size: 14px;
}

.fsz15 {
	font-size: 15px;
}

.fsz15pt5 {
	font-size: 15.5px;
}

.fsz16 {
	font-size: 16px;
}

.fsz19 {
	font-size: 19px;
}

.fsz20 {
	font-size: 20px;
}
	
.fbold {
  font-weight:bold;
}

.fital {
  font-style:italic;
}

.fsnormal, .fstnormal {
  font-style:normal;
}

.funder {
  text-decoration:underline;
}

.vmid {
  vertical-align: middle;
}

.anormal {
  color: inherit;
}

table.tdef tr, td {
  border:1px solid #000;
}

/* Colors */
.cblack, .cgrey-deep5, .cblack1 {
  color:#000;
}

.cblack2, .cgrey-deep4 {
  color:#123;
}

.cgrey1, .cglobal1 {
  color:#616161;
}	

.cgreen, .cgreen1 {
  color:#009000;
}

.cgreen2 {
  color:#006400;
}

.cgreen3 {
  color:#129B59;
}

.crose1, .rose1 {
  color:#e63959;
}

.crose2, .rose2 {
  color: #ed7691;
}

.cblgr1 {
  color:#c4dbe2;
}

.cmyred1, .cred1 {
  color: #ef3656;
}

.cred2 {
  color: #900000;
}

.cred3 {
  color: #7e3436;
}

.cred4 {
  color: #fa2550;
}

.cred5 {
  color: #e46e7d;
}

.cblue1 {
  color: #039be5;
}

.cblue2 {
  color: #0000ff;
}

table.ddef4  td, table.ddef td  {
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;    
}

.hp-img-dl-2 {
  margin:2px 25px 0p 0px;margin:0.2rem 2.5rem 0rem 0rem;
}

.content2 {
  font-weight: 300; 
  text-align: justify;
}

.dotunderline {
  border-style:dotted;
  border-width:0px 0 1px 0;
}

.rotate90left {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate30left {
    -webkit-transform: rotate(356deg);
    -moz-transform: rotate(356deg);
    -o-transform: rotate(356deg);
    -ms-transform: rotate(356deg);
    transform: rotate(356deg);
}

.rotateDegree1 {
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    /* transform: rotate(0deg); */
	transform: rotate(345deg);
}

.rotate30right {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.rotate45left {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rotate45right {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.material-tooltip .backdrop {
	/* background-color: #456; */
}

/*
.tabs .indicator {
  //height: 14px;
  //background-color: #123;
}
*/

.mytabindic2 { 
  position:absolute;
  height: 2px;
  bottom: 0px;
  background-color: #abc;
  width: 200px;
}


.hp-tt-testimonials-1 {
  box-shadow:2px 2px 5px 0px #000 inset; 
  padding:0px;
  border-radius:50%; 
  background-color: #fff;
  text-align: center; 
}

.hp-tt-testimonials-2 {
  box-shadow:2px 2px 5px 0px #000 inset; 
  padding:10px 0px;
  border-radius:10% 10% 10% 10%; 
  background-color: #fff;
  text-align: center; 
}

.hp-tt-testimonials-lmn {
  font-size:19px; font-size:1.9rem;
  font-weight:bold;
  box-shadow:2px 2px 5px 0px #000 inset; 
  padding:10px 30px;
  padding:1.0rem 3.0rem;
  border-radius:20px 20px 20px 20px; border-radius:2.0rem 2.0rem 2.0rem 2.0rem;
  background-color: #fff;
  text-align: left; 
}

.hr1 {
  height: 1px;
  margin:0;
  padding:0;
}

.bgwhite {
  background-color: #fff;
}

.bgblack, .bgblack1 {
  background-color: #123;
}

.bgblack2 {
  background-color: #010203;
}

.bgblack2 {
  background-color: #010203;
}

.bgblack3 {
  background-color: #000;
}

.bgwhite2 {
  background-color: #faf5f5;
}

.bgwhite3 {
  background-color: #fffafa;
}

arrow {
    /*
	border: solid black;
    border-width: 0 2px 2px 0;
    //display: inline-block;
    padding: 2px;
	background-color:#123;
	*/
	width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; 
    border-right:6px solid #123;
}

.rarrow {    
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.larrow {
    /* transform: rotate(135deg); */
    /* -webkit-transform: rotate(135deg); */
}

.fs007, .fs077 {
  font-size: 0.77rem;
}

.fs075 {
  font-size: 0.75rem;
}

.ts1 {
  text-shadow:2px 1px #123;
} 

.ts2, .ts2-white {
  text-shadow: 2px 1px #fff;
} 

.ts3-black {
  text-shadow: 3px 2px #123;
}

.rainbow-normal {
    background-image: -webkit-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to right, #aac3c9, #585858, #fff); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}


.rainbow2 {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #aac3c9), color-stop(0.12, #aac3c9), color-stop(0.25, #aac3c9), color-stop(0.37, #cce3e9), color-stop(0.5, #cce3e9), color-stop(0.62, #cce3e9), color-stop(0.75, #fff), color-stop(0.87, #fff), color-stop(1, #fff) );
  background-image: gradient( linear, left top, right top, color-stop(0, #aac3c9), color-stop(0.12, #aac3c9), color-stop(0.25, #aac3c9), color-stop(0.37, #cce3e9), color-stop(0.5, #cce3e9), color-stop(0.62, #cce3e9), color-stop(0.75, #fff), color-stop(0.87, #fff), color-stop(1, #fff) );  
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.glow-beautiful {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 20px;
  border: none;
  font: normal 60px/1 "Monoton", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(255,255,255) , 0 0 30px rgb(255,255,255) , 0 0 40px rgb(255,17,119) , 0 0 70px rgb(255,17,119) , 0 0 80px rgb(255,17,119) , 0 0 100px rgb(255,17,119) , 0 0 150px rgb(255,17,119) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.glow-beautiful:hover {
  text-shadow: 0 0 5px rgb(255,255,255) , 0 0 10px rgb(255,255,255) , 0 0 15px rgb(255,255,255) , 0 0 20px rgb(255,17,119) , 0 0 35px rgb(255,17,119) , 0 0 40px rgb(255,17,119) , 0 0 50px rgb(255,17,119) , 0 0 75px rgb(255,17,119) ;
}

.text-shadow-1 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 2px rgb(255,255,255), 0 0 3px rgb(255,255,255), 0 0 5px rgb(255,17,119), 0 0 9px rgb(255,17,119), 0 0 10px rgb(255,17,119), 0 0 12px rgb(255,17,119), 0 0 19px rgb(255,17,119);
}

.text-shadow-1:hover {
   text-shadow: none;
 }
 
 .text-shadow-2 {
  text-shadow: 0 0 2px rgb(255,255,255), 0 0 5px rgb(255,255,255), 0 0 7px rgb(255,255,255), 0 0 10px rgb(255,17,119), 0 0 16px rgb(255,17,119), 0 0 20px rgb(255,17,119), 0 0 25px rgb(255,17,119), 0 0 37px rgb(255,17,119);
}

.text-shadow-2:hover {
   text-shadow: none;
 }

 .text-shadow-3 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119);
}

.text-shadow-3:hover {
   text-shadow: none;
 }

 .text-shadow-4 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239);
  text-shadow: none;
}

.text-shadow-4:hover {
   text-shadow: none;
   text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239);
 }
 
 .text-shadow-5 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,126,145), 0 0 1px rgb(255,126,145), 0 0 1px rgb(255,126,145);
}
 
 .text-shadow-6 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0);
}

.jcenter { 
    justify-content: center;
	-webkit-justify-content: center;      
	-moz-justify-content: center;      
	flex-direction:column;
}

.flxdir-c { 
	flex-direction:column;
}

.jc-center { 
	justify-content: center;
	-webkit-justify-content: center;      
	-moz-justify-content: center;      
}

.jc-start { 
	justify-content: flex-start;
	-webkit-justify-content: flex-start;      
	-moz-justify-content: flex-start;      
}

.jc-end { 
	justify-content: flex-end;
	-webkit-justify-content: flex-end;      
	-moz-justify-content: flex-end;      
}

.va-mid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ac-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ac-start {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;
}

.ac-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
          align-items: flex-end;
}

.mp0 {
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
}


/*
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  //bottom: -68px;
}
*/

/*
.carousel.indicators {
  bottom:-50px;
}

.indicators {
  bottom:-40px;
}
*/

.fullwidth {
  width:100%;
}

.lh1 {
  line-height: 1.0;
}

.lh2 {
  line-height: 2.0;
}

.lh1pt5 {
  line-height: 1.5px;
}

.verticaltext{
    width:1px;
    word-wrap: break-word;
    font-family: 'Courier New', monospace; /* this is just for good looks */
    white-space: pre-wrap; /* this is for displaying whitespaces including Firefox */
	line-height:1;
}

.center-m, .centerm {
  margin:0 auto;
}

.btn-floating.btn-floating-mine:hover {  
  background-color: #ffafaf;
  background-color: #ff1f1f;
}

.btn-floating-mine:hover {
  background-color: #fa7e90;
  background-color: #ffafaf;
  background-color: #ff1f1f;
}

.btn-floating.btn-floating-mine-2 {  
  background-color:transparent;
  width:0;
  height:0;  
}

.btn-floating.btn-floating-mine-2:hover {  
  background-color: transparent;
}

.btn-floating-mine-2:hover {  
  background-color: transparent;
}

.hover-mine-1:hover {
  background-color: #ff1f1f;
}

.pulse.pulse-mine-1::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  top: 25%;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
          animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
  z-index: -1;
}

.pulse.pulse-mine-2::before {
  content: '';
  display: block;
  position: absolute;
  width: 120%;
  height: 50%;
  top: 25%;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
          animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
  z-index: -1;
}

.pulse.pulse-mine-3::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 25%;
  top: -1px;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
          animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
  z-index: -1;
}

.material-icons {
  color: #212121;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.quotes {display: none;}

.sliderLogoPadding {
	padding-top:5.5px;
}	

.sliderLogoMargin {
   margin-top:5.5px;
}	

.sliderGodIsAllPadding {
	padding-top:5px;
}

.linear1 {
	background: -moz-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(25%, rgba(38,54,63,0)), color-stop(100%, rgba(153,218,255,0))); /* safari4+,chrome */
	background: -webkit-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* ie10+ */
	background: linear-gradient(266deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#99DAFF',GradientType=1 ); /* ie6-9 */
}	

.linear2 {
	background: -moz-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(153,218,255,0)), color-stop(87%, rgba(19,28,33,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* ie10+ */
	background: linear-gradient(266deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000',GradientType=1 ); /* ie6-9 */}
}

.ucase {
	text-transform: uppercase;
}