﻿a{color:inherit}

img{vertical-align:middle}

.image{
max-width:100%;
height:auto}

.button02{
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}

.button02{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}  


.button02:disabled{cursor:not-allowed;opacity:0.1}
 
.bar-block .pngdropdown-click .button02{
width:100%;
text-align:left;
padding:8px 16px}

.bar-block .dropdown-hover .button02{
width:100%;
text-align:left;
padding:8px 16px}

.modal{
	z-index: 3;
	display: none;
	padding-top: 3%;
	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);
}

.content{
	margin: auto;
	position: relative;
	padding: 0;
	outline: 0;
	width: 100%;
}
.pngbar:after{
content:"";
display:table;
clear:both}


.pngbar:before{
content:"";
display:table;
clear:both}


.pngclear:before{
content:"";
display:table;
clear:both}


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


.pngcell-row:after{
content:"";
display:table;
clear:both}


.pngcell-row:before{
content:"";
display:table;
clear:both}


.pngrow:before{
content:"";
display:table;
clear:both}


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


.pngpanel:before{
content:"";
display:table;
clear:both}


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


.section:before{
content:"";
display:table;
clear:both}


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


.box:before{
content:"";
display:table;
clear:both}


.box:after{
content:"";
display:table;
clear:both}
.ohov{
}
.box{
	margin: 0px auto 0px auto;
	display: block;
}
@media (min-width:601px){.three{width:33.33333%}
.pngcol.m5{width:41.66666%}.pnghalf{width:49.99999%}.pngcol.m6{width:49.99999%}.pngcol.m7{width:58.33333%}.pngtwothird{width:66.66666%}
.pngcol.m8{width:66.66666%}
.pngthreequarter{width:74.99999%}
.pngcol.m9{width:74.99999%}.pngcol.m10{width:83.33333%}.pngcol.m11{width:91.66666%}.pngcol.m12{width:99.99999%}}

@media (min-width:993px){.pngcol.l1{width:8.33333%}.pngcol.l2{width:16.66666%}.pngcol.l3{width:24.99999%}.pngcol.l4{width:33.33333%}
.pngcol.l5{width:41.66666%}.pngcol.l6{width:49.99999%}.pngcol.l7{width:58.33333%}.pngcol.l8{width:66.66666%}
.pngcol.l9{width:74.99999%}.pngcol.l10{width:83.33333%}.pngcol.l11{width:91.66666%}.pngcol.l12{width:99.99999%}}
.pngcontent{max-width:980px;margin:auto}.pngrest{overflow:hidden}
.pngcell-row{display:table;width:100%}.cell{display:table-cell}
.pngcell-top{vertical-align:top}.pngcell-middle{vertical-align:middle}.pngcell-bottom{vertical-align:bottom}
.pnghide{display:none!important}.pngshow{display:block!important}.pngshow-block{display:block!important}.pngshow-inline-block{display:inline-block!important}

@media (max-width:600px){

.content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
.pngdropdown-click.pngmobile .pngdropdown-content{position:relative}	
.dropdown-hover.pngmobile .pngdropdown-content{position:relative}	
.pnghide-small{display:none!important}.pngmobile{display:block;width:100%!important}.pngdropdown-click.pngmobile{text-align:center}
.dropdown-hover.pngmobile{text-align:center}
.bar-item.pngmobile{text-align:center}
.pngdropdown-click.pngmobile .button02{width:100%}
.pngdropdown-click.pngmobile .pngbtn{width:100%}
.pngdropdown-click.pngmobile{width:100%}
.dropdown-hover.pngmobile .button02{width:100%}
.dropdown-hover.pngmobile .pngbtn{width:100%}
.dropdown-hover.pngmobile{width:100%}}

@media (max-width:768px){

.content{width:500px}.modal{padding-top:50px}}

@media (min-width:993px){

.content{width:900px}.pnghide-large{display:none!important}.pngsidebar.pngcollapse{display:block!important}}

@media (max-width:992px) and (min-width:601px){

.pnghide-medium{display:none!important}}

@media (max-width:992px){


{
	margin: 0px auto 0px auto;
	padding: 0 8px;
}


.section > .three{
	margin: 0px auto 0px auto;
	padding: 0 8px;
}


.section{
	margin: 0px auto 0px auto;
	padding: 0 8px;
}
.box{
	padding: 0.01em 16px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	overflow: hidden;
}
.pngsidebar.pngcollapse{display:none}.pngmain{margin-left:0!important;margin-right:0!important}}
.bottom{position:fixed;width:100%;z-index:1}
.pngtop{position:fixed;width:100%;z-index:1}.pngtop{top:0}.bottom{bottom:0}
.pngoverlay{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}
.pngdisplay-topleft{position:absolute;left:0;top:0}.display{position:absolute;right:0;top:0}
.pngdisplay-bottomleft{position:absolute;left:0;bottom:0}.pngdisplay-bottomright{position:absolute;right:0;bottom:0}
.pngdisplay-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.pngdisplay-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.pngdisplay-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.pngdisplay-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.pngdisplay-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.pngdisplay-container:hover .pngdisplay-hover{display:block}
.pngdisplay-container:hover span.pngdisplay-hover{display:inline-block}.pngdisplay-hover{display:none}
.pngdisplay-position{position:absolute}
.pngcircle{border-radius:50%}
.pnground-small{border-radius:2px}
.pnground-medium{border-radius:4px}
.pnground{border-radius:4px}
.pnground-large{border-radius:8px}
.pnground-xlarge{border-radius:16px}
.pnground-xxlarge{border-radius:32px}
.pngpanel{margin-top:16px;margin-bottom:16px}
.pngcodespan{font-family:Consolas,"courier new";font-size:16px}
.pngcode{font-family:Consolas,"courier new";font-size:16px}
.pngcode{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.pngcodespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.pngcard-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.pnghover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.card-4{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.pngspin{animation:pngspin 2s infinite linear}


@keyframes pngspin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-fading{animation:fading 10s infinite}

@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{animation:opac 0.8s}

@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}

@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}

@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}

@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}

@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.zoom {
	animation:animatezoom 0.6s
}

@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}

.ohov:hover{
	opacity: 0.60;
}
.o{
	opacity: 0.60;
}
.mini {
	margin: 10px;
	content: "";
	width: 350px;
	cursor: pointer;
}
.pnghover-opacity-off:hover{opacity:1}
.pngopacity-off{opacity:1}
.pngopacity-max{opacity:0.25}.pngopacity-min{opacity:0.75}
.pnghover-grayscale:hover{filter:grayscale(100%)}
.pnghover-greyscale:hover{filter:grayscale(100%)}
.pnggrayscale-max{filter:grayscale(100%)}
.pnggreyscale-max{filter:grayscale(100%)}
.pnggrayscale{filter:grayscale(75%)}
.pnggreyscale{filter:grayscale(75%)}.pnggrayscale-min{filter:grayscale(50%)}
.pnggreyscale-min{filter:grayscale(50%)}
.pngsepia{filter:sepia(75%)}.pnghover-sepia:hover{filter:sepia(100%)}.pngsepia-max{filter:sepia(100%)}.pngsepia-min{filter:sepia(50%)}
.pngtiny{font-size:10px!important}.pngsmall{font-size:12px!important}.pngmedium{font-size:15px!important}.pnglarge{font-size:18px!important}

.large{
	font-size: 30px !important;
	background-color: #972107;
	color: #f7e5c2;
	font-weight: bold;
}
.pngxxlarge{font-size:36px!important}
.pngxxxlarge{font-size:48px!important}
.pngjumbo{font-size:64px!important}
.pngleft-align{text-align:left!important}.pngright-align{text-align:right!important}.pngjustify{text-align:justify!important}.pngcenter{text-align:center!important}
.border-0{border:0!important}.border{border:1px solid #ccc!important}
.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}
.pngtopbar{border-top:6px solid #ccc!important}.bottombar{border-bottom:6px solid #ccc!important}
.pngleftbar{border-left:6px solid #ccc!important}.pngrightbar{border-right:6px solid #ccc!important}
.pngcode{margin-top:16px!important;margin-bottom:16px!important}
.pngsection{margin-top:16px!important;margin-bottom:16px!important}
.pngmargin{margin:16px!important}.pngmargin-top{margin-top:16px!important}.pngmargin-bottom{margin-bottom:16px!important}
.pngmargin-left{margin-left:16px!important}.pngmargin-right{margin-right:16px!important}
.pngpadding-small{padding:4px 8px!important}.pngpadding{padding:8px 16px!important}.pngpadding-large{padding:12px 24px!important}
.pngpadding-16{padding-top:16px!important;padding-bottom:16px!important}.pngpadding-24{padding-top:24px!important;padding-bottom:24px!important}
.pngpadding-32{padding-top:32px!important;padding-bottom:32px!important}.pngpadding-48{padding-top:48px!important;padding-bottom:48px!important}
.pngpadding-64{padding-top:64px!important;padding-bottom:64px!important}
.pngleft{float:left!important}.pngright{float:right!important}

.button02:hover{
color:#000!important;
background-color:#ccc!important
}

.pnghover-none:hover{background-color:transparent!important}
.pngtransparent{background-color:transparent!important}
.pnghover-none:hover{box-shadow:none!important}
