a.quate{color: #fff;display: block;text-decoration: none;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;text-transform: capitalize;overflow: visible;line-height: 20px;font-size: 20px;padding: 15px 30px 15px 31px;}
.three-d:not(.active):hover{cursor: pointer;}
.three-d:hover .three-d-box,.three-d:not(.active):focus .three-d-box{-wekbit-transform: translateZ(-25px) rotateX(90deg);-moz-transform: translateZ(-25px) rotateX(90deg);-o-transform: translateZ(-25px) rotateX(90deg);-ms-transform: translateZ(-25px) rotateX(90deg);transform: translateZ(-25px) rotateX(90deg);}
.three-d-box{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: translatez(-25px);-moz-transform: translatez(-25px);-ms-transform: translatez(-25px);-o-transform: translatez(-25px);transform: translatez(-25px);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-pointer-events: none;-moz-pointer-events: none;-ms-pointer-events: none;-o-pointer-events: none;pointer-events: none;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.front{-webkit-transform: rotatex(0deg) translatez(20px);-moz-transform: rotatex(0deg) translatez(20px);-ms-transform: rotatex(0deg) translatez(20px);-o-transform: rotatex(0deg) translatez(20px);transform: rotatex(0deg) translatez(20px);}
.back{-webkit-transform: rotatex(-90deg) translatez(20px);-moz-transform: rotatex(-90deg) translatez(20px);-ms-transform: rotatex(-90deg) translatez(20px);-o-transform: rotatex(-90deg) translatez(20px);transform: rotatex(-90deg) translatez(20px);color: #FFE7C4;}
.front, .back{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;color: white;-webkit-pointer-events: none;-moz-pointer-events: none;-ms-pointer-events: none;-o-pointer-events: none;pointer-events: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
.quate .front,.quate .back{color:#e77817;background-color:#e4e4d2;}
/*a.quate:hover .front{background-color:#e4e4d2;color:#e77817;}*/
a.quate:hover .back,a.quate:hover .front{background-color:#e77817;color:#fff;}
.nav-menu ul a.quate{position: absolute;text-align: left;line-height: 40px;font-size: 14px;width: 200px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;-o-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}