@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600);
@import url(http://fonts.googleapis.com/css?family=Roboto&&effect=shadow-multiple|emboss|outline);
@import url('https://fonts.googleapis.com/css?family=Oswald');

/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
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{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}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}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[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-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;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}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;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,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.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-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}

/*
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}

*/
@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 (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.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:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-top-small{border-radius:2px}.w3-round-top,.w3-round-top-medium{border-radius:4px 4px 0 0;}.w3-round-top-large{border-radius:8px 8px 0 0}.w3-round-top-xlarge{border-radius:16px 16px 0 0 }.w3-round-top-xxlarge{border-radius:32px 32px 0 0}
.w3-round-small{border-radius:2px}.w3-round,.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-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.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-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.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}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!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-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.input-verification{
    border:thin dashed red!important;
  }


.w3-sidebar .w3-bar-item{
  color: #212121;
    background-color: #e0e0e0;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: 0.2s ease;
}
.w3-sidebar a{
font-size:1.6em;
}

.w3-theme-l5 {color:#000 !important; background-color:#fef4f3 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fdd9d6 !important}
.w3-theme-l3 {color:#000 !important; background-color:#fbb3ae !important}
.w3-theme-l2 {color:#000 !important; background-color:#f98d85 !important}
.w3-theme-l1 {color:#fff !important; background-color:#f6665c !important}
.w3-theme-d1 {color:#fff !important; background-color:#f32617 !important}
.w3-theme-d2 {color:#fff !important; background-color:#e11a0c !important}
.w3-theme-d3 {color:#fff !important; background-color:#c5170a !important}
.w3-theme-d4 {color:#fff !important; background-color:#a91409 !important}
.w3-theme-d5 {color:#fff !important; background-color:#8d1007 !important}

.w3-theme-light {color:#000 !important; background-color:#fef4f3 !important}
.w3-theme-dark {color:#fff !important; background-color:#8d1007 !important}
.w3-theme-action {color:#fff !important; background-color:#8d1007 !important}

.w3-theme {color:#fff !important; background-color:#9e0620 !important}
.w3-text-theme {color:#9e0620 !important}
.w3-border-theme {border-color:#9e0620 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#9e0620 !important}
.w3-hover-text-theme:hover {color:#9e0620 !important}
.w3-hover-border-theme:hover {border-color:#9e0620 !important}

.fit-img{
  
    width: 100%;
   }

@media(max-width: 760px) {
    .col{
        width:100%;
        display:block;
    
       } 
  }
  

  @media(max-width: 900px) {
   
      
  }
  
    
  

@media (min-width:601px){
 
    /*
    .w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}*/
}
@media (min-width:993px){
   /* .w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}*/
 
}


@media (max-width:1205px){
   /* .w3-auto{max-width:95%}*/
   
}
@media (max-width:600px){
    .col{
        display:block!important;
        width:100%!important;
    }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
        display:block!important;
        width:100%!important;
    }
    .w-500,.w-600,.w-700,.w-760,.w-800,.w-900 ,.w-960,.w-1024,.w-1280{
        max-width:auto!important;   
           display:block!important;
           width:100%!important;
       }
    .slider-pro{
        display:none!important;
    }
    .page-header{
        height:auto!important;
        min-height:auto!important;
    }
  /*  .w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}*/
}
@media (max-width:768px){
/*    .w3-modal-content{width:500px}.w3-modal{padding-top:50px}*/
.col{
    display:block!important;
    width:100%!important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
    display:block!important;
    width:100%!important;
}
.w-500,.w-600,.w-700,.w-760,.w-800,.w-900 ,.w-960,.w-1024,.w-1280{
    max-width:auto!important;   
       display:block!important;
       width:100%!important;
   }
    .slider-pro{
        display:none!important;
    }
    .page-header{
        height:auto!important;
        min-height:auto!important;
    }
   .tdr{
       border:none!important;
   }
    .fit-img{
        width:90%;
    }
    p{
        max-height:unset!important;
    }
 img{
     margin-top:unset!important;
 }
    
}
@media (min-width:993px){
   /* .w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}*/
   
}
@media (max-width:992px) and (min-width:601px){
    /*.w3-hide-medium{display:none!important}*/
    .slider-pro{
        display:none!important;
    }
    .page-header{
        height:auto!important;
        min-height:auto!important;
    }
}
@media (max-width:992px){
   /* .w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}*/
}



/*
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-red.css">
background:#9e0620;
*/

html {
    font-family: 'Raleway','sans-serif';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

*{
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
     
}

:focus {
    outline: 0;
}
.tsr{
     text-shadow: 1px 1px 0px rgba(255,255,255,0.5);   
}
.ts1{
     text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.6);    
}
.ts2{
 text-shadow: 2px 4px 3px rgba(0,0,0,0.3);   
}
body{
    padding:0;
    margin:0;
    font-size:12pt;
     
}
 
table{
max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
table td{
    text-align:left;
}
blockquote{
    text-align:left;
 padding: 0 0 0 30px;
   
    border-left: none;
    background: url(/images/bg-divider-vertical.png) repeat-y left top;    
}
.rilflo_background{
	 background-color: #15154c;
}
.thepage{
   
}
div{
     display: block;
	width:100%; 
}
.topdepth{
    z-index: 99999;
}
button-tmp{
    padding: 5px 12px; 
    
}
  
button2{
  margin      : default;
  padding     : default;
  border      : default;
  background  : white;
  font-family : inherit;
 
    border: 1px solid #dadada;
    color: #404040;
    cursor: pointer;
    display: inline-block;
    font-size: .85em;
    
    line-height: 1.55;
    margin-right: 5px;
    padding: 5px 12px;
    text-decoration: none;
    text-align: center;  
    
  cursor      : pointer;
}
 
.page-header{
  
    text-align:center;
   
 
    min-height:200px;
}

.page-header-inner{
    height: 100%;
    
    display:inline-block;
	
}

.page-top-wrapper{
  
    width:100%;
     z-index: 1000; 
   display:none;
}

.page-top{
  
    display:inline-block;
    position: relative;
}

.page-info-wrapper{
     z-index: 1000; 
}

.page-info{
    
   
    text-align: center;   
}
.page-info-div{
 
}
.fleft{
    float:left;
}
.fright{
    float:right;
}
.page-body-wrapper{
   position:relative;
    text-align:center;
   
    z-index:2000;
    margin-bottom2: 50px;
     
}

.liteshadow{
  
border:0px solid black;
        -moz-box-shadow: 2px 2px 16px rgba(104, 104, 104, 0.19);
        -webkit-box-shadow: 2px 2px 16px rgba(104, 104, 104,0.19);
        box-shadow: 2px 2px 16px rgba(104, 104, 104,0.19);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
        filter2: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');
	behaviour: url('PIE.htc');
 filter:none;   
}

.page-body{
    
    display: inline-block;
    
   
 
  background-image2:url(/images/bg03.jpg);
    background-repeat: repeat;   
    
    
}

.page-footer{
   
    text-align:center;
}
.page-footer-inner{
    display: inline-block;
}
 

.bc-items{
    
}
.item-cat-a{
     display: inline-block;
    width: 452px;
    height: 267px;
    padding: 10px;
   
        float: left;
    margin: 20px;
}
.item-cat{
 display: inline-block;
    padding: 10px;   
}
.item-cat-title{
    
}
.item-cat-description{
    
}
.item-cat-description{
    
}
.item-cat-image{
    
}

 
.buttonbar{
    display:none;
}
 
cardinputright{
  padding:20px;
    border:thin solid silver;   
}
.cardinput{
   padding:20px;
    border:thin solid silver;
}
.frontdiv{
    padding:10px;
     border:thin solid silver;
}
.backdiv{
  padding:10px;
     border:thin solid silver;
    border-top:0px solid white;
}
.frontheader{
    font-weight:bolder;
    font-size:1.5em;
    background:#fafafa;
    padding:4px;
}
.backheader{
   font-weight:bolder;
    font-size:1emt;
    background:#fafafa;
    padding:4px; 
}


.grouptitle{
   
    font-size:1em;
    
    padding:4px;   
}
.displayinputtd{
    padding:4px;
}
.displayspan{
    display:inline-block;
    width:180px;
    text-align:right;
}
.inputclass{
    width:270px;
    padding:4px;
}
.qtytable{
    width:100%;
    border:thin solid black;
}
.qtytable th {
    padding:4px;
     border-bottom:thin solid silver;
}
.qtytable td {
    padding:4px;
    border-bottom:thin solid silver;
}

.item-title{
    padding:4px;
}
.item-description{
    padding:4px;
}
.item-size{
    padding:4px;
}

.job-info{
    width:100%;
}
.job-info div{
    width:100%;
    padding:4px;
}
.job-info input{
    width:100%;
    padding:4px;
}
.job-info textarea{
    width:100%;
    padding:4px;
    height:60px;
}

.bardiv{
    /*width:1024px;*/
    position:absolute;
   
    height:0px;
    z-index:9000!important;
}
.bardiv > .front{
    position:absolute;
    left:72px;
    top:-20px;
}
.bardiv > .back{
   position:absolute; 
    left:857px;
    top:-20px;
}


.submittable th{
    text-align:center;
}

.submittable td{
    text-align:center;
}

.s_select{
    
}
.s_select > .qtyselectspan{
    display:inline-block;
    min-width:100px;
    padding:4px;
    font-weight: bold;
}
.s_select > .qtyselect{
    padding:4px;
       
}

 
#submitform_popup_inner{
    font-size:1em;
}
#submitform_popup_inner input{
    padding:4px;
}
#submitform_popup_inner td{
    font-size:1em;
}
#addlcomment{
    height:50px;
}
 
#formdiv {
    padding:5px;
}
#Order{
    padding:5px;
}
.submitformtable td{
    padding:4px;
}
.submitformtable input{
    padding:4px;
}
#ContactPerson{
    width:200px;
}
#ContactPhone{
    width:200px;
}
#OrderQuantity{
    padding:4px;
    width:200px;
}
 
.qtytable td{
    text-align:center;
}

 
.section_header{
    padding:4px;
       margin-bottom: 20px;
           border: thin solid silver;
}
.form_section{
    
    border-bottom:thin solid silver; 
    
}
.form_section_outerspan{
    display:inline-block;
    padding:10px;
    border:thin solid silver;
    border-bottom:0;
}
.form_section_span{
    
}
.qtyselect{
    padding:4px;
     width: 110px;
}
.form_items{
   
}
.form_items td{
    padding:4px;
    font-size:0.85em;
}
.form_items tr{
    padding:4px;
    border-bottom:thin solid silver;
    font-size:0.85em;
}
.form_items tr:last-child{
    padding:4px;
    border-bottom:0 solid silver;
    font-size:0.85em;
}
.tcol_1 {
    width:100px;
}
.tcol_2 {
    width:100px;
}
.tcol_3{
   width:100px; 
} 
.tcol_4{
   width:200px; 
} 
.tcol_5{
 width:100px;   
} 
.tcol_6{
    width:100px;
}
.tcol_7{
    width:100px;
}


 .font-m{
     
font-size:1.25em; 
     text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
     text-align:left;
 }

.tshadow2{
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.tshadow{
 text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);   
}
.page-body{
    background:white;
    border-top: thin solid silver;
}
.page-body2{
    
    
    border: thin solid rgb(224, 224, 224); 
    
}
.body-right{
border: solid 1px rgba(169, 169, 169, 0.53);
    background-color: #eed; 
    box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
}
 
.ststus_bar{
    padding:20px;
}
.tablestatus{
    width:100%;
    font-size:0.85em;    
}
.tablestatus th{
    padding:4px;
    border-bottom:thin solid silver;
    text-align:center;
}
.tablestatus td{
    padding:4px;
    border-bottom:thin solid silver;
    text-align:center;
}


 

.input-large{
padding:4px;
    width:360px;
}
.admin-users td{
    padding:4px;
}
#companyselect {
    padding:4px;
    width: 220px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
.td_row_1{
    font-size:0.85em;
    padding-right:10px;
}
 
.page-menu{
    text-align:center;
    height: 40px;
    background: rgb(44, 49, 56);
    background-image: url(/images/bg.png);
    color: white;
    cursor: hand;
    cursor:pointer;    
}
.page-menu-inner {
	 
	overflow: hidden;
	 
	 
    display:inline-block;
	width:auto;
}
.page-menu-inner a {
	text-decoration: none;
}
.page-menu-inner a:hover {
    background:black;
    color:white;
}
.page-menu-inner ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
    display: inline-block;
}

.page-menu-inner > ul > li,
.page-menu-inner > ul > li > a {
	 
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5em;
	 
	color: #FFF;
}
.page-menu-inner a {
	display: block;
	padding:  8px 20px 8px 20px; 
 
	 
}
.page-menu-inner ul li {
	float:left;
    cursor:hand;
    cursor:pointer;
}
.page-menu-inner > ul > li {
	display: block;
	position: relative;
	background2: url(../images/bg-divider-vertical.png) repeat-y right top;
	padding-right: 1px;
}
.page-menu-inner > ul > li > ul {
	padding-top: 35px;
	background2: #303030;
}
.page-menu-inner li ul {
	position: absolute;
	z-index: 9999;
	left: -9999px;
	/* width: 184px; */
}
.page-menu-inner li ul li {
	width: auto;
	white-space: nowrap;
	border-top: 1px solid #393939;
	/*margin-top: -1px;*/
}
.page-menu-inner li ul a {
	float: left;
	display: block;
	 
	font-size: 12px;
	font-weight: normal;
	line-height2: 14px;
	color: #999;
	padding: 10px 15px 2px 15px;
	min-width: 100px;
}
.page-menu-inner > ul > li:last-child {
	background2: none;
	padding-right: 0;
}

.page-menu-inner li:hover > ul {
	left: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}
.page-menu-inner a:hover,
.page-menu-inner li.current-menu-item > a,
.page-menu-inner li.current_page_item > a,
.page-menu-inner li.current-menu-ancestor > a,
.page-menu-inner li.current-page-ancestor > a {
	 
         
}
.page-menu-inner > ul > li > ul a:hover,
.page-menu-inner > ul > li > ul li.current-menu-item a,
.page-menu-inner > ul > li > ul li.current_page_item a {
	color: #FFF;
}
 
#topmenu{
    background: #c7c7c7!important;
    background-image: url(/images/testFolder/499935926-crop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#topmenu .menu-item{
    padding: 10px;
  /*  border: thin outset #fdfdfd;*/
    background: #f5f5f5;
    margin: 1px;

    padding: 10px;
    /* border: thin outset #fdfdfd; */
    background: #f5f5f5;
    margin: 1px;
    background: rgb(44, 49, 56);
    background-image: url(/images/bg.png);
    color: white;
    cursor: hand;
    cursor:pointer;

}
#topmenu .menu-item:hover{
    padding: 10px;
 /*   border: thin outset silver;*/
    background: #808080;
    color:white;
    margin: 1px;
}
/*

new menu

*/
.slicknav_nav .starthidden{
display:block!important;    
}




/* end new menu */

.slicknav_menu {
  /*  background:transparent!important;*/
}

.slicknav_nav  .page-menu-inner  ul {
    padding:0;
    margin:0;
}

.slicknav_nav  .page-menu-inner  .menu-item{
    display:block;
    float: initial;
    float:none;
}

/* ---------- footer */
.page-footer{
    background: #333;
        
}
.fotorama{
    border: thin solid silver;
}
/* extras */
.sidemenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.sidemenu li {
    border-bottom: thin solid silver;
    padding: 4px;
}

 

 
.logo1{
     
}

 .button {
	display: inline-block;
	position: relative;
     background-color: #4CAF50;
    color: #ffffff;
    border-color: #4CAF50;
    background-image:none;
    text-shadow: 0 1px 0 rgba(2, 56, 9, 0.8);
    border-radius: 0;
    font-size:1.1em;
    
    font-weight:500;
    cursor:hand;
    cursor:pointer;
     padding-left: 10px;
     padding-right: 10px;     
        margin: 2px;
   -webkit-box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.7);
box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.7);
     border:0 solid white;
}

.button:hover {
	 
}

.button:active,.button:active:after,.button:active:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}

 button-tmp {
	display: inline-block;
	position: relative;
     background-color: #4CAF50;
    color: #ffffff;
    border-color: #4CAF50;
    background-image:none;
    text-shadow: 0 1px 0 rgba(2, 56, 9, 0.8);
    border-radius: 0;
    font-size:1.1em;
    font-family:Verdana,sans-serif;
    font-weight:500;
    cursor:hand;
    cursor:pointer;
     padding-left: 10px;
     padding-right: 10px;     
        margin: 2px;
   -webkit-box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.7);
box-shadow: 0px 2px 16px -2px rgba(0,0,0,0.7);
     border:0 solid white;
}

button-tmp:hover {
	 
}

button-tmp:active,button:active:after,button:active:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}
 
.featurebox.button {
	display: inline-block;
	position: relative;
	color: #888;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	text-decoration: none;
	text-align: center;
	padding: 8px 12px;
	 
	font-weight: 700;
	font-family: helvetica, arial, sans-serif;
	border-radius: 4px;
	border: 1px solid #bcbcbc;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    cursor:pointer;
    cursor:hand;
   
}

.featurebox.button:hover {
	color: #555;
}

.button:active,.button:active:after,.button:active:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}

button-tmp {
	display: inline-block;
	position: relative;
	color: #888;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	text-decoration: none;
	text-align: center;
	padding: 8px 12px;
	 
	font-weight: 700;
	font-family: helvetica, arial, sans-serif;
	border-radius: 4px;
	border: 1px solid #bcbcbc;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
}

button-tmp:hover {
	 
}

button-tmp:active,button-tmp:active:after,button-tmp:active:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}
*/
 /*
button.back {
	border-left: none;
}

button.back:after {
	content: '';
	position: absolute;
	height: 50%;
	width: 15px;
	border-left: 1px solid #bcbcbc;

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	left: -5px;
	top: 1px;

	-webkit-transform: skew(-35deg, 0);
	-moz-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);
}

button.back:before {
	content: '';
	position: absolute;
	height: 48%;
	width: 15px;
	border-left: 1px solid #bcbcbc;
	bottom: 1px;
	left: -5px;

	-webkit-transform: skew(35deg, 0);
	-moz-transform: skew(35deg, 0);
	-o-transform: skew(35deg, 0);
	-ms-transform: skew(35deg, 0);
	transform: skew(35deg, 0);

	background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);

	-webkit-box-shadow: -2px 1px 2px rgba(100,100,100,0.1);
	box-shadow: -2px 1px 2px rgba(100,100,100,0.1);
}

 
button.next {
	border-right: none;
}

button.next:after {
	content: '';
	position: absolute;
	height: 48%;
	width: 15px;
	border-right: 1px solid #bcbcbc;

	background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	right: -5px;
	bottom: 1px;

	-webkit-transform: skew(-35deg, 0);
	-moz-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);

	-webkit-box-shadow: 2px 1px 2px rgba(100,100,100,0.1);
	box-shadow: 2px 1px 2px rgba(100,100,100,0.1);
}

button.next:before {
	content: '';
	position: absolute;

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	height: 50%;
	width: 15px;
	border-right: 1px solid #bcbcbc;
	top: 1px;
	right: -5px;

	-webkit-transform: skew(35deg, 0);
	-moz-transform: skew(35deg, 0);
	-o-transform: skew(35deg, 0);
	-ms-transform: skew(35deg, 0);
	transform: skew(35deg, 0);
}
*/
.re_pi_prevnext{
    height:30px;
}

button.next2{
       background-color: #4CAF50;
    color: #ffffff;
    border-color: #4CAF50;
    background-image:none;
    text-shadow: 0 1px 0 rgba(2, 56, 9, 0.8);
    border-radius: 0;
    font-size:1.1em;
    font-family:Verdana,sans-serif;
    font-weight:500;
    cursor:hand;
    cursor:pointer;
        margin: 2px;
    border:0 solid white;
}
button.back2{
       background-color: #4CAF50;
    color: #ffffff;
    border-color: #4CAF50;
    background-image:none;
    text-shadow: 0 1px 0 rgba(2, 56, 9, 0.8);
    border-radius: 0;
    font-size:1.1em;
    font-family:Verdana,sans-serif;
    font-weight:500;   
    cursor:hand;
    cursor:pointer;
        margin: 2px;
    border:0 solid white;
}

/* shadow bottom of box */
.box {
   
}

.box-shadow {
   
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.86);
       -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.86);
            box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.86);
}

.box-shadow-bottom {
   -webkit-box-shadow: 0px 5px  rgba(0, 0, 0, 0.86);
   -moz-box-shadow: 0px 5px  rgba(0, 0, 0, 0.86);
        box-shadow: 0px 5px  rgba(0, 0, 0, 0.86);
    
}
.box-float{
-webkit-box-shadow: -2px 31px 82px 5px rgba(0,0,0,0.47);
-moz-box-shadow: -2px 31px 82px 5px rgba(0,0,0,0.47);
box-shadow: -2px 31px 82px 5px rgba(0,0,0,0.47);    
}

#back{
    /*font-size: .5em;*/
    float:left;
}
#next{
    /* font-size: .5em;*/
    float:right;    
}


#data{
    padding:10px;
    font-size:1.2em;
    background2:white;
    color:black;
}
textarea{
    
    font-size:1.4em;
}

.featurebox{
    padding:10px;
    margin:0;
    text-align: center;
    display:inline-block;
   margin-top:20px;
    margin-bottom:20px;
    
    min-height:80px;
    width:60%;
}
.tableblock{
    width:100%;
    height:100%;
}

.inset-text-effect {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal 70px/1 "Aladin", Helvetica, sans-serif;
  color: rgba(48,48,48,1);
  text-align: center;
  text-transform: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
}

.text-3d{
 
 /*  font-size: 78px;*/
   color: #FCFCFC;
   font-family: Arial Black, Gadget, sans-serif;
   text-shadow: 0px 0px 0 rgb(238,238,238),0px 1px 0 rgb(230,230,230),0px 2px 0 rgb(223,223,223),0px 3px 0 rgb(216,216,216),0px 4px 0 rgb(209,209,209),0px 5px 0 rgb(201,201,201),0px 6px 0 rgb(194,194,194),0px 7px 0 rgb(187,187,187),0px 8px 0 rgb(179,179,179),0px 9px 0 rgb(172,172,172),
0px 10px  0 rgb(165,165,165),0px 11px 10px rgba(0,0,0,0.56),0px 11px 1px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,.2)
}

.text-embossed{
    color: #222;
text-shadow: 0px 2px 3px #555;
}

.feature_td1{
   text-align: right;
    padding-right: 4px;
}
.feature_td2{
  text-align: right;
    font-size:1.25em;
}


.feature_div1{
    display: inline-block;
}

.feature_div2{
    display: inline-block;
}

.feature_div2 >span{
    display:inline-block;
    padding:10px;
}

.featuretext{
    font-size:2.5em;
}
.emailbuttontext{
    font-size:1.2em;
}
/* ---- email */
.checkmark {
    display:inline-block!important;
    width: 22px;
    height:22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_circle {
    position: absolute;
    width:22px;
    height:22px;
    background-color: green;
    border-radius:11px;
    left:0;
    top:0;
}

.checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    background-color:#fff;
    left:11px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#fff;
    left:8px;
    top:12px;
}
.boxshadow{
       -moz-box-shadow: 2px 2px 16px rgb(104, 104, 104);
        -webkit-box-shadow: 2px 2px 16px rgb(104, 104, 104);
        box-shadow: 2px 2px 16px rgb(104, 104, 104);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
         

}


.body_left{
 display:inline-block; 
    width:60%;
}

.body_right{
 display:inline-block;   
    text-align:right;
    width:25%;
    float:right;
}
.noselect{
     
  -webkit-user-select: none;   
  -moz-user-select: none;      
  -ms-user-select: none;      
  user-select: none;                
 
}

.content-div,.image-div{
	    border-bottom: thin solid silver;
	font-size:16pt;
}
 
 

.boxcontainer{
    
   
     
    padding:10px;
}

.boxinner{
    padding:10px;
    border:thin solid silver;
}

.boxtitle{
    overflow: hidden;
  text-align: center;
    background2:#15154C;
    color2:white;
        font-weight:bold;
    font-size:1.4em;
}

.boxcontent{
 
    
}
.boxtext{
  text-align:left;
    padding:10px;   
}
.page-contentheader{
     border-right: thin solid silver;
    
    float: right;
    display: inline-block;
    border-left: thin solid silver;
    border-bottom: thin solid silver;
    padding-top: 0;
    top: -7px;
    position: relative;
        width: auto;
}

.top-image{
 border-bottom:thin solid silver;   
}

 h1{
     font-size: 2.4em;
text-shadow2: 1px 1px 2px rgba(150, 150, 150, 1);  
     margin-bottom: 0;
 }
.tag-h1{
     margin-top:16px;
    font-weight:bold;
  font-size: 2.4em;
text-shadow2: 1px 1px 2px rgba(150, 150, 150, 1);  
     margin-bottom: 0;  
}
.font-bold{
 font-weight: bold;   
}
 .box-title{
     
         font-weight:bold;
 }

 .boxtitle h1 {
  display: inline-block;
  padding: 0 15px;
  position: relative;
     font-size:0.8em;
}

.boxtitle h1:before,
.boxtitle h1:after {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 400%;
}

.boxtitle h1:before {
  right: 100%;
}

.boxtitle h1:after {
  left: 100%;
}

.boxsubtitle{
 font-weight:bold; 
     
    padding: 2px;   
}

.rilflotitle{
    font-weight: bold;
    
}

 .sep{
     
  border-bottom:thin solid silver;
    margin-bottom:10px;
     margin-top:10px;
 }
 
.leaflogotop{
 position: absolute;
    z-index: 10000;
    top: -10px;   
}


.fixed {
    position:fixed;
    top:0;
    z-index: 9000;
    background2: white;
    border-bottom:1px solid black;
}

	.button-big
	{
		display: inline-block;
		background: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 10px 25px 10px 25px;
        border:0;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.45), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	}

	.button-big:hover
	{
		background: #fd492b;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
		background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
		background-image: -o-linear-gradient(top, #fd492b, #de2a10);
		background-image: linear-gradient(top, #fd492b, #de2a10);
	}

	.button-big:active
	{
		background: #ce1a00;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce1a00), to(#ed391b));
		background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -o-linear-gradient(top, #ce1a00, #ed391b);
		background-image: linear-gradient(top, #ce1a00, #ed391b);
	}


.box {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  
   
  position: relative;
  background:white;
}

.small-padding{
 padding:12px;   
}

.medium-padding{
 padding:20px;   
}
.large-padding{
 padding:25px;   
}
.big-padding{
 padding:40px;   
}

.small-font{
 font-size:0.8em;   
}
.large-font{
 font-size:1.2em;   
}
.big-font{
 font-size:1.4em;   
}
.xbig-font{
 font-size:1.6em;   
}

.w-500{
 max-width:500px;  
 width:500px;
    display:inline-block;
}

.w-600{
 max-width:600px;   
 width:600px;
    display:inline-block;
}

.w-700{
 max-width:700px;   
 width:700px;
    display:inline-block;
}
.w-760{
 max-width:760px;   
 width:760px;
    display:inline-block;
}

.w-800{
 max-width:800px; 
 width:800px;  
    display:inline-block;
}

.w-900{
 max-width:900px;   
 width:900px;
    display:inline-block;
}

.w-960{
 max-width:960px;
 width:960px;   
    display:inline-block;
}

.w-1024{
 max-width:1024px;  
 width:1024px; 
    display:inline-block;
}

.w-1280{
 max-width:1280px;  
 width:1280px; 
    display:inline-block;
}
 

.fam-arial{
 font-family: Arial;   
}


.fam-arialblack{
 font-family: "Arial Black";   
}


.fam-verdana{
 font-family: verdana;   
}


.fam-tahoma{
 font-family: tahoma;   
}



.font-black{
    color: black!important;
}

.font-blue{
    color: blue!important;
}

.font-darkblue{
    color: darkblue!important;
}
.font-darkred{
   color: darkred!important; 
}
.font-red{
   color: red!important; 
}

.font-green{
    color: green!important;
}

.font-darkgreen{
    color: darkgreen!important;
}

.font-white{
    color: white!important;
}


.f-05{font-size:0.5em;}
.f-075{font-size:0.75em;}
.f-085{font-size:0.85em;}
.f-085{font-size:0.85em;}
.f-09{font-size:0.9em;}
.f-095{font-size:0.95em;}
.f-1{font-size:1em;}
.f-11{font-size:1.1em;}
 .f-12{font-size:1.2em;}
.f-13{font-size:1.3em;}
.f-14{font-size:1.4em;}
.f-15{font-size:1.5em;}
 .f-16{font-size:1.6em;}
 .f-17{font-size:1.7em;}
.f-18{font-size:1.8em;}
.f-19{font-size:1.9em;}
.f-2{font-size:2em;}
.f-22{font-size:2.2em;}
.f-24{font-size:2.4em;}
.f-26{font-size:2.6em;}
.f-28{font-size:2.8em;}
.f-3{font-size:3em;}
.f-35{font-size:3.5em;}
.f-4{font-size:4em;}
.f-5{font-size:5em;}


.fw-b100{font-weight:100;}
.fw-b200{font-weight:200;}
.fw-b300{font-weight:300;}
.fw-b400{font-weight:400;}
.fw-b500{font-weight:500;}
.fw-b600{font-weight:600;}
.fw-b700{font-weight:700;}
.fw-b800{font-weight:800;}
.fw-b900{font-weight:900;}
.fw-b1000{font-weight:1000;}

.fs-bold{
font-weight:bold;    
}

.fs-italic{
font-style:italic;    
}

.fs-bolditalic{
font-weight:bold;
font-style:italic;
}


.l-05{line-height:0.5;}
.l-075{line-height:0.75;}
.l-085{line-height:0.85;}
.l-09{line-height:0.9;}
.l-095{line-height:0.95;}
.l-1{line-height:1;}
.l-11{line-height:1.1;}
 .l-12{line-height:1.2;}
.l-13{line-height:1.3;}
.l-14{line-height:1.4;}
.l-15{line-height:1.5;}
 .l-16{line-height:1.6;}
 .l-17{line-height:1.7;}
.l-18{line-height:1.8;}
.l-19{line-height:1.9;}
.l-2{line-height:2;}
.l-22{line-height:2.2;}
.l-24{line-height:2.4;}
.l-26{line-height:2.6;}
.l-28{line-height:2.8;}
.l-3{line-height:3;}
.l-35{line-height:3.5;}
.l-4{line-height:4;}
.l-5{line-height:5;}



.wp-10{ width:10%;}
.wp-20{ width:20%;}
.wp-30{ width:30%;}
.wp-40{ width:40%;}
.wp-50{ width:50%;}
.wp-60{ width:60%;}
.wp-70{ width:70%;}
.wp-80{ width:80%;}
.wp-90{ width:90%;}
.wp-100{ width:100%;}


.hp-10{ height:10%;}
.hp-20{ height:20%;}
.hp-30{ height:30%;}
.hp-40{ height:40%;}
.hp-50{ height:50%;}
.hp-60{ height:60%;}
.hp-70{ height:70%;}
.hp-80{ height:80%;}
.hp-90{ height:90%;}
.hp-100{ height:100%;}

.s-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.s-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.s-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.s-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.s-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}


.p-1{padding:1px;    }
p-2{padding:2px;    }
.p-3{padding:3px;    }
.p-4{padding:4px;    }
.p-5{padding:5px;    }
.p-6{padding:6px;    }
.p-7{padding:7px;    }
.p-8{padding:8px;    }
.p-9{padding:9px;    }
.p-10{padding:10px;    }
.p-12{padding:12px;    }
.p-14{padding:14px;    }
.p-16{padding:14px;    }
.p-18{padding:18px;    }
.p-20{padding:22px;    }
.p-22{padding:22px;    }
.p-25{padding:25px;    }
.p-30{padding:30px;    }
.p-35{padding:35px;    }
.p-40{padding:40px;    }
.p-45{padding:45px;    }
.p-50{padding:50px;    }
 

 

.box-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.box-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.box-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.box-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.box-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.box-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}


.c-red{
    color:red;
}
.c-blue{
    color:blue;
}
.c-green{
    color:green;
}
.c-white{
    color:white;
}


.font-arialblack{
    font-family: "Arial Black"
}
.font-verdana{
    font-family: "verdana"
}


.b1{
    
 border: 1px solid silver;   
}

.bk-paper{
    background:#fcfafa;
 background-image:url(/images/bg03.jpg);
    background-repeat: repeat;
}


.bk-black{
    background:black;
  
}

.bk-silver{
    background:silver;
  
}

.align-left{
   text-align:left!important;
}
 

.align-center{
    text-align:center!important;
}
 
.align-right{
    text-align:right!important;
}

.valign-top{
 display:table-cell;
    vertical-align:top;
}

.valign-middle{
 display:table-cell;
    vertical-align:middle;
}

.valign-bottom{
 display:table-cell;
    vertical-align:bottom;
}
 
.ts-r{
     text-shadow: 1px 1px 0px rgba(255,255,255,0.5);   
}
.ts-1{
    text-shadow: 1px 1px 1px rgb(44 49 56); 
}
.ts-2{
 text-shadow: 2px 4px 3px rgba(0,0,0,0.3);   
}

.ts-10{
  text-shadow: 0px 1px 0px #c7c8ca, 0px 2px 0px #b1b3b6, 0px 3px 0px #9d9fa2, 0px 4px 0px #8a8c8e, 0px 5px 0px #77787b, 0px 6px 0px #636466, 0px 7px 0px #4d4d4f, 0px 8px 7px #001135;
  color: #fff;       
}
.ts-11{
    text-shadow: 0.04em 0.04em 0 #fff, 0.08em 0.08em 0 #aaa;
    -webkit-text-shadow: .04em .04em 0 #fff, .08em .08em 0 #aaa;   
}
.ts-3deffect {
    text-shadow: rgba(0, 0, 0, 0.85) 0px 0px 2px, rgba(0, 0, 0, 0.56) 2px 2px 6px;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: thin rgb(8, 8, 8);
    -webkit-text-stroke: thin rgb(0, 0, 0);
  }
.effect {
  position: relative;
}



.img-10 img{
width:10%;    
}
.img-20 img{
width:20%;    
}
.img-30 img{
width:30%;    
}
.img-40 img{
width:40%;    
}
.img-50 img{
width:50%;    
}
.img-60 img{
width:60%;    
}
.img-70 img{
width:70%;    
}
.img-80 img{
width:80%;    
}
.img-90 img{
width:90%;    
}
.img-100 img{
width:100%;    
}

.mh-50{ min-width:50px;max-width:50px;display:table;}
.mh-60{ min-width:60px;max-width:60px;display:table;}
.mh-70{ min-width:70px;max-width:70px;display:table;}
.mh-80{ min-width:80px;max-width:80px;display:table;}
.mh-90{ min-width:90px;max-width:90px;display:table;}
.mh-100{ min-width:100px;max-width:100px;display:table;}
.mh-110{ min-width:110px;max-width:110px;display:table;}
.mh-120{ min-width:120px;max-width:120px;display:table;}
.mh-130{ min-width:130px;max-width:130px;display:table;}
.mh-140{ min-width:140px;max-width:140px;display:table;}
.mh-150{ min-width:150px;max-width:150px;display:table;}
.mh-200{ min-width:200px;max-width:200px;display:table;}
.mh-250{ min-width:250px;max-width:250px;display:table;}
.mh-300{ min-width:300px;max-width:300px;display:table;}
.mh-500{ min-width:500px;max-width:500px;display:table;}
.mh-700{ min-height:700px;max-height:700px;display:table;}
.mh-900{ min-height:900px;max-height:900px;display:table;}


.mw-50{ min-width:50px;max-width:50px;}
.mw-60{ min-width:60px;max-width:60px;}
.mw-70{ min-width:70px;max-width:70px;}
.mw-80{ min-width:80px;max-width:80px;}
.mw-90{ min-width:90px;max-width:90px;}
.mw-100{ min-width:100px;max-width:100px;}
.mw-110{ min-width:110px;max-width:110px;}
.mw-120{ min-width:120px;max-width:120px;}
.mw-130{ min-width:130px;max-width:130px;}
.mw-140{ min-width:140px;max-width:140px;}
.mw-150{ min-width:150px;max-width:150px;}
.mw-200{ min-width:200px;max-width:200px;}
.mw-250{ min-width:250px;max-width:250px;}
.mw-300{ min-width:300px;max-width:300px;}
.mw-500{ min-width:500px;max-width:500px;}
.mw-700{ min-width:700px;max-width:700px;}
.mw-900{ min-width:900px;max-width:900px;}


.col {
      
 }
/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


.tiny-width{
 max-width:780px; 
    display:inline-block;
}


.small-width{
 max-width:1024px; 
    display:inline-block;
}

.large-width{
 max-width:1280px;   
    display:inline-block;
}
full-width{
   
     width:100%;
}

b i a span{
    font-size:inherit;
}

p{
 margin:0px;  
 word-break: break-word; 
    
}

[contenteditable]:hover {
   
    
}
/*
[contenteditable]:after {
  width: 8px;
  height: 8px;
  display: inline-block;
  content: ' ';
}

[contenteditable]:hover:after {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiUlEQVQ4y2NgGFKgs7OTl2zNEyZMmAgEDZMmTeogWTNQUwVQcyeIDaLnz5/PQYrmssmTJ1sC6QQg7gXiFlI0l4I0Q9lOQNuLiNYMVFwCxFZQtiPQgEKSNAM1WMM0k2wzTDPQ+Q5AdjEpfs6CRRPJmqEGvAC6IAlId4NcQk58vwDih0DbMxhGDgAAx6ZVXMd4yEMAAAAASUVORK5CYII=");
}

[contenteditable]:focus:after {
  width: 0;
  content: '';
}
*/

 
.picgallery{
    
 cursor: pointer;   
}
.hand{
 cursor: pointer;   
}

.pimage{
 width: 100%;
  height: auto;
  max-height: 60vh;    
     
}

.fabigcircle{
  width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 60px!important;
    border: thin solid black;
    font-size: 32px!important;
    
    margin: 0 auto!important;
    
    padding: 10px;
    background: green;
   
    color: orange;
}

.imageContent{
    background: url('http://www.techwcs.com/images/company.jpg') no-repeat center center;
    background-size: auto 100%;
  height: 400px;
  padding-top: 3%;
  padding-bottom: 3%;
    position:relative;
}


.centered-overlay{
     
   position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    background: rgba(255, 255, 255, 0.88);
    padding: 20px;
    border: 4px solid rgb(255, 255, 255);
}


.bordertop{
    
 border-top-style: solid;
    border-top-color: silver;
   
    border-top-width: thin;
      
}

.bordertopbottom{
    
 border-top-style: solid;
    border-top-color: #000000;
    border-bottom-style: solid;
    border-bottom-color: #ebebeb;
  
    border-top-width: thin;
    border-bottom-width: thin;  
    
    
     
    border-top-color: #6b6969;
     
    border-bottom-color: #3e3d3d;
        
    
}

.bk-1{
    background: rgb(44, 49, 56);
  }
  
  .bk-2{
         
    background: rgb(44, 49, 56);
    background-image:url(/images/bg.png);
   color:white;
   }
  
   .bk-3{
         
    background: rgb(212, 212, 212);
    background-image:url(/images/bg03.png);
   color:white;
   }
  
   .bk-white{
    background: white;
     color:black;
   }
  
   .bk-black{
    background: black;
     color:white;
   }
   .bk-dark{
    background: rgb(44, 49, 56);
    color:white;
   }
   .bk-paper{
    background: #fcfafa;
    background-image: url(http://www.rilflo.com/images/bg03.jpg);
    background-repeat: repeat;
   }
  
  .bk-texture01{
      
    
    background-image:url(/images/backgrounds/diagonal-noise.png);
   color:white;
  }
  
  .bk-texture01a{
      
    background: rgb(212, 212, 212);
    background-image:url(/images/backgrounds/txture.png);
   color:white;
  }
  
  .bk-texture0b1{
      
    
    background-image:url(/images/backgrounds/project-paper.png);
   color:black;
  }
  
  .bk-texture02{
      
    
    background-image:url(/images/backgrounds/my-little-plaid.png);
   color:white;
  }
  
  .bk-texture03{
      
    
    background-image:url(/images/backgrounds/shattered.png);
   color:white;
  }
  
  .bk-texture04{
      
    
    background-image:url(/images/backgrounds/satin-weave.png);
   color:white;
  }
  
  .bk-texture05{
      
    
    background-image:url(/images/backgrounds/ice-age.png);
   color:white;
  }
  
  .bk-texture06{
      
    
    background-image:url(/images/backgrounds/wall-4-light.png);
   color:white;
  }
  
  .bk-texture07{
      
    
    background-image:url(/images/backgrounds/vertical-cloth.png);
   color:white;
  }
  
  .bk-texture08{
      
   
    background-image:url(/images/backgrounds/notebook.png);
   color:white;
  }
  
  .bk-texture09{
      
    
    background-image:url(/images/backgrounds/rubber-grip.png);
   color:white;
  }
  
  .bk-slate{
         
    background: rgb(44, 49, 56);
    background-image:url(/images/bg.png);
   color:white;
   }


.bkimage {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 5px;
    border: 3px solid #c99;
    background-position: center center;
    background-size: cover;
}

.picshadow{
 border:thin solid silver;
    padding:8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);   
}
.picshadow:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


.a-wrap{
    text-decoration: none;
    cursor: text;
  }

.check-list
	{
        list-style: none;
	}

		.check-list li
		{
height: 40px;
    padding-left: 40px;
    font-size: 1.2em;
    background: url(/images/icon-checkmark.png) 0px 0px no-repeat;		}
		
		.check-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

        /* new stuff ------------------------- */

@media screen and (max-width: 760px) {
    .tabler {
     /*   border: 0;*/
     
        height:auto!important;
        width:100%!important;
      /*  padding: 1px!important;*/
        min-width: 100%!important;
        max-width:100%!important;
    } 
    .tabler > tbody{
        display:block;
        width:100%;
      }    
    .theadr {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
   
    .trr {
       /* border-bottom: 3px solid #ddd;*/
        display: block;
        margin-bottom: .625em;
    }
    
    .tdr {
      /*  border-bottom: 1px solid #ddd;*/
        display: block;
      /*  font-size: .8em;*/
        width:100%!important;
       /* text-align: right;*/
       padding: 1px!important;
       max-width:100%!important;
       min-width:100%!important;      
    }
    .tdr >table{
        max-width:100%!important;
        min-width:100%!important;
        width:100%!important;
    }
    .tdr td{
        display:block!important;
    }
    /*
    .tdr::before {
         
       //   aria-label has no advantage, it won't be read inside a table
       // content: attr(aria-label);
        
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        
    }
    */
    
    .tdr:last-child {
        border-bottom: 0;
    }


    .p-1{padding:1px;    }
    p-2{padding:2px;    }
    .p-3{padding:3px;    }
    .p-4{padding:4px;    }
    .p-5{padding:5px;    }
    .p-6{padding:5px;    }
    .p-7{padding:5px;    }
    .p-8{padding:5px;    }
    .p-9{padding:5px;    }
    .p-10{padding:5px;    }
    .p-12{padding:6px;    }
    .p-14{padding:6px;    }
    .p-16{padding:6px;    }
    .p-18{padding:8px;    }
    .p-20{padding:10px;    }
    .p-22{padding:10px;    }
    .p-25{padding:10px;    }
    .p-30{padding:12px;    }
    .p-35{padding:12px;    }
    .p-40{padding:20px;    }
    .p-45{padding:20px;    }
    .p-50{padding:20px;    }
     
    


    }        


    .bk-slate{
       
     background: rgb(44, 49, 56);
     background-image:url(/images/bg.png);
        color:white;
    }