.mr-40{margin-right:40px}.f-700{font-weight:700}.f-600{font-weight:600}.f-500{font-weight:500}.f-400{font-weight:400}.f-300{font-weight:300}.gray-bg{background:#f4f4fe}.white-bg{background:#fff}.black-bg{background:#222}.theme-bg{background:#222}.primary-bg{background:#1a237e}.white-color{color:#fff}.black-color{color:#222}.theme-color{color:#222}.primary-color{color:#222}.box20{position:relative}.box20:after,.box20:before{position:absolute;content:""}.box20:before{width:80%;height:220%;background:#cc866c;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}.box20:hover:before{left:10%}.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}.box20:hover:after{bottom:-70%}.box20 img{width:100%;height:auto}.box20 .box-content{top:-100%;color:#fff}.box20:hover .box-content{top:30px}.box20 .title{font-size:24px;margin:0;color:#fff}.box20 .icon li a,.box20 .post{display:inline-block;font-size:14px}.box20 .post{margin-top:5px}.box20 .icon{list-style:none;margin:0;bottom:-100%}.box20:hover .icon{bottom:25px}.box20 .icon li{display:inline-block}.box20 .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s}.box20 .icon li a:hover{background:#fff;color:#ff402a}@media only screen and (max-width:990px){.box20{margin-bottom:30px}}@media only screen and (max-width:479px){.box20 .title{font-size:20px}}.flip-card{background-color:transparent;width:100%;height:352px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#bbb;color:black}.flip-card-back{background-color:#cc866c;color:white;transform:rotateY(180deg)}.flip-card-back h4{color:#fff}.flip-card-back h4 a:hover{color:#fff}.flip-card-back .social{margin-top:10px}.flip-card-back .social a{width:40px;height:40px;border-radius:50%;background:#fff;display:inline-block;line-height:40px;color:#cc866c}.flip-card-back .social a:hover{background:#001659;display:inline-block;line-height:40px;color:#fff}.hover-zoomin a{display:block;position:relative;overflow:hidden}.hover-zoomin img{width:100%;height:auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.hover-zoomin:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}