/* code of conduct */
#conduct .box {border-radius:5px;position:relative;z-index:9;min-height:217px;margin:38px 0 45px 0;background-color: rgba(255, 255, 255, 0.5);border: 3px solid transparent;-webkit-transition: border-color 0.4s ease-in-out;-webkit-transition: border-color 0.4s ease-in-out;-moz-transition: border-color 0.4s ease-in-out;-o-transition: border-color 0.4s ease-in-out;transition: border-color 0.4s ease-in-out;}
#conduct a {color:#555}
#conduct .circle {width:74px;height:74px;background:#ffffffb0;border-radius:100%;border:1px solid #B29530;top: 50%;left: 50%;transform: translate(-50%, -50%);position:absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
#conduct .circle img {width:35px;height:26px;}
#conduct .position {position:relative;}
#conduct .col-download {width:100%;top: 50%;left: 50%;transform: translate(-50%, -50%);position:absolute;text-align: center;margin-top: 30px;padding: 0 15px 15px 15px;}
#conduct .text {min-height: 50px;margin-bottom: 25px;}
#conduct .icon img {width:26px;height:27px;}
#conduct a:hover .box {border: 3px solid #B29530;}
#conduct a:hover .circle {background:#B29530;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#conduct a:hover .circle img {filter: brightness(0) invert(1);}

@media only screen and (max-width:1366px) {
    #conduct .circle {width:65px;height:65px;}
    #conduct .circle img {width:30px;height:auto}
    #conduct .icon img {width:22px;}
}
@media only screen and (max-width:1080px) {
    #conduct .text {min-height: 65px;}
}