﻿.w3-modal{z-index:666;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{border-radius: 10px;margin:auto;background-color:#fff;position:relative;    padding: 20px 20px 15px;outline:0;width:800px;}
.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-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;}
@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-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}
.closemodal {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 20px;
    background: #ddd;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    text-align: center;
    color: #333;
}