.square-flip h2,.square-flip h3{color:#fff;font-size:16px;font-family:"Open Sans"}.square-flip{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-webkit-transform:perspective(1000px);-moz-transform:perspective(1000px);-ms-transform:perspective(1000px);transform:perspective(1000px);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;margin:20px;height:175px}.square,.square2{background-size:cover;background-position:center center;overflow:hidden;position:absolute;top:0}.flip-overlay,.square,.square2{width:100%;height:100%}.square{-ms-transition:transform .6s cubic-bezier(.5,.3,.3,1);transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#3a3a3a!important}.square-container,.square2{-ms-transition:transform .6s cubic-bezier(.5,.3,.3,1)}.square-flip .square{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);transform-style:preserve-3d;z-index:1}.square-flip:hover .square{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);transform-style:preserve-3d}.square2{transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.square-container,.square-container2{padding:40px;text-align:center;position:relative;top:50%;z-index:2}.square-flip .square2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);transform-style:preserve-3d;z-index:1}.square-flip:hover .square2{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);transform-style:preserve-3d}.square-container{transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-transform:translateY(-50%) translateX(0) scale(1);-ms-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1);transform-style:preserve-3d}.square-flip:hover .square-container{-webkit-transform:translateY(-50%) translateX(-650px) scale(.88);-ms-transform:translateY(-50%) translateX(-650px) scale(.88);transform:translateY(-50%) translateX(-650px) scale(.88);transform-style:preserve-3d}.square-container2{-ms-transition:transform .6s cubic-bezier(.5,.3,.3,1);transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1);-webkit-transform:translateY(-50%) translateX(650px) translateZ(60px) scale(.88);-ms-transform:translateY(-50%) translateX(650px) translateZ(60px) scale(.88);transform:translateY(-50%) translateX(650px) translateZ(60px) scale(.88);transform-style:preserve-3d}.square-flip:hover .square-container2{-webkit-transform:translateY(-50%) translateX(0) translateZ(0) scale(1);-ms-transform:translateY(-50%) translateX(0) translateZ(0) scale(1);transform:translateY(-50%) translateX(0) translateZ(0) scale(1);transform-style:preserve-3d}.square-flip h2{font-weight:700}.square-flip h3{font-weight:500;line-height:26px}.flip-overlay{display:block;background:rgba(0,0,0,.2);position:absolute;top:0}.align-center{margin:0 auto}.square-flip .square .boxshadow,.square-flip .square .textshadow,.square-flip .square2 .boxshadow,.square-flip .square2 .textshadow{-ms-transition:.6s;transition:.6s;-webkit-transition:.6s}.square-flip .square .boxshadow,.square-flip:hover .square2 .boxshadow,.square-flip:hover .square2 .textshadow{-webkit-box-shadow:24px 42px 58px -8px rgba(0,0,0,.3);-moz-box-shadow:24px 42px 58px -8px rgba(0,0,0,.3);box-shadow:24px 42px 58px -8px rgba(0,0,0,.3)}.square-flip .square .textshadow{-webkit-text-shadow:24px 42px 58px -8px rgba(0,0,0,0.3);-moz-text-shadow:24px 42px 58px -8px rgba(0,0,0,0.3);text-shadow:24px 42px 58px -8px rgba(0,0,0,.3)}.square-flip .square2 .boxshadow,.square-flip:hover .square .boxshadow,.square-flip:hover .square .textshadow{-webkit-box-shadow:240px 42px 58px -8px transparent;-moz-box-shadow:240px 42px 58px -8px transparent;box-shadow:240px 42px 58px -8px transparent}.square-flip .square2 .textshadow{-webkit-text-shadow:240px 42px 58px -8px rgba(0,0,0,0.0);-moz-text-shadow:240px 42px 58px -8px rgba(0,0,0,0.0);text-shadow:240px 42px 58px -8px transparent}.centerflipcards{margin-top:25px}.centerflipcards .flipBoxes p{font-family:"Open Sans";font-size:12px;margin-top:10px;font-weight:700}@media all and (min-width:992px) and (max-width:1400px){.centerflipcards .row p,.square-flip h2{font-family:"Open Sans";font-weight:700}.flipBoxes .col-sm-3{width:50%}.square-flip{height:175px}.square,.square2{width:100%;height:100%}.square-flip h2{color:#fff;font-size:14px}.square-flip h3{color:#fff;font-family:"Open Sans";font-weight:500;font-size:12px;line-height:26px}.centerflipcards .row p{font-size:10px;margin-top:10px}}@media all and (min-width:767px) and (max-width:992px){.flipBoxes .col-sm-3{width:50%}.square-flip{height:175px}.square,.square2{width:100%;height:100%}#toolboxContainer .cardContainer{text-align:center;display:flex;align-items:center;justify-content:center;min-width:50%;margin-top:15px}#toolboxContainer .cardContainer #container{background-color:#fafafa;border-radius:10px;margin:0;color:#2a2a2a;font-size:9pt;min-width:50%}}@media all and (min-width:640px) and (max-width:767px){.flipBoxes .col-sm-3{width:100%}.square-flip{height:175px}.square,.square2{width:100%;height:100%}#toolboxContainer .cardContainer{text-align:center;display:flex;align-items:center;justify-content:center;min-width:100%;margin-top:25px}#toolboxContainer .cardContainer #container{background-color:#fafafa;border-radius:10px;margin:0;color:#2a2a2a;font-size:10pt;min-width:50%}#toolboxContainer #excelToUdfIcon,#toolboxContainer #excelToWordIcon,#toolboxContainer #htmlToWordIcon,#toolboxContainer #imageToUdfIcon,#toolboxContainer #imageToWordIcon,#toolboxContainer #pdfToUdfIcon,#toolboxContainer #pdfToWordIcon,#toolboxContainer #wordToUdfIcon{min-height:100%;display:flex;align-content:center;align-items:center;padding:10px;display:flex;justify-content:center}.centerflipcards{padding:0}}@media all and (max-width:640px){body{overflow-x:hidden}.flipBoxes{overflow:hidden}.flipBoxes .col-sm-3{width:100%}.square-flip{height:175px}.square,.square2{width:100%;height:100%}.centerflipcards{padding:0}}