html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{font-family:"Open Sans", Helvetica, Arial, sans-serif}.clearfix,.clearfix:after{display:block;content:"";clear:both}.container{width:100%;max-width:1330px;padding:0px 15px;margin:0px auto;position:relative;z-index:1}@media (max-width: 1400px){.container{max-width:1170px}}strong{font-weight:bold}button,.button{display:inline-block;font-size:20px;font-weight:bold;position:relative;color:#F7F7F7;background:#5D5A56;border-radius:24px;height:48px;-webkit-font-smoothing:antialiased;text-align:left;padding:0px 70px 0px 40px;border:none;cursor:pointer;transition:all 0.1s linear;outline:none}@media (max-width: 991px){button,.button{font-size:18px;padding:0px 70px 0px 25px}}button:after,.button:after{position:absolute;top:16px;right:30px;display:block;content:"";width:16px;height:16px;border-top:3px solid #F7F7F7;border-right:3px solid #F7F7F7;transform:rotate(45deg)}button:hover,.button:hover{background:#99958F}button.download:after,.button.download:after{top:14px;transform:rotate(135deg)}.login{background:#F3EDE4;min-height:100vh}.login .box{width:100%;max-width:340px;position:absolute;top:50%;left:50%;margin:-300px 0 0 -170px;z-index:1}.login .box .inner{background:#F7F7F7;border:1px solid #E0D2BF;padding:40px 30px;border-radius:6px;position:relative;z-index:2}.login .box .inner .logo{margin-bottom:50px}.login .box .inner .logo img{max-width:100%;height:auto;max-height:75px;display:block;margin:0px auto}.login .box .inner h3{font-size:23px;line-height:1.4em;margin-bottom:50px;text-align:center;color:#5D5A56}.login .box .inner form .input-wrap{position:relative}.login .box .inner form .input-wrap label{font-size:13px;color:#5D5A56;position:absolute;top:21px;left:0px;transition:all 0.2s linear;pointer-events:none}.login .box .inner form .input-wrap input{font-family:"Open Sans", Helvetica, Arial, sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid #5D5A56;font-size:23px;padding:15px 0px 10px;width:100%;margin-bottom:40px;box-shadow:none;border-radius:0;background:transparent;outline:none}.login .box .inner form .input-wrap.active label{font-size:11px;top:6px}.login .box .inner form button{width:100%}.login .box .shadow{position:absolute;width:100%;top:10px;left:12px;z-index:1}.login img.back,.login img.front{position:fixed;bottom:0px;left:0px;width:100%;height:auto;display:block}.cardform .header{position:fixed;top:0px;left:0px;width:100%;height:90px;background:#F7F7F7;padding:20px 0px;z-index:10}.cardform .header .logo{float:left}.cardform .header .logo img{display:block;height:50px;width:auto}@media (max-width: 459px){.cardform .header .logo img{max-width:200px}}.cardform .header .button{float:right;display:inline-block;text-align:center;line-height:46px;text-decoration:none;padding:0px 30px;border:2px solid #5D5A56;background:transparent;color:#5D5A56;font-weight:bold;font-size:16px}.cardform .header .button:after{display:none}.cardform .header .button:hover{padding:0px 40px}@media (max-width: 459px){.cardform .header .button{padding:0px 15px;font-size:13px}.cardform .header .button:hover{padding:0px 15px}}.cardform .content{display:block;padding-top:165px;background:#F3EDE4;min-height:100vh}@media (max-width: 991px){.cardform .content{padding-top:120px}}.cardform .content label{display:block;font-size:16px;color:#5D5A56;margin-bottom:15px}.cardform .content .left{display:block;width:50%;float:left;padding-right:85px}@media (max-width: 1400px){.cardform .content .left{width:45%;padding-right:55px}}@media (max-width: 767px){.cardform .content .left{width:100%;float:none;padding-right:0px}}.cardform .content .left .wrap{margin-bottom:40px}.cardform .content .left .wrap textarea{font-family:"Open Sans", Helvetica, Arial, sans-serif;width:100%;background:#F7F7F7;border:1px solid #E0D2BF;border-radius:6px;padding:10px;font-size:16px;line-height:1.5em}.cardform .content .left .wrap textarea#message{height:275px}.cardform .content .left p{display:block;margin-top:30px;font-size:14px;line-height:1.5em;color:#5D5A56;padding-left:10px}@media (max-width: 767px){.cardform .content .left p{padding-left:0px}}.cardform .content .right{display:block;width:50%;float:left;padding-left:85px}@media (max-width: 1400px){.cardform .content .right{width:55%;padding-left:55px}}@media (max-width: 767px){.cardform .content .right{width:100%;float:none;padding-left:0px;padding-top:40px}}.cardform .content .right .preview{width:570px;float:right}@media (max-width: 991px){.cardform .content .right .preview{width:430px}}@media (max-width: 767px){.cardform .content .right .preview{float:none;width:290px}}.cardform .content .right .preview .outer-wrap{position:relative}.cardform .content .right .preview .outer-wrap .canvas-wrap{width:100%;border:1px solid #E0D2BF;border-radius:6px;overflow:hidden;position:relative;z-index:2;height:402px;transition:all 0.2s linear}@media (max-width: 991px){.cardform .content .right .preview .outer-wrap .canvas-wrap{height:300px}}@media (max-width: 767px){.cardform .content .right .preview .outer-wrap .canvas-wrap{height:205px}}.cardform .content .right .preview .outer-wrap .canvas-wrap canvas{transform-origin:top left;transform:scale(0.16249);transition:all 0.2s linear}@media (max-width: 991px){.cardform .content .right .preview .outer-wrap .canvas-wrap canvas{transform:scale(0.12258)}}@media (max-width: 767px){.cardform .content .right .preview .outer-wrap .canvas-wrap canvas{transform:scale(0.08276)}}.cardform .content .right .preview .outer-wrap .canvas-wrap .loader{display:none;position:absolute;z-index:1;top:50%;left:50%;margin:-40px;width:80px;height:80px;transform:rotate(45deg);transform-origin:40px 40px}.cardform .content .right .preview .outer-wrap .canvas-wrap .loader div{top:32px;left:32px;position:absolute;width:32px;height:32px;background:#fff;animation:load-effect 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1)}.cardform .content .right .preview .outer-wrap .canvas-wrap .loader div:after,.cardform .content .right .preview .outer-wrap .canvas-wrap .loader div:before{content:" ";position:absolute;display:block;width:32px;height:32px;background:#fff}.cardform .content .right .preview .outer-wrap .canvas-wrap .loader div:before{left:-24px;border-radius:50% 0 0 50%}.cardform .content .right .preview .outer-wrap .canvas-wrap .loader div:after{top:-24px;border-radius:50% 50% 0 0}@keyframes load-effect{0%{transform:scale(0.95)}5%{transform:scale(1.1)}39%{transform:scale(0.85)}45%{transform:scale(1)}60%{transform:scale(0.95)}100%{transform:scale(0.9)}}.cardform .content .right .preview .outer-wrap .canvas-wrap.loading{background:#F3EDE4}.cardform .content .right .preview .outer-wrap .canvas-wrap.loading canvas{opacity:0.5}.cardform .content .right .preview .outer-wrap .canvas-wrap.loading .loader{display:inline-block}.cardform .content .right .preview .outer-wrap .shadow{position:absolute;top:15px;left:15px;width:100%}.cardform .content .right .preview .outer-wrap .shadow img{display:block;width:100%;height:auto}.cardform .content img.back,.cardform .content img.front{position:fixed;bottom:0px;left:0px;width:100%;height:auto;display:block}