@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);@font-face{font-family:Lato;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype')}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjx4wWw.ttf) format('truetype')}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype')}sub{font-size:.875rem;vertical-align:initial}mark{background-color:#fff8dc;color:#443e25}code,pre{overflow:auto;background:#f5f2f0}code{display:inline-block;border-radius:3px;padding:.5em}:not(pre)>code{display:inline-table;padding:.1em}.token.lf:before{visibility:hidden}hr{border:none;height:1px;background-color:#f1f1f1;margin-bottom:2em;clear:both}img{max-width:100%;height:auto}body{font-family:Lato,sans-serif;line-height:1.6;color:#727272}h1,h2,h3,h4,h5,h6{color:#4f5959;margin-bottom:.425em}h1,h2,h3{font-weight:400}h4,h5,h6{font-weight:700}h1{font-size:2.5em}@media only screen and (max-width:40em){h1{font-size:1.875em}}h2{font-size:1.5em}@media only screen and (max-width:40em){h2{font-size:1.25em}}h3{font-size:1.2em}@media only screen and (max-width:40em){h3{font-size:1em}}h4{font-size:1em}a{color:#327ccb}a:focus{outline:0}.big-text{font-weight:700;font-size:3.5em}abbr,address,article,aside,audio,body,canvas,caption,cite,del,details,dfn,div,em,fieldset,figcaption,figure,footer,form,header,hgroup,html,img,ins,kbd,label,legend,mark,menu,nav,object,q,samp,section,span,summary,table,tbody,td,tfoot,th,thead,time,tr,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4{margin:0;padding:0}h1 a,h2 a,h3 a,h4 a{color:inherit;text-decoration:none}p,pre,ul{margin:0 0 1em 0}a{text-decoration:none}.btn,button,input[type=submit]{display:inline-block;border-radius:.2em;padding:.625em 1.5em;font-family:Lato,sans-serif;text-decoration:none;text-align:center;font-weight:400;line-height:1;transition:all .5s ease-in;cursor:pointer;border:none}.btn.primary,button.primary,input[type=submit].primary{background:#dd4f2f;color:#fff}.btn.primary:hover,button.primary:hover,input[type=submit].primary:hover{background:#bb3b1e}.btn.secondary,button.secondary,input[type=submit].secondary{background:#fff;color:#327ccb;transition:all .5s;border:1px solid #327ccb}.btn.secondary:hover,button.secondary:hover,input[type=submit].secondary:hover{background:#327ccb;color:#fff}.btn.cta,button.cta,input[type=submit].cta{background:#008468;color:#fff;transition:all .5s;font-size:1.2rem}.btn.cta:hover,button.cta:hover,input[type=submit].cta:hover{background:#005140}.btn.full-width,button.full-width,input[type=submit].full-width{display:block;width:100%}.btn.form-button,button.form-button,input[type=submit].form-button{margin-top:1rem}html{box-sizing:border-box;background-color:#f9f9f9}*,:after,:before{box-sizing:inherit}body,html{height:100%}.site{display:table;table-layout:fixed;height:100%;width:100%;background:#fff}.container{margin:0 auto;max-width:64rem;width:90%;overflow:hidden}@media (max-width:64em){.column{width:100%!important}}.column{float:left}.column.full{width:100%}.column.two-thirds{width:66.7%}.column.sixty{width:60%}.column.half{width:50%}.column.forty{width:40%}.column.third{width:33.3%}.column.fourth{width:25%}.column.six{width:16.6%}.column.three-quarters{width:75%}.column.flow-opposite{float:right}.column.centered{float:none;margin:0 auto}.gutter-small{padding-right:1em}.gutter-big{padding-right:2em}.gutter-opposite{padding-left:1.5em}.centered-content{text-align:center}.column .column-icon{margin:0 auto 1em auto}@media (max-width:40em){.gutter-opposite,.gutter-small{padding:0}}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.main-navigation{position:sticky;top:0;width:100%;z-index:3;padding:1em 0;background:#dd4f2f}.main-navigation .website-logo{float:left;width:10em}@media only screen and (max-width:64em){.main-navigation .website-logo{width:8em;margin-top:.4em}}.language{display:inline-block;margin-top:1rem;float:right}.language a{width:30px;display:inline-block;color:#fff}.language a.active{cursor:default}.language a:not(.active){opacity:.35}.language a:not(.active):hover{opacity:1}.nav{list-style-type:none;padding-left:0;text-align:right;margin:1em 0 0 0;transition:max-height .3s ease-in-out}.nav[data-open=false]{max-height:0}.nav[data-open=true]{max-height:15rem}.nav li{display:inline-block;margin-right:.3em}@media only screen and (max-width:64em){.nav li{margin:0;display:block}}.nav li a{display:block;padding:0 .2em;font-weight:400;border-bottom:3px solid transparent;text-transform:uppercase;color:#fff}.nav li a.current,.nav li a:hover{text-decoration:none;border-bottom:3px solid #fff}@media only screen and (max-width:64em){.nav li a.current,.nav li a:hover{background-color:#f1f1f1;border-bottom:1px solid #fff}}@media only screen and (max-width:64em){.nav li a{display:block;background-color:#f9f9f9;border-bottom:1px solid #f1f1f1;width:100%;color:#dd4f2f;padding:.875em 1.5em}}.nav li.download a{border-left:1px solid #fff;padding-left:.8em;font-weight:700}.nav li.download a:hover{border-bottom:1px solid transparent}.nav li.download a.current{border-bottom:none}@media (max-width:50em){.nav{text-align:center}}@media only screen and (max-width:64em){.nav{margin:0;width:100%;float:none}}#toggle{width:1.5em;float:right;display:none;margin:1.3em 1em;position:relative}#toggle span{position:relative;display:block;width:100%;height:5px;background-color:#fff;transition:all .3s;backface-visibility:hidden;border-radius:2px;cursor:pointer}#toggle span:after,#toggle span:before{content:"";position:absolute;left:0;top:-9px;width:100%;height:5px;background-color:#fff;transition:all .3s;backface-visibility:hidden;border-radius:2px;cursor:pointer}#toggle span:after{top:9px}#toggle.on span{background-color:transparent}#toggle.on span:before{-webkit-transform:rotate(45deg) translate(5px,5px);-ms-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}#toggle.on span:after{-webkit-transform:rotate(-45deg) translate(7px,-8px);-ms-transform:rotate(-45deg) translate(7px,-8px);transform:rotate(-45deg) translate(7px,-8px)}@media only screen and (max-width:64em){#toggle{display:block}}.sidebar-content h4{font-size:20px}.sidebar-content .sidebar-nav{list-style-type:none;padding-left:0}.sidebar-content .sidebar-nav li a{display:block;padding:.2em;text-decoration:none;border-bottom:1px solid transparent;color:#dd4f2f}.sidebar-content .sidebar-nav li a:hover{background-color:#dd4f2f;border-bottom:1px solid #c74d31;color:#fff}.sidebar-content .sidebar-nav li ul{padding-left:1rem;font-weight:100}.sidebar-content select{display:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:3em;font-size:13px;background-color:#fff;border-radius:.5em;font-family:Lato,sans-serif;border:.1em solid rgba(221,79,47,.25);box-shadow:0 1px 3px rgba(221,79,47,.3);background-image:url('/Resources/images/arrow-down.png');background-position:99%;background-repeat:no-repeat;background-size:1.8em;padding-left:.5rem}.sidebar-content select:focus{outline:0}.sidebar-content select option{padding:.2em}.sidebar-content select::-ms-expand{display:none}@media (max-width:64em){.sidebar-content #documentation-navigation ul{display:none}.sidebar-content #documentation-navigation select{display:inline-block}}.main-content{background:#fff;padding:3em 2em;min-height:60em;overflow:hidden}@media (max-width:40em){.main-content{padding:1.5em}}.main-content *+.sidebar-content,.main-content .sidebar-content+*{padding:0 1rem}@media (max-width:65em){.main-content *+.sidebar-content,.main-content .sidebar-content+*{padding:2rem 0}}.sidebar-content h4{margin-bottom:5px}.sidebar-content ul{list-style-type:none;padding:0;margin:0}.style-guide h1{margin-top:2rem}.style-guide section{padding:1rem;background:#fff;margin-bottom:1rem}.smtpeter-footer .col{float:left}.smtpeter-footer .col.footer{width:25%}@media (max-width:800px){.smtpeter-footer .col.footer{width:100%}}.smtpeter-footer ul{list-style:none;padding:0;margin:0}.smtpeter-footer a,.smtpeter-footer h4,.smtpeter-footer p{color:#4f5858}.smtpeter-footer h4{text-transform:uppercase;font-size:14px}.smtpeter-footer a{transition:all .3s}.smtpeter-footer a:hover{color:#dd4f2f}.smtpeter-footer .footer-branding{position:relative;background-color:#dadada;color:#4f5858;font-size:14px;padding:2rem 0;margin-top:3rem}.smtpeter-footer .footer-branding::before{content:"";display:block;background-image:url('/Resources/images/clouds-light.svg');background-size:cover;position:absolute;top:-7rem;left:0;width:100%;height:7rem}.smtpeter-footer .footer-branding .footer-nav .cta-item a{color:#dd4f2f;font-weight:700}.smtpeter-footer .footer-branding .footer-social i{margin:.3rem .3rem 0}.smtpeter-footer .footer-branding .footer-social .footer-feed{margin-top:1rem}.smtpeter-footer .footer-branding .footer-social .footer-feed i{margin-right:.2rem}.smtpeter-footer .footer-branding .footer-social .footer-feed a{display:inline-block;border-right:1px solid #4f5858;padding-right:.5rem;margin-right:.2rem;vertical-align:text-bottom}.smtpeter-footer .footer-branding .footer-social .footer-feed a:last-child{border-right:none}.smtpeter-footer .footer-branding .contact-details address{font-style:normal}.smtpeter-footer .footer-branding .contact-details img{max-width:8rem}.smtpeter-footer .footer-branding .contact-details>*{margin-bottom:.5rem}.smtpeter-footer .footer-branding .contact-details i{margin-right:.5rem}.smtpeter-footer .footer-branding .footer-information a{font-weight:600;text-decoration:underline}.smtpeter-footer .footer-branding .footer-newsletter{background:#9ba5a5;border:1px solid #fff;margin-top:3rem;padding:1rem;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.smtpeter-footer .footer-branding .footer-newsletter h4{color:#fff;margin-bottom:0}.smtpeter-footer .footer-bottom{padding:1.5rem 0;background:#4f5858}.smtpeter-footer .footer-bottom a,.smtpeter-footer .footer-bottom h4{font-size:small;color:#fff}.smtpeter-footer .footer-bottom .footer-nav li{display:inline-block;margin-right:.2rem}.smtpeter-footer .footer-bottom .footer-nav li a{border-right:1px solid #fff;padding-right:.5rem}.smtpeter-footer .footer-bottom .footer-nav li:last-child a{border-right:none}.hljs-comment,.language-bash .hljs-shebang,.language-java .hljs-javadoc,.language-javascript .hljs-javadoc,.language-rust .hljs-preprocessor{color:#969896}.hljs-string,.language-apache .hljs-sqbracket,.language-c .hljs-preprocessor,.language-coffeescript .hljs-regexp,.language-coffeescript .hljs-subst,.language-cpp .hljs-preprocessor,.language-javascript .hljs-regexp,.language-json .hljs-attribute,.language-less .hljs-built_in,.language-makefile .hljs-variable,.language-markdown .hljs-blockquote,.language-markdown .hljs-emphasis,.language-markdown .hljs-link_label,.language-markdown .hljs-strong,.language-markdown .hljs-value,.language-nginx .hljs-number,.language-nginx .hljs-regexp,.language-objectivec .hljs-preprocessor .hljs-title,.language-perl .hljs-regexp,.language-php .hljs-regexp,.language-scss .hljs-built_in,.language-xml .hljs-value{color:#df5000}.hljs-keyword,.language-css .hljs-at_rule,.language-css .hljs-important,.language-go .hljs-typename,.language-haskell .hljs-type,.language-http .hljs-request,.language-ini .hljs-setting,.language-java .hljs-javadoctag,.language-javascript .hljs-javadoctag,.language-javascript .hljs-tag,.language-less .hljs-at_rule,.language-less .hljs-tag,.language-nginx .hljs-title,.language-objectivec .hljs-preprocessor,.language-php .hljs-phpdoc,.language-scss .hljs-at_rule,.language-scss .hljs-important,.language-scss .hljs-tag,.language-sql .hljs-built_in,.language-stylus .hljs-at_rule,.language-swift .hljs-preprocessor{color:#a71d5d}.language-apache .hljs-cbracket,.language-apache .hljs-common,.language-apache .hljs-keyword,.language-bash .hljs-built_in,.language-bash .hljs-literal,.language-c .hljs-built_in,.language-c .hljs-number,.language-coffeescript .hljs-built_in,.language-coffeescript .hljs-literal,.language-coffeescript .hljs-number,.language-cpp .hljs-built_in,.language-cpp .hljs-number,.language-cs .hljs-built_in,.language-cs .hljs-number,.language-css .hljs-attribute,.language-css .hljs-function,.language-css .hljs-hexcolor,.language-css .hljs-number,.language-go .hljs-built_in,.language-go .hljs-constant,.language-haskell .hljs-number,.language-http .hljs-attribute,.language-http .hljs-literal,.language-java .hljs-number,.language-javascript .hljs-built_in,.language-javascript .hljs-literal,.language-javascript .hljs-number,.language-json .hljs-number,.language-less .hljs-attribute,.language-less .hljs-function,.language-less .hljs-hexcolor,.language-less .hljs-number,.language-makefile .hljs-keyword,.language-markdown .hljs-link_reference,.language-nginx .hljs-built_in,.language-objectivec .hljs-built_in,.language-objectivec .hljs-literal,.language-objectivec .hljs-number,.language-php .hljs-literal,.language-php .hljs-number,.language-puppet .hljs-function,.language-python .hljs-number,.language-ruby .hljs-constant,.language-ruby .hljs-number,.language-ruby .hljs-prompt,.language-ruby .hljs-subst .hljs-keyword,.language-ruby .hljs-symbol,.language-rust .hljs-number,.language-scss .hljs-attribute,.language-scss .hljs-function,.language-scss .hljs-hexcolor,.language-scss .hljs-number,.language-scss .hljs-preprocessor,.language-sql .hljs-number,.language-stylus .hljs-attribute,.language-stylus .hljs-hexcolor,.language-stylus .hljs-number,.language-stylus .hljs-params,.language-swift .hljs-built_in,.language-swift .hljs-number{color:#0086b3}.language-apache .hljs-tag,.language-cs .hljs-xmlDocTag,.language-css .hljs-tag,.language-stylus .hljs-tag,.language-xml .hljs-title{color:#63a35c}.language-bash .hljs-variable,.language-cs .hljs-preprocessor,.language-cs .hljs-preprocessor .hljs-keyword,.language-css .hljs-attr_selector,.language-css .hljs-value,.language-ini .hljs-keyword,.language-ini .hljs-value,.language-javascript .hljs-tag .hljs-title,.language-makefile .hljs-constant,.language-nginx .hljs-variable,.language-scss .hljs-variable,.language-xml .hljs-tag{color:#333}.language-bash .hljs-title,.language-c .hljs-title,.language-coffeescript .hljs-title,.language-cpp .hljs-title,.language-cs .hljs-title,.language-css .hljs-class,.language-css .hljs-id,.language-css .hljs-pseudo,.language-diff .hljs-chunk,.language-haskell .hljs-pragma,.language-haskell .hljs-title,.language-ini .hljs-title,.language-java .hljs-title,.language-javascript .hljs-title,.language-less .hljs-class,.language-less .hljs-id,.language-less .hljs-pseudo,.language-makefile .hljs-title,.language-objectivec .hljs-title,.language-perl .hljs-sub,.language-php .hljs-title,.language-puppet .hljs-title,.language-python .hljs-decorator,.language-python .hljs-title,.language-ruby .hljs-parent,.language-ruby .hljs-title,.language-rust .hljs-title,.language-scss .hljs-class,.language-scss .hljs-id,.language-scss .hljs-pseudo,.language-stylus .hljs-class,.language-stylus .hljs-id,.language-stylus .hljs-pseudo,.language-stylus .hljs-title,.language-swift .hljs-title,.language-xml .hljs-attribute{color:#795da3}.language-coffeescript .hljs-attribute,.language-coffeescript .hljs-reserved{color:#1d3e81}.language-diff .hljs-chunk{font-weight:700}.language-diff .hljs-addition{color:#55a532;background-color:#eaffea}.language-diff .hljs-deletion{color:#bd2c00;background-color:#ffecec}.language-markdown .hljs-link_url{text-decoration:underline}.form-field{margin:0 0 1em 0}.form-field .error{color:#e32a00;font-size:.875em}label{font-weight:600;font-size:.875em;display:block}input[type=email],input[type=password],input[type=quantity],input[type=tel],input[type=text],textarea{border-radius:.25em;width:100%;padding:0 .4375em;border:1px solid #ccc;display:block;position:relative;font-family:Lato}input[type=email],input[type=password],input[type=quantity],input[type=tel],input[type=text]{height:2.625em}input[type=checkbox]{vertical-align:middle}input[type=submit]{display:block;margin:1em 0}textarea{height:6rem;padding-top:.5rem}.dual-fields::after{content:'';clear:both;overflow:auto;display:table}.dual-fields .column.half:first-child{padding-right:.425em}@media (max-width:65em){.dual-fields .column.half:first-child{padding-right:0}}.contact .thankyou{display:none}.collect-subscribers label{display:none}.collect-subscribers input[type=email],.collect-subscribers input[type=text]{border-top-right-radius:0;border-bottom-right-radius:0;min-width:initial;width:60%;height:32px;display:inline-block}.collect-subscribers input[type=email]:focus,.collect-subscribers input[type=text]:focus{outline:0}.collect-subscribers button{border-top-left-radius:0;border-bottom-left-radius:0;display:inline;margin-left:-5px;border:1px solid transparent;text-transform:none;height:32px;width:40%;padding:0;min-width:initial}.collect-subscribers button:focus{outline:0}.collect-subscribers input[type=email],.collect-subscribers input[type=password],.collect-subscribers input[type=text]{padding:0 .4375em;border:1px solid #dd4f2f}.collect-subscribers .email-sent h3{color:#fff}.slider{position:relative;overflow:hidden;min-height:250px}.slider [data-sliderpart=content]{position:absolute;box-sizing:border-box;top:0;bottom:0;width:100%}.slider [data-indicator]{z-index:1;padding:.5rem;color:#c3c9c9;font-weight:700;font-size:5rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;position:absolute;top:20%}.slider [data-indicator]:hover{opacity:1}.slider [data-indicator=prev]{left:0;border-radius:0 .2rem .2rem 0}.slider [data-indicator=next]{right:0;border-radius:.2rem 0 0 .2rem}.accordion{position:relative;border-bottom:1px solid #d9e5e8}.accordion [data-accordionpart=title]{display:block;width:100%;cursor:pointer;font-weight:700;line-height:3;text-indent:15px}.accordion [data-accordionpart=title]::after{content:" ";position:absolute;right:10px;top:17px;width:8px;height:8px;border-right:1px solid #4a6e78;border-bottom:1px solid #4a6e78;transform:rotate(-45deg);transition:all .2s ease-in-out}.accordion [data-accordionpart=title].active::after{transform:rotate(45deg);transition:all .2s ease-in-out}.accordion [data-accordionpart=content]{display:none;overflow:hidden;padding:1rem}.sprite{display:block;width:100%;height:100%}.sprite.xx-small{width:1.5rem;height:1.5rem}.sprite.x-small{width:3rem;height:3rem}.sprite.small{width:6rem;height:6rem}.sprite.medium{width:7rem;max-height:7rem}.sprite.large{max-width:15rem;max-height:15rem}.sprite.x-large{max-width:20rem;max-height:20rem}.sprite.xx-large{width:25rem;max-height:25rem}.sprite.centered{margin:0 auto}.page-navigation{display:flex;flex-direction:row;align-items:baseline;justify-content:center;margin-top:2rem;margin-bottom:2rem;padding:1rem;background:#f9f9f9;border:1px solid #f1f1f1}.page-navigation>*{width:1.5rem;text-align:center;cursor:pointer;color:#4f5959}.call-out{display:block;background:#f9f9f9;border:1px solid #f1f1f1;padding:1em;margin:0 0 1em 0}.call-out>p{margin:0;display:inline-block}.call-out i{color:#e4745b;font-size:1.5rem;margin-right:1rem}.call-out.warning{border:1px solid #e4745b}.cta-visual{position:relative}.cta-visual:hover .cta-container{opacity:.3}.cta-visual:hover .cta-mask{opacity:1}.cta-visual .cta-container{background:url('/Resources/images/cta-back.svg');background-repeat:no-repeat;background-position:100% 50%;background-size:cover;margin:1rem 0;padding:2rem .5rem 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.cta-visual .cta-container>*{flex-basis:50%}.cta-visual .cta-container h3{color:#fff;font-weight:700;text-align:right}.cta-visual .cta-container img{max-width:100%;max-height:11rem}.cta-visual .cta-mask{opacity:0;transition:.5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}@media (max-width:64em){.cta-visual .cta-mask{opacity:1;top:9rem;right:-.5rem;transform:translate(0,0)}}.cta-visual .cta-mask a{min-width:10rem}@media (max-width:64em){.cta-visual .cta-mask a{font-size:1rem}}.level-1{filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, .3))}.level-2{filter:drop-shadow(3px 3px 3px rgba(0, 0, 0, .3))}.level-3{filter:drop-shadow(3px 6px 6px rgba(0, 0, 0, .3))}table{border-collapse:collapse;width:100%}table td,table th{padding:.625em}@media (max-width:40em){table td,table th{font-size:.875em}}table td.a-left,table th.a-left{text-align:left}table td.a-right,table th.a-right{text-align:right}table th{font-weight:600}table.smtpeter td{border:1px solid #fae9e3}table.smtpeter thead th{color:#fff;background-color:#4f5858;border-bottom:2px solid #d15226}table.smtpeter tr:nth-child(odd){background-color:#fefaf8}.side-block h1,.side-block h2,.side-block h3{font-size:1em;font-weight:600;padding:0}.side-block p{font-size:.875em}.notification{margin:0;font-size:.875rem}.notification.error{color:#bb3b1e}.notification.result{color:#008468}a.fa,button.fa,p.fa,span.fa{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}a.fa::after,a.fa::before,button.fa::after,button.fa::before,p.fa::after,p.fa::before,span.fa::after,span.fa::before{font-family:FontAwesome}a.fa::before,button.fa::before,p.fa::before,span.fa::before{margin-right:.5rem}a.fa::after,button.fa::after,p.fa::after,span.fa::after{margin-right:.5rem}a.fa:empty::before,button.fa:empty::before,p.fa:empty::before,span.fa:empty::before{margin-right:0}a.fa:hover{text-decoration:none}.highlight-box{padding:2rem .625rem;background:#dd4f2f;border-color:#dd4f2f;color:#fff;font-weight:400;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;font-size:1.15rem;text-align:left}.highlight-box>*{margin:0}.testimonials img{max-width:10rem}.speech-bubble{position:relative;border-radius:.4em}.speech-bubble::after{content:'';position:absolute;bottom:-1.3rem;left:50%;border:1.3rem solid transparent;border-top-color:inherit;border-bottom:none;border-left:none}.dialogbox{position:sticky;z-index:3;width:100%;background-color:#fff}.dialogbox.top{top:0;box-shadow:0 .15rem .35rem rgba(0,0,0,.2)}.dialogbox.bottom{bottom:0;box-shadow:0 -.15rem .35rem rgba(0,0,0,.2)}.dialogbox .dialogbox-content{width:60em;max-width:calc(100% - 2rem);margin:0 auto;padding-top:1em;padding-bottom:1em}.dialogbox .dialogbox-button{display:inline-block}[data-component=CookieConsent]{display:none}.hero-homepage{background:url('/Resources/images/Peter/peter-hero.png');background-size:contain;background-position:right;background-repeat:no-repeat;background-color:#fff;padding:7rem 0}@media (max-width:1450px){.hero-homepage{background-position:140%}}@media (min-width:850px) and (max-width:1100px){.hero-homepage{padding:2rem 0}}@media (max-width:850px){.hero-homepage{background:0 0;padding:2rem 0}}.hero-homepage h1{color:#4f5858;font-size:5rem;font-weight:700;line-height:5rem;text-transform:lowercase}@media (min-width:800px) and (max-width:1200px){.hero-homepage h1{width:23rem}}@media (max-width:1200px){.hero-homepage h1{font-size:3rem;line-height:3rem}}.hero-homepage h1 span{font-size:6rem;color:#dd4f2f}.hero-homepage p{font-weight:100;color:#4f5858;font-size:1.5em;width:95%}@media (min-width:800px) and (max-width:1200px){.hero-homepage p{width:23rem}}.hero-homepage .customer-logos{margin:1rem 0;max-width:25rem}.hero-homepage .customer-logos img{max-width:25%;max-height:2rem;margin:.5rem;filter:grayscale(1);transition:.2s filter ease-in}.hero-homepage .customer-logos img:hover{filter:grayscale(0)}@media (max-width:850px){.hero-homepage .customer-logos img{max-width:40%}}.section-homepage{background:#fff;position:relative}.section-homepage section{text-align:center;padding:3em 0}.section-homepage section .section-title h2{padding:0;margin:0;font-size:2em;position:relative}.section-homepage section .section-title h2 span{background:#fff;padding:0 .625em;position:relative;max-width:5em;z-index:1}@media (max-width:40em){.section-homepage section .section-title h2 span{padding:0}}.section-homepage section .section-title h2:before{background:#f1f1f1;content:"";display:block;height:2px;position:absolute;top:50%;left:0;right:0;margin:0 auto;width:45%}@media (max-width:40em){.section-homepage section .section-title h2:before{content:none}}.section-homepage section .section-title h2,.section-homepage section .section-title>p{text-align:center}.section-homepage section .section-title>p{color:#909090;font-size:1.2em;display:block;width:65%;margin:0 auto 2em auto}@media (max-width:40em){.section-homepage section .section-title>p{font-size:1em;width:100%}}.section-homepage section.section-why{padding-top:0}.section-homepage section.section-why .cloud-content{background:url(/Resources/images/cloud-big.svg);background-size:cover;max-width:42rem;padding:7rem 0 2rem 0}@media (max-width:30em){.section-homepage section.section-why .cloud-content{background:0 0}}.section-homepage section.section-why .cloud-content .title h2,.section-homepage section.section-why .cloud-content .title p{color:#fff}@media (max-width:30em){.section-homepage section.section-why .cloud-content .title h2,.section-homepage section.section-why .cloud-content .title p{color:#dd4f2f}}.section-homepage section.section-why .cloud-content .title h2{font-size:1.5rem}.section-homepage section.section-why .cloud-content .title p{display:block;width:85%;margin:0 auto 2em auto}.section-homepage section.how-it-works .sprite,.section-homepage section.how-it-works img,.section-homepage section.how-it-works object{width:12rem;margin-bottom:1rem;height:100%;position:relative;z-index:2}.section-homepage section.how-it-works .peter-cables,.section-homepage section.how-it-works .smtpeter-connection{position:relative}.section-homepage section.how-it-works .peter-cables::after,.section-homepage section.how-it-works .smtpeter-connection::after{content:"";z-index:1;position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat;height:2rem;width:100%}@media (max-width:64em){.section-homepage section.how-it-works .peter-cables::after,.section-homepage section.how-it-works .smtpeter-connection::after{display:none}}.section-homepage section.how-it-works .smtpeter-connection::after{background-image:url('/Resources/images/cable.svg');top:8.35rem;right:-10.7rem}.section-homepage section.how-it-works .peter-cables object{width:10.5rem}.section-homepage section.how-it-works .peter-cables::after{background-image:url('/Resources/images/cable-right.svg');top:8.1rem;right:-10.5rem}.section-homepage section.how-it-works i{font-size:5rem;color:#dd4f2f}.section-homepage section.product-features{padding:3rem 0;margin:7rem 0;background:#e9e9e9;position:relative;z-index:2}.section-homepage section.product-features::after,.section-homepage section.product-features::before{content:"";position:absolute;left:0;background-size:100% 100%;display:block;width:100%;height:12rem}.section-homepage section.product-features::before{background-image:url('/Resources/images/cloud.svg');top:-9rem}.section-homepage section.product-features::after{background-image:url('/Resources/images/cloud-down.svg');bottom:-9rem}.section-homepage section.product-features .section-title h2 span{background:#e9e9e9}.section-homepage section.product-features .features-list.slider{min-height:20rem}@media (max-width:40em){.section-homepage section.product-features .features-list.slider{min-height:25rem}}.section-homepage section.product-features .features-list .feature-item{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around}.section-homepage section.product-features .features-list .feature-item .feature-icon{flex-basis:12rem;text-align:center}.section-homepage section.product-features .features-list .feature-item .feature-desc{flex-basis:25rem}.section-homepage section.product-features .features-list .feature-item .feature-desc h3,.section-homepage section.product-features .features-list .feature-item .feature-desc p{text-align:left}@media (max-width:40em){.section-homepage section.product-features .features-list .feature-item .feature-desc h3,.section-homepage section.product-features .features-list .feature-item .feature-desc p{text-align:center}}.section-homepage section.product-features .features-list .feature-item .feature-desc h3{text-transform:uppercase;font-weight:700;color:#dd4f2f}.section-homepage section.product-features .features-list .feature-item .feature-desc p{font-size:1.4rem}.section-homepage section.extra-usp{padding:0 0 3em 0}.section-homepage section.extra-usp .rain-container{margin:0 auto;width:18rem;position:relative}.section-homepage section.extra-usp .rain-container .rain,.section-homepage section.extra-usp .rain-container .rain-short{position:relative;overflow:hidden;z-index:1}.section-homepage section.extra-usp .rain-container .rain.long{width:3rem;height:17.5rem;position:absolute}.section-homepage section.extra-usp .rain-container .rain-short{width:14rem;height:10rem;margin-left:4rem}.section-homepage section.extra-usp .rain-container .drop,.section-homepage section.extra-usp .rain-container .drop-short{width:2px;height:7px;background:url('/Resources/images/drop.svg');position:absolute;bottom:200px}.section-homepage section.extra-usp .peter-umbrella img{width:18rem}.section-homepage section.extra-usp .bucket-container{float:left;width:16.6%;padding-right:.5rem}.section-homepage section.extra-usp .bucket-container .sprite{max-height:6.5rem;margin-bottom:1rem}@media (max-width:64em){.section-homepage section.extra-usp .bucket-container{width:33%;text-align:center;padding-right:0}}@media (max-width:30em){.section-homepage section.extra-usp .bucket-container{width:50%}}.section-homepage section.extra-usp i{font-size:5rem;color:#4f5858}.section-homepage section.feature-dashboard{background:#dd4f2f}.section-homepage section.feature-dashboard .section-title h2{color:#fff}.section-homepage section.feature-dashboard .section-title span{background:#dd4f2f}.section-homepage section.feature-dashboard .section-title p{color:#d4d4d4}.section-homepage section.feature-dashboard .column h3,.section-homepage section.feature-dashboard .column p{color:#fff}.section-homepage section.template-store{background-color:#f9f9f9}.section-homepage section.template-store .section-title h2 span{background:#f9f9f9}.section-homepage section.template-store .column h3,.section-homepage section.template-store .column p{text-align:left}.section-homepage section.template-store .column h3{color:#dd4f2f}.section-homepage section.template-store .column img{width:70%}.section-homepage section.get-started .contact,.section-homepage section.get-started .highlight-box,.section-homepage section.get-started .price-calculator,.section-homepage section.get-started .pricing-table{margin-bottom:1rem;text-align:left}.section-homepage section.testimonials .speech-bubble{max-width:30rem;margin-left:auto;margin-right:auto}.faq-page{padding:3rem 0}.faq-page h2{background:#ededed;margin-top:1rem;font-size:1.3rem;font-weight:700;text-indent:10px;padding:.5rem 0}.faq-page .call-out{margin-top:1rem}.blog-page .posts-overview>article{margin:3rem 0}.blog-page .posts-overview>article:first-child{margin-top:0}.blog-page .posts-overview>article .post-text{padding-left:1rem}.blog-page .posts-overview>article .post-text h2{margin-bottom:.3rem;font-weight:700;line-height:1.4}.blog-page .posts-overview>article .post-text p{margin:.5rem 0}.blog-page .posts-overview>article .image-container{max-height:14rem;overflow:hidden;background:#fbc9bc;border-radius:.5rem;border:5px solid #ebebeb;box-shadow:inset 1px 1px 1px 3px rgba(0,0,0,.1)}.blog-page .posts-overview>article .image-container img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.blog-page .feed-container.call-out>a{display:inline-block;color:#dd4f2f}.blog-page .feed-container.call-out>a:first-child{margin-right:1rem;padding-right:1rem;border-right:1px solid #dd4e28}.blog-page .recent-posts{background:#f9f9f9;border:1px solid #e1e1e1;margin:2rem 0;padding:1rem}.blog-page .recent-posts>article .image-container{margin-bottom:1rem;height:13rem;overflow:hidden;background:#fbc9bc;border-radius:1.5rem;border:9px solid #ebebeb;box-shadow:inset 1px 1px 1px 3px rgba(0,0,0,.1)}.blog-page .recent-posts>article .image-container img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.blog-page .recent-posts>article p{display:block;display:-webkit-box;max-height:6rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-page .blog-post p{font-size:1.1rem}.blog-page .blog-post .publish-date{color:#dd4f2f;margin-bottom:1rem;display:block}@media (max-width:64em){.blog-page .cta-visual{display:none}}.blog-page .cta-visual h3{font-size:1rem}.doc-content embed,.doc-content img,.doc-content object[type="image/svg+xml"]{display:block;max-width:90%;margin-left:auto;margin-right:auto}.doc-content ol{border:1px solid #f1f1f1;padding:2em 3em}.doc-content .diagram{width:73%;margin:1em 0}.doc-content table{width:100%;border:.1em solid #d8d8d8;border-radius:.2em;line-height:1.95rem;border-spacing:0px;border-bottom:none;margin:0 0 1.5em}.doc-content table th{background-color:#f1f1f1;font-weight:600}.doc-content table td,.doc-content table th{border:.1em solid #d8d8d8;padding:.1rem .4rem;vertical-align:top;text-align:left;border-top:none;border-right:none}.doc-content table td:first-child,.doc-content table th:first-child{border-left:none}.feed-git{padding:1rem 0}@media (max-width:65em){.feed-git{display:none}}.emailauthentication-page .hero{background:#fff}.emailauthentication-page .hero h1,.emailauthentication-page .hero p{color:#4f5858}.emailauthentication-page .hero h1{font-weight:700;padding-top:8rem;font-size:4rem;line-height:4rem}@media (max-width:600px){.emailauthentication-page .hero h1{font-size:2rem;line-height:3rem}}.emailauthentication-page section.usp-section{background:#4f5858}.emailauthentication-page section.usp-section .usp{padding:2rem;text-align:center;color:#fff}.emailauthentication-page section.usp-section .usp h2{color:#fff;font-weight:700}.emailauthentication-page section.usp-section .usp p{min-height:6rem}.emailauthentication-page section.usp-section .usp a{color:#fff;margin-top:1rem;display:block}.emailauthentication-page section.usp-section .usp a:hover{text-decoration:underline}.emailauthentication-page section.usp-section .usp.highlight{background:#dd4f2f}.emailauthentication-page section.authentication-info{padding:4rem 0;text-align:center}.sign-up-page h1,.sign-up-page h2{text-align:center}.sign-up-page h2.highlighted{text-transform:uppercase;color:#ccc;font-weight:700;font-size:1.2rem;margin-bottom:0}.sign-up-page img.img-centered{width:10em;height:auto;margin:0 auto 1em auto;display:block}.sign-up-page .btn-centered{max-width:33%;margin:auto;display:block}.sign-up-page .customer-logos{text-align:center}.sign-up-page .customer-logos img{max-width:8.5rem;max-height:3rem;margin:.5rem}.sign-up-page div.button-container{margin-top:2rem}