﻿/* Classes by Onlineappsoft based on W3PRO.CSS and animate.css */
a,a:active,a:hover {text-decoration:none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:Verdana,sans-serif;font-size:16px;line-height:1.5}
html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:16px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

.w3-head{background-color:#f0eaea;}
.w3-foot{margin:auto;background-color:rgba(200,100,100,0.8);padding:4rem 0rem;text-align:center;}
.w3-auto{margin-left:auto;margin-right:auto;max-width:1140px;background-color:#f8f9ff;}
.w3-table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.w3-bordered tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child{padding-left:16px}
.w3-btn{border:1px solid #ccc;width:85%;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none}   
.w3-i-btn{border:none;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-badge{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;border-radius:10%}
.w3-code{width:auto;padding:8px 12px;font-family:Consolas,"courier new";word-wrap:break-word}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-center .w3-bar-item{text-align:center}
.w3-middle{vertical-align:middle}
.w3-block{display:block;width:100%}
.w3-hide{display:none!important}
.w3-show{display:block!important}
.w3-show-inline-block{display:inline-block!important}
.w3-responsive{display:block;overflow-x:auto}
.w3-rest{overflow:hidden}
.w3-row:after,.w3-row:before,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
@media (min-width:601px){.w3-quarter{width:24.99999%}.w3-third{width:33.33333%}.w3-half{width:49.99999%}.w3-twothird{width:66.66666%}.w3-threequarter{width:74.99999%}}
@media (max-width:600px){.w3-hide-small{display:none!important}.w3-bar-item{text-align:center}}
@media (min-width:993px){.w3-hide-large{display:none!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
.w3-top{top:0}
.w3-bottom{bottom:0}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container{position:relative}
.w3-display-position{position:absolute}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}
.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}
.w3-opacity-min{opacity:0.75}
.w3-border-0{border:0!important}
.w3-border{border:1px solid #ccc!important}
.w3-serv-20 {color:#333;border-radius:20%;padding:1.5rem 1.5rem;}
.w3-serv-20:hover {color:#000;background-color:rgba(150,150,150,0.5);}
.w3-serv-i-20 {color:#fff;border-radius:20%;padding:1.5rem 1.5rem;background-color:rgba(70,70,70,0.7)}
.w3-serv-i-20:hover {color:#444;background-color:rgba(200,200,200,0.7);} 
.w3-serv-50 {color:#333;border-radius:50%;padding:1.5rem 1.5rem;}
.w3-serv-50:hover {color:#000;background-color:rgba(150,150,150,0.5);}
.w3-serv-i-50 {color:#fff;border-radius:50%;padding:1.5rem 1.5rem;background-color:rgba(70,70,70,0.7)}
.w3-serv-i-50:hover {color:#444;background-color:rgba(200,200,200,0.7);} 
.w3-serv-i-50-1 {color:#fff;border-radius:50%;padding:0.5rem 0.5rem;background-color:rgba(70,70,70,0.7)}
.w3-serv-i-50-1:hover {color:#444;background-color:rgba(200,200,200,0.7);} 
.w3-tiny{font-size:10px!important}
.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}
.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}
.w3-xxlarge{font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}
.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}
.w3-right-align{text-align:right!important}
.w3-justify{text-align:justify!important;text-justify: inter-word;}
.w3-center{text-align:center!important}
.w3-left{float:left!important}
.w3-right{float:right!important}
.w3-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-container-16{padding-left:16px!important;padding-right:16px!important}
.w3-container-24{padding-left:24px!important;padding-right:24px!important}
.w3-container-32{padding-left:32px!important;padding-right:32px!important}
.w3-container-48{padding-left:48px!important;padding-right:48px!important}
.w3-container-64{padding-left:64px!important;padding-right:64px!important}
.w3-margin-16{margin-right:16px;margin-left:16px}
.w3-margin-24{margin-right:24px;margin-left:24px}
.w3-margin-32{margin-right:32px;margin-left:32px}
.w3-margin-48{margin-right:48px;margin-left:48px}
.w3-margin-64{margin-right:64px;margin-left:64px}
.w3-b{font-weight:600;}
.w3-xb{font-weight:700;}
.w3-xxb{font-weight:800;}
.w3-white{color:#fff;}
.w3-black{color:#000;}
.w3-gr{color:rgba(70,70,70,0.7);}
.w3-333{color:#333;}
.w3-333:hover {color:#000;} 
.w3-bg-white{background-color:#fff;}
.w3-bg-black{background-color:#000;}
.w3-bg-gr{background-color:rgba(70,70,70,0.7);}
.w3-image-100{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-image-95{max-width:95%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-image-90{max-width:90%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-image-85{max-width:85%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-image-80{max-width:80%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-image-75{max-width:75%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-w-100{width:100%;}
.w3-w-95{width:95%;}
.w3-w-90{width:90%;}
.w3-w-85{width:85%;}
.w3-w-80{width:80%;}
.w3-wp-100{width:100px;}
.w3-wp-125{width:125px;}
.w3-wp-150{width:150px;}
.w3-wp-200{width:200px;}
.w3-wp-250{width:250px;}
.w3-wp-300{width:300px;}
.w3-wp-350{width:350px;}
.w3-round-small{border-radius:2px}
.w3-round-medium{border-radius:4px}
.w3-round-large{border-radius:8px}
.w3-round-xlarge{border-radius:16px}
.w3-round-xxlarge{border-radius:32px}
.w3-circle{border-radius:50%}
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(material-icons.woff2) format('woff2');}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-32 { font-size: 32px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-64 { font-size: 64px; }
.w3-animate-opacity{animation:opac 1.9s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-zoom {animation:animatezoom 1.5s}@keyframes animatezoom{from{transform:scale(0.6)} to{transform:scale(1)}}
.fadeIn {animation-name: fadeIn;}@keyframes fadeIn {0%{opacity: 0;}100%{opacity: 1;}}
.bounceIn {animation-name: bounceIn;}@keyframes bounceIn {0%{opacity: 0;transform: scale(.3);}50%{opacity: 1;transform: scale(1.05);}70%{transform: scale(.9);}100%{transform: scale(1);}}
.rotateIn {animation-name: rotateIn;}@keyframes rotateIn {0%{transform-origin: center center;transform: rotate(-200deg); opacity: 0; }100%{transform-origin: center center;transform: rotate(0); opacity: 1; }}
.rollIn {animation-name:rollIn;}@keyframes rollIn {0%{opacity: 0;transform: translateX(-100%) rotate(-120deg);}100%{opacity: 1;transform: translateX(0px) rotate(0deg);}}
.animated {animation-duration: 1.5s;animation-fill-mode: both;}
.animated.flip {backface-visibility: visible;animation-name: flip;}@keyframes flip {
0%{transform: perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function: ease-out;}
40%{transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function: ease-out;}
50%{transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function: ease-in;}
80%{transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function: ease-in;}
100%{transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function: ease-in;}}
.lightSpeedIn {animation-name: lightSpeedIn;animation-timing-function: ease-out;}@keyframes lightSpeedIn {
0%{transform: translateX(100%) skewX(-30deg);opacity: 0;} 
60%{transform: translateX(-20%) skewX(30deg);opacity: 1;} 
80%{transform: translateX(0%) skewX(-15deg);opacity: 1;} 
100%{transform: translateX(0%) skewX(0deg);opacity: 1;}}

