.camera-orders-mdl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px;margin-top:75px!important;padding:0}.camera-orders-mdl .flip-item{cursor:pointer;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;height:auto;margin:0;position:relative}.camera-orders-mdl .flip-item:before{content:"";float:left;padding-top:100%}.camera-orders-mdl .flip-item .non-flipped{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:#fff;bottom:15px;box-shadow:0 3px 6px rgba(0,0,0,.44);height:auto;justify-content:center;left:15px;overflow:hidden;position:absolute;right:15px;top:15px;transition:all .4s ease;width:auto}.camera-orders-mdl .flip-item .non-flipped .logo{padding:0 30px;position:relative;width:100%}.camera-orders-mdl .flip-item .non-flipped .show-content-button{bottom:13px;color:#454547;font-size:15px;font-weight:400;height:20px;min-width:18px;overflow:hidden;position:absolute;right:13px;text-transform:uppercase;transition:all .4s ease;white-space:nowrap;z-index:1}.camera-orders-mdl .flip-item .non-flipped .show-content-button:before{background:#d6d6d6;content:"";height:4px;left:0;position:absolute;top:8px;transition:all .4s ease;width:18px}.camera-orders-mdl .flip-item .non-flipped .show-content-button:after{background:#d6d6d6;content:"";height:18px;left:7px;position:absolute;top:1px;transition:all .4s ease;width:4px}.camera-orders-mdl .flip-item .non-flipped .logo .hovered{height:100%;left:0;position:absolute;top:0;width:100%}.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg{display:block;height:140px;margin:0 auto;max-width:100%}.camera-orders-mdl .flip-item .non-flipped .logo .comdl-overwrite{display:block;line-height:125%;margin:20px 0 0;padding:0;text-align:center;transition:all .4s ease}.camera-orders-mdl .flip-item:hover{z-index:1}.camera-orders-mdl .flip-item:hover .non-flipped{background-color:#00589e}.camera-orders-mdl .flip-item .non-flipped .logo svg circle,.camera-orders-mdl .flip-item .non-flipped .logo svg line,.camera-orders-mdl .flip-item .non-flipped .logo svg path,.camera-orders-mdl .flip-item .non-flipped .logo svg polygon,.camera-orders-mdl .flip-item .non-flipped .logo svg polyline,.camera-orders-mdl .flip-item .non-flipped .logo svg rect{transition:all .4s ease}.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg circle,.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg line,.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg path,.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg polygon,.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg polyline,.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg rect{stroke-dasharray:1000;stroke-dashoffset:1000;stroke:#fff!important}.camera-orders-mdl .flip-item .non-flipped .logo svg circle,.camera-orders-mdl .flip-item .non-flipped .logo svg line,.camera-orders-mdl .flip-item .non-flipped .logo svg path,.camera-orders-mdl .flip-item .non-flipped .logo svg polygon,.camera-orders-mdl .flip-item .non-flipped .logo svg polyline,.camera-orders-mdl .flip-item .non-flipped .logo svg rect{stroke-dasharray:1000;stroke-dashoffset:1000}.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg circle,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg line,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg path,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg polygon,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg polyline,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg rect{animation:a 2.3s linear forwards}.camera-orders-mdl .flip-item:hover .non-flipped .logo .hovered circle,.camera-orders-mdl .flip-item:hover .non-flipped .logo .hovered line,.camera-orders-mdl .flip-item:hover .non-flipped .logo .hovered path,.camera-orders-mdl .flip-item:hover .non-flipped .logo .hovered polygon,.camera-orders-mdl .flip-item:hover .non-flipped .logo .hovered polyline,.camera-orders-mdl .flip-item:hover .non-flipped .logo .hovered rect{animation:a 2.3s linear .4s forwards}.camera-orders-mdl .flip-item:hover .non-flipped .show-content-button:after,.camera-orders-mdl .flip-item:hover .non-flipped .show-content-button:before{background:#e7c464}.camera-orders-mdl .flip-item:hover .non-flipped .logo .comdl-overwrite{color:#fff}@keyframes a{to{stroke-dashoffset:0}}@media (max-width:767px){.camera-orders-mdl{margin-left:-7px;margin-right:-7px;margin-top:25px!important;-ms-flex-pack:center;justify-content:center}.camera-orders-mdl .flip-item{-ms-flex:0 0 100%;flex:0 0 100%}.camera-orders-mdl .flip-item .non-flipped{bottom:7px;left:7px;right:7px;top:7px}.camera-orders-mdl .flip-item .non-flipped .logo{padding-left:10px;padding-right:10px}.camera-orders-mdl .flip-item .non-flipped .show-content-button{bottom:5px!important;right:5px;transform:scale(.5);transform-origin:right}.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg{height:80px}}@media (min-width:768px){.camera-orders-mdl{margin-top:45px!important}.camera-orders-mdl .flip-item .non-flipped .logo .hovered svg,.camera-orders-mdl .flip-item .non-flipped .logo .not-hovered svg{height:100px}}@media (min-width:768px) and (max-width:1199px){.camera-orders-mdl .flip-item .non-flipped .logo .comdl-overwrite{font-size:22px}}