/* fonts */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url('https://fonts.googleapis.com/css?family=Jura:400,600');

/* Material Icons */
.mat-ico,
.mat-ico-mob,
.mat-ico-imp,
.mat-ico-ftr        {
                    font-family: 'Material Icons';
                    font-weight: normal;
                    font-style: normal;
                    font-size: 50px;  /* Preferred icon size */
                    display: inline-block; 
                    line-height: 1;
                    text-transform: none;
                    letter-spacing: normal;
                    word-wrap: normal;
                    white-space: nowrap;
                    direction: ltr;
                    text-shadow: 2px 2px 4px #000000;

                    /* Support for all WebKit browsers. */
                    -webkit-font-smoothing: antialiased;
                    /* Support for Safari and Chrome. */
                    text-rendering: optimizeLegibility;

                    /* Support for Firefox. */
                    -moz-osx-font-smoothing: grayscale;

                    /* Support for IE. */
                    font-feature-settings: 'liga';
                    }

.mat-ico-mob        {
                    /* display: none; */
                    font-size: 100px; 
                    text-shadow: 2px 2px 4px #999999;
                    }

.mat-ico-imp        {
                    font-size: 20px;
                    text-shadow: none; 
                    vertical-align: text-bottom;
                    }

.mat-ico-ftr        {
                    font-size: 28px;
                    text-shadow: none; 
                    }

/* global styles */
*                   {
                    margin: 0;
                    padding: 0;
                    border-spacing: 0;
                    /* scrollbar-base-color: #F5B999; */
                    scrollbar-arrow-color: #FFFFFF;
                    }

html                { 
                    overflow-y: scroll;
                    }                    

body					      {
                    background-color: #FFFFFF;
                    font-family: Arial, Helvetica, Verdana;
                    font-weight: normal;
                    font-size: 20px;
                    }

/* ***************************************************** */

/* header */
header              {
                    width: 100%;
                    height: 130px;
                    position: fixed;
                    top: 0;
                    text-align: center;
                    background-color: #FFFFFF;
                    z-index: 9;
                    }

div.hdr             {
                    width: 100%;
                    height: 100%;
                    }

div.hdr-lft,
div.hdr-ctr,
div.hdr-rgt         {
                    width: 10px;
                    height: 100%;
                    display: inline-block;
                    }

div.hdr-ctr         {
                    width: auto;
                    }

div.hdr-lft         {
                    float: left;
                    padding-top: 20px;
                    }

div.hdr-rgt         {
                    float: right;
                    padding-top: 20px;
                    color: #E6007E;
                    }

img.hdr-lgo         {
                    padding-top: 10px;
                    }

/* ***************************************************** */

/* main content */

/* details */
section.cal         {
                    width: 100%;
                    height: auto;
                    }

div.cal-cnt         {
                    width: 100%;
                    height: auto;
                    text-align: center;
                    z-index: -1;
                    }

h1.cal-cnt-tit      {
                    padding-top: 140px;
                    padding-bottom: 20px;
                    text-align: center;
                    font-weight: bold;
                    font-size: 28px;
                    color: #E6007E;
                    }

iframe.cal          {
                    width: 900px;
                    height: 600px;
                    border: solid 1px #777;
}