@charset "UTF-8"; @font-face{ font-family:Montserrat Regular; src:url(../fonts/Montserrat/Montserrat-Regular.eot); src:url(../fonts/Montserrat/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype"),url(../fonts/Montserrat/Montserrat-Regular.svg#Montserrat\ Regular) format("svg"); } @font-face{ font-family:Montserrat Light; src:url(../fonts/Montserrat/Montserrat-Light.eot); src:url(../fonts/Montserrat/Montserrat-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat/Montserrat-Light.woff) format("woff"),url(../fonts/Montserrat/Montserrat-Light.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Light.ttf) format("truetype"),url(../fonts/Montserrat/Montserrat-Light.svg#Montserrat\ Light) format("svg"); } @font-face{ font-family:Montserrat Bold; src:url(../fonts/Montserrat/Montserrat-Bold.eot); src:url(../fonts/Montserrat/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype"),url(../fonts/Montserrat/Montserrat-Bold.svg#Montserrat\ Bold) format("svg"); } .table-one{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; max-width:1170px; margin:2rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } @media (min-width:704px){ .table-one{ margin-right:0; margin-left:0; } } .table-one__header{ display:none; margin-right:2rem; margin-left:2rem; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; background:#363636; font-size:24px; } @media (min-width:1215px){ .table-one__header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } } .table-one__header-part{ padding:2rem 4.5rem; } .table-one__header-part:last-child{ padding-right:8rem; } .table-one__body{ -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .table-one__body,.table-one__cell{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; } .table-one__cell{ z-index:2; -webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; width:100%; min-width:250px; max-width:320px; margin:2rem 1rem; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-top-left-radius:10px; border-top-right-radius:10px; background:#fafafa; } @media (min-width:768px){ .table-one__cell{ max-width:320px; } } @media (min-width:860px){ .table-one__cell{ max-width:350px; } } @media (min-width:1215px){ .table-one__cell{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; max-width:none; margin:0 2rem; border-top-left-radius:0; border-top-right-radius:0; } } .table-one__cell--green{ background:#bfc946; } .table-one__cell--cyan{ background:#36cccb; } .table-one__cell--orange{ background:#e78900; } .table-one__cell--red{ background:#f04e4e; } .table-one__cell:hover{ z-index:5; margin:0 1rem; padding-top:2rem; padding-bottom:2rem; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-radius:10px; box-shadow:0 20px 50px 0 rgba(54,54,54,.15); } @media (min-width:1215px){ .table-one__cell:hover{ margin:0; padding:0 2rem; } } .table-one__cell:hover .table-one__cell-footer{ border-top-right-radius:10px; border-bottom-right-radius:10px; } .table-one__cell:hover .table-one__cell-footer--green{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#bfc946; } .table-one__cell:hover .table-one__cell-footer--cyan{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#36cccb; } .table-one__cell:hover .table-one__cell-footer--orange{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#e78900; } .table-one__cell:hover .table-one__cell-footer--red{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#f04e4e; } .table-one__cell:hover .table-one__cell-price{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#fff; } .table-one__cell:hover .table-one__cell-button{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#363636; } .table-one__cell-header{ position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:3.75rem 4.375rem; border-top-left-radius:10px; border-top-right-radius:10px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (min-width:1215px){ .table-one__cell-header{ width:100%; } } .table-one__cell-header--green{ background:#bfc946; } .table-one__cell-header--green:before{ position:absolute; z-index:-1; top:0; right:10px; bottom:0; left:0; content:""; opacity:.2; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTU5LjEzOCAxNTkuMTM4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTkuMTM4IDE1OS4xMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTc2LjY0NCw4OS4xOTFsLTI5LTM2LjgzM2MtMC44MzItMS4wNTctMC45ODQtMi40OTctMC4zOTQtMy43MDVjMC41MjQtMS4wNywyMS42OTItMzAuNzEsMTAzLjE2My0yNS45NiAgICAgYzEuOTMsMC4xMTIsMy40OSwxLjU4NywzLjQ3OSwzLjUyYy0wLjAxMiwxLjkzMy0xLjYzMywzLjU3Ni0zLjUyMSwzLjQ4Yy02Ni4xODItMy4zNzUtOTAuODE5LDE1LjM4NC05NS41NjYsMjAuNDQ4ICAgICBsMjcuMzM4LDM0LjcxOWMxLjE5MywxLjUyLDEuMDIxLDMuODQtMC41ODYsNC45MTZDNzkuNDQzLDkxLjE5Myw3Ny4zMzUsOTAuMDcsNzYuNjQ0LDg5LjE5MXoiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBhdGggZD0iTTU1LjgwOCwxNTguMDUzYy0wLjkwMS0wLjk4OC0yMi0yNC40MDItMTUuNTU2LTQyLjQzNGMzLjMwOS05LjI1NCwxMi45NDMtMTUuMTA0LDI4LjYzOC0xNy4zOTEgICAgIGMxNi40MDgtMi4zOTIsMjYuNDA4LTcuMjI0LDI4LjkyLTEzLjk3OWMyLjgzMS03LjYyMS00LjQ3OS0xNi4xNzEtNC41NTUtMTYuMjU3bC0xNy41NS0yMS4wNiAgICAgYy0xLjIzNy0xLjQ4NS0xLjAzNy0zLjY5MiwwLjQ0OC00LjkzYzEuNDg1LTEuMjM3LDMuNjktMS4wMzcsNC45MjgsMC40NDhsMTcuNSwyMWMwLjM1NywwLjQwNiwxMC4wNTksMTEuNjUyLDUuODA1LDIzLjE5NCAgICAgYy0zLjQ4Myw5LjQ1Ny0xNS4wODgsMTUuNjg2LTM0LjQ4OCwxOC41MWMtMTIuOTMsMS44ODMtMjAuNjg2LDYuMTk3LTIzLjA1NCwxMi44MjJjLTQuMTg1LDExLjcwNyw4Ljc4NSwyOS40OSwxNC4xMzYsMzUuMzU1ICAgICBjMS4zMDMsMS40MjgsMS4xNDksMy41ODgtMC4yMjcsNC45NDNDNTkuMDY4LDE1OS45NDMsNTYuNDk5LDE1OC44MDksNTUuODA4LDE1OC4wNTN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMzkuOTQ1LDE1My44NjFsLTQ3LTQ2Yy0xLjM4MS0xLjM1Mi0xLjQwNS0zLjU2Ny0wLjA1My00Ljk0OWMxLjM1My0xLjM4MywzLjU2Ni0xLjQwMyw0Ljk0Ny0wLjA1M2w0Nyw0NiAgICAgYzEuMzgyLDEuMzUzLDEuNjUyLDMuNTI3LDAuMzEyLDQuOTE4QzE0Mi44MTgsMTU2LjE5MywxNDAuNjI4LDE1NC41MjcsMTM5Ljk0NSwxNTMuODYxeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMTAuOTI5LDYzLjk2NGMtOC4zNDgtNy43NjEtNS4wNzgtMjEuNTIzLTQuOTM1LTIyLjEwNWMwLjQ2Mi0xLjg3NywyLjM1OS0zLjAyNSw0LjIzNS0yLjU2MiAgICAgYzEuODc0LDAuNDYxLDMuMDIxLDIuMzUzLDIuNTYzLDQuMjI3Yy0wLjAzNSwwLjE0Ni0yLjQxMywxMC4zOTksMi45MTksMTUuMzNjNC4xOTEsMy44NzcsMTIuNywzLjg4LDI0LjU5OSwwLjAxMyAgICAgYzEuODM3LTAuNTk3LDMuODEyLDAuNDA4LDQuNDExLDIuMjQ3YzAuNTk3LDEuODM4LTAuNDE5LDMuNzgzLTIuMjQ3LDQuNDFDMjEuNTY4LDcyLjY5NCwxNC4zNjEsNjcuMTUzLDEwLjkyOSw2My45NjR6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik01My4yNTYsMzIuMzM0YzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdTNjIuMTcsMCw1My4yNTYsMGMtOC45MTUsMC0xNi4xNjgsNy4yNTItMTYuMTY4LDE2LjE2NyAgICBTNDQuMzQsMzIuMzM0LDUzLjI1NiwzMi4zMzR6IE01My4yNTYsN2M1LjA1NSwwLDkuMTY2LDQuMTEyLDkuMTY2LDkuMTY3YzAsNS4wNTUtNC4xMTEsOS4xNjctOS4xNjYsOS4xNjcgICAgcy05LjE2OC00LjExMi05LjE2OC05LjE2N0M0NC4wODgsMTEuMTExLDQ4LjIwMSw3LDUzLjI1Niw3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-one__cell-header--green:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #bfc946; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-one__cell-header--green:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #bfc946; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-one__cell-header--cyan{ background:#36cccb; } .table-one__cell-header--cyan:before{ position:absolute; z-index:-1; top:0; right:10px; bottom:0; left:0; content:""; opacity:.2; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTY2LjcxNyAxNjYuNzE3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjYuNzE3IDE2Ni43MTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTMuNjAzLDEyOC42MjdjLTguMDE3LTE2LjA1Mi0yLjI2NC0zNS4yNzQsMTMuNDAzLTQ0LjAyMWM2LjU1OC0zLjY2LDE3Ljc1LTQuNzUyLDE3Ljc1MS00Ljc1MiAgICAgYzEwLjQ2Ni0xLjc4NywyOC42MDUtNy42NjgsMzIuODA0LTI3LjAzOGMwLjIzNS0xLjA5MSwwLjk3OS0yLjAwMywxLjk5OC0yLjQ1N3MyLjE5NC0wLjM5NCwzLjE2MywwLjE2MWwyOS4zNzEsMTYuODI3ICAgICBjMS42NzgsMC45NjEsMi4yNTksMy4xLDEuMjk3LDQuNzc3Yy0wLjk2MSwxLjY3OS0zLjEwMiwyLjI1Ni00Ljc3NiwxLjI5N0w3My4xMzgsNTguODI2ICAgICBDNjguMDk1LDczLjQ2NSw1NC44MDMsODMuNTMyLDM1Ljk1OSw4Ni43NWwwLDBjMC4wMDEsMC0xMC4yNzEsMS4xMzUtMTUuNjYxLDQuMDMxYy0xMi40LDYuNjcyLTE3LjAyNSwyMi4wNjItMTAuNTIxLDM0LjU0OSAgICAgYzEwLjI4NCwxOS43NCwyOC41MywxMy43MjksMzQuNTUsMTAuNTIxYzYuMDItMy4yMDgsMTAuMzUtOC41OTYsMTIuNDE0LTE1LjA5NmM0LjA3LTEyLjgxMi0zLjMwNS0yMy40MzctOC4wMjItMjcuMDE5ICAgICBjLTEuNTQtMS4xNy0xLjY4LTMuNDQ4LTAuNDM4LTQuOTMzYzEuMjQxLTEuNDgxLDMuNDQ3LTEuNjc4LDQuOTMxLTAuNDM4YzMuMiwyLjY4LDE1LjcyOCwxMy44MjYsMTAuMjI5LDM0LjQyNiAgICAgYy0yLjI0MSw4LjM5Ni04LjIzMiwxNC45OS0xNS44MTcsMTkuMjMyQzM3LjkzOCwxNDcuNDQ2LDE0LjQzOCwxNTAuMzIxLDMuNjAzLDEyOC42Mjd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMDUuMzUzLDEyNC4zNzdjLTkuNDQzLTE0Ljk1NywwLjcyNy0zMS45MzcsMS4yOS0zMi44MzRjMTYuNzA2LTI2LjU2Miw2LjYwNy0zMy44MDcsMi44MDgtMzYuNTM0ICAgICBjLTAuMjQ2LTAuMTc2LTI3LjE3MS0xNi4wNzYtMjcuMTcxLTE2LjA3NmMtMS42NjYtMC45OC0yLjIyMy0zLjEyNS0xLjI0MS00Ljc5MWMwLjk3OS0xLjY2NywzLjEyNy0yLjIyMiw0Ljc5MS0xLjI0MiAgICAgYzAsMCwyNy40NDgsMTYuMjY3LDI3LjcsMTYuNDIxYzQuNjE4LDIuODM0LDE5LjI1MiwxMy44MTEtMC45Niw0NS45NDdjLTAuMzYzLDAuNTc1LTcuMzY5LDEzLjY0Ni0wLjM4MSwyNS41NTQgICAgIGMxMC40MDgsMTcuNzQsMjcuODEyLDEzLjg3OSwzMy44OTEsMTAuNzgxYzE2LjczNC04LjUzMSwxNS40ODQtMjUuNTMxLDEwLjUyLTM0LjU1M2MtNS41NzMtMTAuMTE4LTE3LjA3NC0xNS40ODQtMjguMzEzLTEyLjg2MyAgICAgYy0xLjg4OCwwLjQzOC0zLjc2Ni0wLjczLTQuMjAzLTIuNjEzYy0wLjQzOC0xLjg4MiwwLjcyOS0zLjc2NSwyLjYxMi00LjIwNGMxNC4zMTItMy4zMzksMjkuMDg1LDMuNDM4LDM2LjA4MSwxNi4zODkgICAgIGM1LjE2NSw5LjU2Miw4LjkxNSwzMy4xODgtMTMuNCw0NC4wMjFDMTM4LjA4OCwxNDMuMjU0LDExOC44MTQsMTQ1LjY5NiwxMDUuMzUzLDEyNC4zNzd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik02OC43MjgsMzcuMjMzYzAtOS4wNTItNy4zNjQtMTYuNDE3LTE2LjQxNi0xNi40MTdjLTkuMDU1LDAtMTYuNDE4LDcuMzY1LTE2LjQxOCwxNi40MTdTNDMuMjU2LDUzLjY1LDUyLjMxMiw1My42NSAgICBDNjEuMzYzLDUzLjY1LDY4LjcyOCw0Ni4yODUsNjguNzI4LDM3LjIzM3ogTTQzLjAwMSwzNy4yMzNjMC01LjEzMyw0LjE3OC05LjMwOSw5LjMxMS05LjMwOWM1LjEzMywwLDkuMzA4LDQuMTc2LDkuMzA4LDkuMzA5ICAgIHMtNC4xNzUsOS4zMDktOS4zMDgsOS4zMDlDNDcuMTc5LDQ2LjU0Miw0My4wMDEsNDIuMzY1LDQzLjAwMSwzNy4yMzN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg=="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-one__cell-header--cyan:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #36cccb; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-one__cell-header--cyan:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #36cccb; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-one__cell-header--orange{ background:#e78900; } .table-one__cell-header--orange:before{ position:absolute; z-index:-1; top:0; right:10px; bottom:0; left:0; content:""; opacity:.2; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTkxLjY1MSAxOTEuNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MS42NTEgMTkxLjY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEwMS44NDYsNjMuMDAxYzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdzLTcuMjUyLTE2LjE2Ny0xNi4xNjYtMTYuMTY3Yy04LjkxNywwLTE2LjE2OCw3LjI1Mi0xNi4xNjgsMTYuMTY3ICAgIFM5Mi45MzEsNjMuMDAxLDEwMS44NDYsNjMuMDAxeiBNMTAxLjg0NiwzNy42NjdjNS4wNTUsMCw5LjE2Niw0LjExMiw5LjE2Niw5LjE2N2MwLDUuMDU1LTQuMTExLDkuMTY3LTkuMTY2LDkuMTY3ICAgIGMtNS4wNTcsMC05LjE2OC00LjExMi05LjE2OC05LjE2N0M5Mi42NzgsNDEuNzc5LDk2Ljc5MiwzNy42NjcsMTAxLjg0NiwzNy42Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTEzMC4zODMsMTMzLjM2NmM2LjM5Ni0xMC40MDEsMi4xOTEtMjQuMzQ5LDEuODEyLTI1LjU1MWwtOC4zMi0yOC43ODZjLTAuNTM1LTEuODU2LTIuNDc3LTIuOTI4LTQuMzM0LTIuMzkyICAgIGMtMS44NTUsMC41MzctMi45MjcsMi40NzgtMi4zOTEsNC4zMzRsOC4zMzMsMjguODM1YzAuMDEsMC4wMzMsMC4wMjEsMC4wNzEsMC4wMywwLjEwNGMwLjAzOSwwLjExOCwzLjc1LDExLjk0MS0xLjEwOCwxOS44MTIgICAgYy0yLjM1MSwzLjgwNC02LjMwNiw2LjA4OC0xMi4wOTcsNi45ODNjLTE1Ljc1MywyLjQ0LTI2LjM3NSw4LjY1Ni0zMS41NzEsMTguNDc2Yy04LjA1MSwxNS4yMTEsMC4yNTYsMzMuMDY3LDAuNjEzLDMzLjgxOSAgICBjMC41OTksMS4yNjMsMi40NzQsMi40NDMsNC42NjMsMS42NmMxLjgyLTAuNjQ5LDIuNDg5LTIuOTE4LDEuNjYtNC42NjRjLTAuMDczLTAuMTUxLTcuMTc1LTE1LjQwMS0wLjc1LTI3LjU0MSAgICBjNC4xMDYtNy43NTgsMTMuMDA2LTEyLjc0OCwyNi40NTgtMTQuODMyQzEyMS4yMjMsMTQyLjQxMSwxMjYuOTQ0LDEzOC45NTksMTMwLjM4MywxMzMuMzY2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xMjIuMDUzLDE0OC43NjZjLTAuOTU5LTEuNjgxLTMuMDk2LTIuMjY1LTQuNzczLTEuMzA2Yy0xLjY4LDAuOTU3LTIuMjY2LDMuMDk1LTEuMzA3LDQuNzczICAgIGMwLjU1NiwwLjk3MywxMy43MDMsMjMuOTc5LDIzLjY5MSwzNy45NjZjMC42ODQsMC45NTYsMy4wNzcsMi4yNDUsNC44ODMsMC44MTJjMS41MTQtMS4yMDEsMS45MzgtMy4zMSwwLjgxMi00Ljg4MyAgICBDMTM1LjU4MSwxNzIuNDQsMTIyLjE4NiwxNDkuMDAyLDEyMi4wNTMsMTQ4Ljc2NnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNODQuNTE2LDc5LjAwMWMxLjcxNC0wLjEyLDMuMjA5LTEuMjY4LDMuNDU0LTMuMDE3YzAuMjY3LTEuOTA4LTEuMDY2LTMuNjc0LTIuOTczLTMuOTUgICAgYy0xLjA1Mi0wLjE1Mi0yNS4xNzItMi4zOC0yNC4zODctMzkuMzA0YzAuMDQxLTEuOTM0LTEuNDMyLTMuNTU5LTMuMzYzLTMuNjMzYy0xLjkwOS0wLjA2Mi0zLjU5NywxLjQzMi0zLjYzMiwzLjM2MyAgICBDNTIuODI1LDc2LjE1NCw4Mi4zMjUsNzkuMTU0LDg0LjUxNiw3OS4wMDF6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE2OC4wNzUsMGMtOC4zMDUsMC0xNS4xNzcsNi4xNzMtMTYuMzE0LDE0LjE2OEwzOS44OTMsMTcuNjg2QzM4Ljc2Miw5LjY4MSwzMS44ODUsMy40OTksMjMuNTc1LDMuNDk5ICAgIGMtOS4wOTgsMC0xNi41LDcuNDAyLTE2LjUsMTYuNWMwLDkuMDk4LDcuNDAyLDE2LjUsMTYuNSwxNi41YzcuNDYzLDAsMTMuNzc2LTQuOTgzLDE1LjgwOC0xMS43OTVsODcuODctMi43NjMgICAgYzcuODIyLDEyLjA4Nyw3LjYwOSwyMi4yNjIsMy42MjMsMzAuMTAzYy04LjMzLDE2LjM4Ni0zNi4wMzksMjAuMzM2LTM2LjMxNSwyMC4zNzRjLTAuOTkyLDAuMTM0LTMuNDg2LDEuMzYxLTIuOTIxLDQuMzQ2ICAgIGwxMy4xNjYsNTAuODMzYzAuNDEsMS41NzgsMi4wNDEsMy4wNTgsNC4yNjgsMi41MTNjMS44NzktMC40NjEsMi45OTYtMi4zOTYsMi41MTItNC4yNjdsLTEyLjIyLTQ3LjE3OSAgICBjOC43NDQtMS44MTgsMjkuNzM1LTcuNzEsMzcuNzQyLTIzLjQyOWM0Ljg1MS05LjUyMyw0LjA2Mi0yMC43OTctMi4zMTItMzMuNTMybDE3LjQ2MS0wLjU0OSAgICBDMTU0LjI3MywyNy45OTIsMTYwLjU5NiwzMywxNjguMDc2LDMzYzkuMDk5LDAsMTYuNS03LjQwMiwxNi41LTE2LjVDMTg0LjU3Niw3LjQwMiwxNzcuMTcyLDAsMTY4LjA3NSwweiBNMjMuNTc1LDI5LjUgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMzMuMDc1LDI1LjIzOCwyOC44MTIsMjkuNSwyMy41NzUsMjkuNXogTTE2OC4wNzUsMjYgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMTc3LjU3NSwyMS43MzgsMTczLjMxMywyNiwxNjguMDc1LDI2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-one__cell-header--orange:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #e78900; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-one__cell-header--orange:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #e78900; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-one__cell-header--red{ background:#f04e4e; } .table-one__cell-header--red:before{ position:absolute; z-index:-1; top:0; right:10px; bottom:0; left:0; content:""; opacity:.2; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0ibTQ3Ni40LDM4LjdjLTEzLjMtMTcuNi0zMy45LTI3LjctNTYuNi0yNy43aC0zMjcuNmMtMjIuNywwLTQzLjMsMTAuMS01Ni42LDI3LjctMTIuNSwxNi41LTE2LjQsMzcuMy0xMC44LDU2LjkgMjEuNCw3NS41IDExMC44LDEyOS4yIDE2NC4xLDE0Ni40bDU2LjYsNTYuNnY2MC41aC0xMzYuNGMtNS44LDAtMTAuNCw0LjctMTAuNCwxMC40djEyMWMwLDUuOCA0LjcsMTAuNCAxMC40LDEwLjRoMjkzLjhjNS44LDAgMTAuNC00LjcgMTAuNC0xMC40di0xMjFjMC01LjgtNC43LTEwLjQtMTAuNC0xMC40aC0xMzYuNXYtNjAuNWw1Ni42LTU2LjZjNTMuNC0xNy4yIDE0Mi43LTcwLjkgMTY0LjItMTQ2LjQgNS42LTE5LjYgMS43LTQwLjQtMTAuOC01Ni45em0tODMuOSw0NDEuNGgtMjczdi0xMDAuMWgyNzN2MTAwLjF6bS0zNDcuNy0zOTAuMmMtMy44LTEzLjMtMS4xLTI3LjUgNy40LTM4LjYgMTgtMjMuNiA0Ni43LTE5LjQgNDYuNy0xOS40LTIuNSw2Mi44IDE3LjMsMTIzLjkgNTUuNiwxNzIuOS00NC45LTIzLjYtOTUuMi02My44LTEwOS43LTExNC45em0yNzYuNiwxMjQuMmwtNjUuNCw2NS41LTY1LjQtNjUuNGMtNDguMi00OC4yLTczLjctMTE0LjItNzAuOC0xODIuM2gyNzIuNWMyLjksNjgtMjIuNiwxMzQtNzAuOSwxODIuMnptMTQ1LjgtMTI0LjJjLTE0LjUsNTEtNjQuNyw5MS4zLTEwOS43LDExNC44IDM4LjMtNDkgNTguMS0xMTAuMSA1NS42LTE3Mi44IDAsMCAyOS4zLTQgNDYuNywxOS40IDguNCwxMS4zIDExLjIsMjUuMyA3LjQsMzguNnoiLz4KICA8L2c+Cjwvc3ZnPgo="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-one__cell-header--red:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #f04e4e; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-one__cell-header--red:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #f04e4e; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-one__cell-title{ font-size:2.3rem; line-height:1.2; } .table-one__cell-subtitle,.table-one__cell-title{ color:#fff; font-family:Montserrat Regular,sans-serif; } .table-one__cell-subtitle{ letter-spacing:.545rem; text-transform:uppercase; font-size:12px; } .table-one__cell-body{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:50px 60px; background:#fff; } @media (min-width:1215px){ .table-one__cell-body{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; width:100%; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } } .table-one__cell-body--grey-bg{ background:#fafafa; } .table-one__cell-list{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .table-one__cell-list,.table-one__cell-list-item{ display:-webkit-box; display:-ms-flexbox; display:flex; } .table-one__cell-list-item{ position:relative; padding:10px; text-transform:capitalize; color:#363636; border-bottom:1px solid #ededed; font-family:Montserrat Regular,sans-serif; font-size:14px; } .table-one__cell-list-item:before{ margin-right:9px; content:"✔"; color:#fafafa; } .table-one__cell-list-item--green:before{ color:#bfc946; } .table-one__cell-list-item--cyan:before{ color:#36cccb; } .table-one__cell-list-item--orange:before{ color:#e78900; } .table-one__cell-list-item--red:before{ color:#f04e4e; } @media (min-width:768px){ .table-one__cell-list-item:last-child{ border-bottom:0; } } .table-one__cell-list-item--inactive{ color:#aeaeae; } .table-one__cell-list-item--inactive:before{ color:inherit; } .table-one__cell-list-item--yes{ color:#8dc63f; } .table-one__cell-list-item--no,.table-one__cell-list-item--yes{ display:inline-block; margin-left:6px; text-transform:capitalize; } .table-one__cell-list-item--no{ color:#f04e4e; } .table-one__cell-footer{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:45px 60px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-bottom:.5rem solid #fafafa; background:#fff; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (min-width:1215px){ .table-one__cell-footer{ width:100%; max-width:200px; border-right:.5rem solid #fafafa; border-bottom:0; } } .table-one__cell-footer--grey-bg{ background:#fafafa; } .table-one__cell-footer--green{ border-bottom:.5rem solid #bfc946; } @media (min-width:1215px){ .table-one__cell-footer--green{ border-right:.5rem solid #bfc946; border-bottom:0; } } .table-one__cell-footer--cyan{ border-bottom:.5rem solid #36cccb; } @media (min-width:1215px){ .table-one__cell-footer--cyan{ border-right:.5rem solid #36cccb; border-bottom:0; } } .table-one__cell-footer--orange{ border-bottom:.5rem solid #e78900; } @media (min-width:1215px){ .table-one__cell-footer--orange{ border-right:.5rem solid #e78900; border-bottom:0; } } .table-one__cell-footer--red{ border-bottom:.5rem solid #f04e4e; } @media (min-width:1215px){ .table-one__cell-footer--red{ border-right:.5rem solid #f04e4e; border-bottom:0; } } .table-one__cell-price{ margin-bottom:10px; color:#363636; font-family:Montserrat Regular,sans-serif; font-size:36px; } .table-one__cell-button,.table-one__cell-price{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .table-one__cell-button{ padding:18px 24px; cursor:pointer; white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#fff; border:0; border-radius:10px; outline:0; background:#fafafa; box-shadow:0 10px 30px rgba(54,54,54,0); font-family:Montserrat Bold,sans-serif; font-size:14px; font-weight:900; } .table-one__cell-button--green{ background:#bfc946; } .table-one__cell-button--cyan{ background:#36cccb; } .table-one__cell-button--orange{ background:#e78900; } .table-one__cell-button--red{ background:#f04e4e; } .table-one__cell-button:hover{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; color:#fff; background:#363636; box-shadow:0 10px 20px rgba(54,54,54,.05),0 6px 6px rgba(54,54,54,.15); } .table-one__cell-button:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; box-shadow:0 15px 50px rgba(54,54,54,.3); } .table-two{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; max-width:1170px; margin:2rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } @media (min-width:704px){ .table-two{ margin-right:0; margin-left:0; } } .table-two__header{ display:none; margin-right:2rem; margin-left:2rem; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; background:#363636; font-size:24px; } @media (min-width:1215px){ .table-two__header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } } .table-two__header-part{ padding:2rem 4.5rem; } .table-two__header-part:last-child{ padding-right:8rem; } .table-two__body{ -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .table-two__body,.table-two__cell{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; } .table-two__cell{ z-index:2; -webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; width:100%; min-width:250px; max-width:320px; margin:2rem 1rem; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-top-left-radius:10px; border-top-right-radius:10px; background:#fafafa; } @media (min-width:768px){ .table-two__cell{ max-width:320px; } } @media (min-width:860px){ .table-two__cell{ max-width:350px; } } @media (min-width:1215px){ .table-two__cell{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; max-width:none; margin:0 2rem; border-top-left-radius:0; border-top-right-radius:0; } } .table-two__cell--green{ background:#bfc946; } .table-two__cell--cyan{ background:#36cccb; } .table-two__cell--orange{ background:#e78900; } .table-two__cell--red{ background:#f04e4e; } .table-two__cell:hover{ z-index:5; margin:0 1rem; padding-top:2rem; padding-bottom:2rem; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-radius:10px; box-shadow:0 20px 50px 0 rgba(54,54,54,.15); } @media (min-width:1215px){ .table-two__cell:hover{ margin:0; padding:0 2rem; } } .table-two__cell:hover .table-two__cell-footer{ border-top-right-radius:10px; border-bottom-right-radius:10px; } .table-two__cell:hover .table-two__cell--green{ background:#bfc946; } .table-two__cell:hover .table-two__cell-header--green{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#bfc946; } .table-two__cell:hover .table-two__cell-header--green:before{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:.2; } .table-two__cell:hover .table-two__cell-header--green:after{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #bfc946; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell:hover .table-two__cell-header--green:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #bfc946; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell:hover .table-two__cell-title--green{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#fff; } .table-two__cell:hover .table-two__cell-subtitle--green{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:1; } .table-two__cell:hover .table-two__cell-footer--green{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#bfc946; } .table-two__cell:hover .table-two__cell--cyan{ background:#36cccb; } .table-two__cell:hover .table-two__cell-header--cyan{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#36cccb; } .table-two__cell:hover .table-two__cell-header--cyan:before{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:.2; } .table-two__cell:hover .table-two__cell-header--cyan:after{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #36cccb; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell:hover .table-two__cell-header--cyan:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #36cccb; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell:hover .table-two__cell-title--cyan{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#fff; } .table-two__cell:hover .table-two__cell-subtitle--cyan{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:1; } .table-two__cell:hover .table-two__cell-footer--cyan{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#36cccb; } .table-two__cell:hover .table-two__cell--orange{ background:#e78900; } .table-two__cell:hover .table-two__cell-header--orange{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#e78900; } .table-two__cell:hover .table-two__cell-header--orange:before{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:.2; } .table-two__cell:hover .table-two__cell-header--orange:after{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #e78900; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell:hover .table-two__cell-header--orange:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #e78900; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell:hover .table-two__cell-title--orange{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#fff; } .table-two__cell:hover .table-two__cell-subtitle--orange{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:1; } .table-two__cell:hover .table-two__cell-footer--orange{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#e78900; } .table-two__cell:hover .table-two__cell--red{ background:#f04e4e; } .table-two__cell:hover .table-two__cell-header--red{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#f04e4e; } .table-two__cell:hover .table-two__cell-header--red:before{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:.2; } .table-two__cell:hover .table-two__cell-header--red:after{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #f04e4e; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell:hover .table-two__cell-header--red:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #f04e4e; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell:hover .table-two__cell-title--red{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#fff; } .table-two__cell:hover .table-two__cell-subtitle--red{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:1; } .table-two__cell:hover .table-two__cell-footer--red{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#f04e4e; } .table-two__cell:hover .table-two__cell-price{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#fff; } .table-two__cell:hover .table-two__cell-button{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#363636; } .table-two__cell-header{ position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:3.75rem 4.375rem; border-top-left-radius:10px; border-top-right-radius:10px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (min-width:1215px){ .table-two__cell-header{ width:100%; border-top-left-radius:0; border-top-right-radius:0; } } .table-two__cell-header--green{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; background:#2e2e2e; } .table-two__cell-header--green:before{ z-index:-1; top:0; right:10px; bottom:0; left:0; opacity:.1; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTU5LjEzOCAxNTkuMTM4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTkuMTM4IDE1OS4xMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTc2LjY0NCw4OS4xOTFsLTI5LTM2LjgzM2MtMC44MzItMS4wNTctMC45ODQtMi40OTctMC4zOTQtMy43MDVjMC41MjQtMS4wNywyMS42OTItMzAuNzEsMTAzLjE2My0yNS45NiAgICAgYzEuOTMsMC4xMTIsMy40OSwxLjU4NywzLjQ3OSwzLjUyYy0wLjAxMiwxLjkzMy0xLjYzMywzLjU3Ni0zLjUyMSwzLjQ4Yy02Ni4xODItMy4zNzUtOTAuODE5LDE1LjM4NC05NS41NjYsMjAuNDQ4ICAgICBsMjcuMzM4LDM0LjcxOWMxLjE5MywxLjUyLDEuMDIxLDMuODQtMC41ODYsNC45MTZDNzkuNDQzLDkxLjE5Myw3Ny4zMzUsOTAuMDcsNzYuNjQ0LDg5LjE5MXoiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBhdGggZD0iTTU1LjgwOCwxNTguMDUzYy0wLjkwMS0wLjk4OC0yMi0yNC40MDItMTUuNTU2LTQyLjQzNGMzLjMwOS05LjI1NCwxMi45NDMtMTUuMTA0LDI4LjYzOC0xNy4zOTEgICAgIGMxNi40MDgtMi4zOTIsMjYuNDA4LTcuMjI0LDI4LjkyLTEzLjk3OWMyLjgzMS03LjYyMS00LjQ3OS0xNi4xNzEtNC41NTUtMTYuMjU3bC0xNy41NS0yMS4wNiAgICAgYy0xLjIzNy0xLjQ4NS0xLjAzNy0zLjY5MiwwLjQ0OC00LjkzYzEuNDg1LTEuMjM3LDMuNjktMS4wMzcsNC45MjgsMC40NDhsMTcuNSwyMWMwLjM1NywwLjQwNiwxMC4wNTksMTEuNjUyLDUuODA1LDIzLjE5NCAgICAgYy0zLjQ4Myw5LjQ1Ny0xNS4wODgsMTUuNjg2LTM0LjQ4OCwxOC41MWMtMTIuOTMsMS44ODMtMjAuNjg2LDYuMTk3LTIzLjA1NCwxMi44MjJjLTQuMTg1LDExLjcwNyw4Ljc4NSwyOS40OSwxNC4xMzYsMzUuMzU1ICAgICBjMS4zMDMsMS40MjgsMS4xNDksMy41ODgtMC4yMjcsNC45NDNDNTkuMDY4LDE1OS45NDMsNTYuNDk5LDE1OC44MDksNTUuODA4LDE1OC4wNTN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMzkuOTQ1LDE1My44NjFsLTQ3LTQ2Yy0xLjM4MS0xLjM1Mi0xLjQwNS0zLjU2Ny0wLjA1My00Ljk0OWMxLjM1My0xLjM4MywzLjU2Ni0xLjQwMyw0Ljk0Ny0wLjA1M2w0Nyw0NiAgICAgYzEuMzgyLDEuMzUzLDEuNjUyLDMuNTI3LDAuMzEyLDQuOTE4QzE0Mi44MTgsMTU2LjE5MywxNDAuNjI4LDE1NC41MjcsMTM5Ljk0NSwxNTMuODYxeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMTAuOTI5LDYzLjk2NGMtOC4zNDgtNy43NjEtNS4wNzgtMjEuNTIzLTQuOTM1LTIyLjEwNWMwLjQ2Mi0xLjg3NywyLjM1OS0zLjAyNSw0LjIzNS0yLjU2MiAgICAgYzEuODc0LDAuNDYxLDMuMDIxLDIuMzUzLDIuNTYzLDQuMjI3Yy0wLjAzNSwwLjE0Ni0yLjQxMywxMC4zOTksMi45MTksMTUuMzNjNC4xOTEsMy44NzcsMTIuNywzLjg4LDI0LjU5OSwwLjAxMyAgICAgYzEuODM3LTAuNTk3LDMuODEyLDAuNDA4LDQuNDExLDIuMjQ3YzAuNTk3LDEuODM4LTAuNDE5LDMuNzgzLTIuMjQ3LDQuNDFDMjEuNTY4LDcyLjY5NCwxNC4zNjEsNjcuMTUzLDEwLjkyOSw2My45NjR6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik01My4yNTYsMzIuMzM0YzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdTNjIuMTcsMCw1My4yNTYsMGMtOC45MTUsMC0xNi4xNjgsNy4yNTItMTYuMTY4LDE2LjE2NyAgICBTNDQuMzQsMzIuMzM0LDUzLjI1NiwzMi4zMzR6IE01My4yNTYsN2M1LjA1NSwwLDkuMTY2LDQuMTEyLDkuMTY2LDkuMTY3YzAsNS4wNTUtNC4xMTEsOS4xNjctOS4xNjYsOS4xNjcgICAgcy05LjE2OC00LjExMi05LjE2OC05LjE2N0M0NC4wODgsMTEuMTExLDQ4LjIwMSw3LDUzLjI1Niw3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-two__cell-header--green:after,.table-two__cell-header--green:before{ position:absolute; content:""; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .table-two__cell-header--green:after{ display:block; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #2e2e2e; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell-header--green:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #2e2e2e; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell-header--cyan{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; background:#2e2e2e; } .table-two__cell-header--cyan:before{ position:absolute; z-index:-1; top:0; right:10px; bottom:0; left:0; content:""; opacity:.2; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTY2LjcxNyAxNjYuNzE3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjYuNzE3IDE2Ni43MTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTMuNjAzLDEyOC42MjdjLTguMDE3LTE2LjA1Mi0yLjI2NC0zNS4yNzQsMTMuNDAzLTQ0LjAyMWM2LjU1OC0zLjY2LDE3Ljc1LTQuNzUyLDE3Ljc1MS00Ljc1MiAgICAgYzEwLjQ2Ni0xLjc4NywyOC42MDUtNy42NjgsMzIuODA0LTI3LjAzOGMwLjIzNS0xLjA5MSwwLjk3OS0yLjAwMywxLjk5OC0yLjQ1N3MyLjE5NC0wLjM5NCwzLjE2MywwLjE2MWwyOS4zNzEsMTYuODI3ICAgICBjMS42NzgsMC45NjEsMi4yNTksMy4xLDEuMjk3LDQuNzc3Yy0wLjk2MSwxLjY3OS0zLjEwMiwyLjI1Ni00Ljc3NiwxLjI5N0w3My4xMzgsNTguODI2ICAgICBDNjguMDk1LDczLjQ2NSw1NC44MDMsODMuNTMyLDM1Ljk1OSw4Ni43NWwwLDBjMC4wMDEsMC0xMC4yNzEsMS4xMzUtMTUuNjYxLDQuMDMxYy0xMi40LDYuNjcyLTE3LjAyNSwyMi4wNjItMTAuNTIxLDM0LjU0OSAgICAgYzEwLjI4NCwxOS43NCwyOC41MywxMy43MjksMzQuNTUsMTAuNTIxYzYuMDItMy4yMDgsMTAuMzUtOC41OTYsMTIuNDE0LTE1LjA5NmM0LjA3LTEyLjgxMi0zLjMwNS0yMy40MzctOC4wMjItMjcuMDE5ICAgICBjLTEuNTQtMS4xNy0xLjY4LTMuNDQ4LTAuNDM4LTQuOTMzYzEuMjQxLTEuNDgxLDMuNDQ3LTEuNjc4LDQuOTMxLTAuNDM4YzMuMiwyLjY4LDE1LjcyOCwxMy44MjYsMTAuMjI5LDM0LjQyNiAgICAgYy0yLjI0MSw4LjM5Ni04LjIzMiwxNC45OS0xNS44MTcsMTkuMjMyQzM3LjkzOCwxNDcuNDQ2LDE0LjQzOCwxNTAuMzIxLDMuNjAzLDEyOC42Mjd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMDUuMzUzLDEyNC4zNzdjLTkuNDQzLTE0Ljk1NywwLjcyNy0zMS45MzcsMS4yOS0zMi44MzRjMTYuNzA2LTI2LjU2Miw2LjYwNy0zMy44MDcsMi44MDgtMzYuNTM0ICAgICBjLTAuMjQ2LTAuMTc2LTI3LjE3MS0xNi4wNzYtMjcuMTcxLTE2LjA3NmMtMS42NjYtMC45OC0yLjIyMy0zLjEyNS0xLjI0MS00Ljc5MWMwLjk3OS0xLjY2NywzLjEyNy0yLjIyMiw0Ljc5MS0xLjI0MiAgICAgYzAsMCwyNy40NDgsMTYuMjY3LDI3LjcsMTYuNDIxYzQuNjE4LDIuODM0LDE5LjI1MiwxMy44MTEtMC45Niw0NS45NDdjLTAuMzYzLDAuNTc1LTcuMzY5LDEzLjY0Ni0wLjM4MSwyNS41NTQgICAgIGMxMC40MDgsMTcuNzQsMjcuODEyLDEzLjg3OSwzMy44OTEsMTAuNzgxYzE2LjczNC04LjUzMSwxNS40ODQtMjUuNTMxLDEwLjUyLTM0LjU1M2MtNS41NzMtMTAuMTE4LTE3LjA3NC0xNS40ODQtMjguMzEzLTEyLjg2MyAgICAgYy0xLjg4OCwwLjQzOC0zLjc2Ni0wLjczLTQuMjAzLTIuNjEzYy0wLjQzOC0xLjg4MiwwLjcyOS0zLjc2NSwyLjYxMi00LjIwNGMxNC4zMTItMy4zMzksMjkuMDg1LDMuNDM4LDM2LjA4MSwxNi4zODkgICAgIGM1LjE2NSw5LjU2Miw4LjkxNSwzMy4xODgtMTMuNCw0NC4wMjFDMTM4LjA4OCwxNDMuMjU0LDExOC44MTQsMTQ1LjY5NiwxMDUuMzUzLDEyNC4zNzd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik02OC43MjgsMzcuMjMzYzAtOS4wNTItNy4zNjQtMTYuNDE3LTE2LjQxNi0xNi40MTdjLTkuMDU1LDAtMTYuNDE4LDcuMzY1LTE2LjQxOCwxNi40MTdTNDMuMjU2LDUzLjY1LDUyLjMxMiw1My42NSAgICBDNjEuMzYzLDUzLjY1LDY4LjcyOCw0Ni4yODUsNjguNzI4LDM3LjIzM3ogTTQzLjAwMSwzNy4yMzNjMC01LjEzMyw0LjE3OC05LjMwOSw5LjMxMS05LjMwOWM1LjEzMywwLDkuMzA4LDQuMTc2LDkuMzA4LDkuMzA5ICAgIHMtNC4xNzUsOS4zMDktOS4zMDgsOS4zMDlDNDcuMTc5LDQ2LjU0Miw0My4wMDEsNDIuMzY1LDQzLjAwMSwzNy4yMzN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg=="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-two__cell-header--cyan:after{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #2e2e2e; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell-header--cyan:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #2e2e2e; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell-header--orange{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; background:#2e2e2e; } .table-two__cell-header--orange:before{ position:absolute; z-index:-1; top:0; right:10px; bottom:0; left:0; content:""; opacity:.2; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTkxLjY1MSAxOTEuNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MS42NTEgMTkxLjY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEwMS44NDYsNjMuMDAxYzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdzLTcuMjUyLTE2LjE2Ny0xNi4xNjYtMTYuMTY3Yy04LjkxNywwLTE2LjE2OCw3LjI1Mi0xNi4xNjgsMTYuMTY3ICAgIFM5Mi45MzEsNjMuMDAxLDEwMS44NDYsNjMuMDAxeiBNMTAxLjg0NiwzNy42NjdjNS4wNTUsMCw5LjE2Niw0LjExMiw5LjE2Niw5LjE2N2MwLDUuMDU1LTQuMTExLDkuMTY3LTkuMTY2LDkuMTY3ICAgIGMtNS4wNTcsMC05LjE2OC00LjExMi05LjE2OC05LjE2N0M5Mi42NzgsNDEuNzc5LDk2Ljc5MiwzNy42NjcsMTAxLjg0NiwzNy42Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTEzMC4zODMsMTMzLjM2NmM2LjM5Ni0xMC40MDEsMi4xOTEtMjQuMzQ5LDEuODEyLTI1LjU1MWwtOC4zMi0yOC43ODZjLTAuNTM1LTEuODU2LTIuNDc3LTIuOTI4LTQuMzM0LTIuMzkyICAgIGMtMS44NTUsMC41MzctMi45MjcsMi40NzgtMi4zOTEsNC4zMzRsOC4zMzMsMjguODM1YzAuMDEsMC4wMzMsMC4wMjEsMC4wNzEsMC4wMywwLjEwNGMwLjAzOSwwLjExOCwzLjc1LDExLjk0MS0xLjEwOCwxOS44MTIgICAgYy0yLjM1MSwzLjgwNC02LjMwNiw2LjA4OC0xMi4wOTcsNi45ODNjLTE1Ljc1MywyLjQ0LTI2LjM3NSw4LjY1Ni0zMS41NzEsMTguNDc2Yy04LjA1MSwxNS4yMTEsMC4yNTYsMzMuMDY3LDAuNjEzLDMzLjgxOSAgICBjMC41OTksMS4yNjMsMi40NzQsMi40NDMsNC42NjMsMS42NmMxLjgyLTAuNjQ5LDIuNDg5LTIuOTE4LDEuNjYtNC42NjRjLTAuMDczLTAuMTUxLTcuMTc1LTE1LjQwMS0wLjc1LTI3LjU0MSAgICBjNC4xMDYtNy43NTgsMTMuMDA2LTEyLjc0OCwyNi40NTgtMTQuODMyQzEyMS4yMjMsMTQyLjQxMSwxMjYuOTQ0LDEzOC45NTksMTMwLjM4MywxMzMuMzY2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xMjIuMDUzLDE0OC43NjZjLTAuOTU5LTEuNjgxLTMuMDk2LTIuMjY1LTQuNzczLTEuMzA2Yy0xLjY4LDAuOTU3LTIuMjY2LDMuMDk1LTEuMzA3LDQuNzczICAgIGMwLjU1NiwwLjk3MywxMy43MDMsMjMuOTc5LDIzLjY5MSwzNy45NjZjMC42ODQsMC45NTYsMy4wNzcsMi4yNDUsNC44ODMsMC44MTJjMS41MTQtMS4yMDEsMS45MzgtMy4zMSwwLjgxMi00Ljg4MyAgICBDMTM1LjU4MSwxNzIuNDQsMTIyLjE4NiwxNDkuMDAyLDEyMi4wNTMsMTQ4Ljc2NnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNODQuNTE2LDc5LjAwMWMxLjcxNC0wLjEyLDMuMjA5LTEuMjY4LDMuNDU0LTMuMDE3YzAuMjY3LTEuOTA4LTEuMDY2LTMuNjc0LTIuOTczLTMuOTUgICAgYy0xLjA1Mi0wLjE1Mi0yNS4xNzItMi4zOC0yNC4zODctMzkuMzA0YzAuMDQxLTEuOTM0LTEuNDMyLTMuNTU5LTMuMzYzLTMuNjMzYy0xLjkwOS0wLjA2Mi0zLjU5NywxLjQzMi0zLjYzMiwzLjM2MyAgICBDNTIuODI1LDc2LjE1NCw4Mi4zMjUsNzkuMTU0LDg0LjUxNiw3OS4wMDF6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE2OC4wNzUsMGMtOC4zMDUsMC0xNS4xNzcsNi4xNzMtMTYuMzE0LDE0LjE2OEwzOS44OTMsMTcuNjg2QzM4Ljc2Miw5LjY4MSwzMS44ODUsMy40OTksMjMuNTc1LDMuNDk5ICAgIGMtOS4wOTgsMC0xNi41LDcuNDAyLTE2LjUsMTYuNWMwLDkuMDk4LDcuNDAyLDE2LjUsMTYuNSwxNi41YzcuNDYzLDAsMTMuNzc2LTQuOTgzLDE1LjgwOC0xMS43OTVsODcuODctMi43NjMgICAgYzcuODIyLDEyLjA4Nyw3LjYwOSwyMi4yNjIsMy42MjMsMzAuMTAzYy04LjMzLDE2LjM4Ni0zNi4wMzksMjAuMzM2LTM2LjMxNSwyMC4zNzRjLTAuOTkyLDAuMTM0LTMuNDg2LDEuMzYxLTIuOTIxLDQuMzQ2ICAgIGwxMy4xNjYsNTAuODMzYzAuNDEsMS41NzgsMi4wNDEsMy4wNTgsNC4yNjgsMi41MTNjMS44NzktMC40NjEsMi45OTYtMi4zOTYsMi41MTItNC4yNjdsLTEyLjIyLTQ3LjE3OSAgICBjOC43NDQtMS44MTgsMjkuNzM1LTcuNzEsMzcuNzQyLTIzLjQyOWM0Ljg1MS05LjUyMyw0LjA2Mi0yMC43OTctMi4zMTItMzMuNTMybDE3LjQ2MS0wLjU0OSAgICBDMTU0LjI3MywyNy45OTIsMTYwLjU5NiwzMywxNjguMDc2LDMzYzkuMDk5LDAsMTYuNS03LjQwMiwxNi41LTE2LjVDMTg0LjU3Niw3LjQwMiwxNzcuMTcyLDAsMTY4LjA3NSwweiBNMjMuNTc1LDI5LjUgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMzMuMDc1LDI1LjIzOCwyOC44MTIsMjkuNSwyMy41NzUsMjkuNXogTTE2OC4wNzUsMjYgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMTc3LjU3NSwyMS43MzgsMTczLjMxMywyNiwxNjguMDc1LDI2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-two__cell-header--orange:after{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #2e2e2e; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell-header--orange:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #2e2e2e; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell-header--red{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; background:#2e2e2e; } .table-two__cell-header--red:before{ position:absolute; z-index:-1; top:0; right:10px; bottom:0; left:0; content:""; opacity:.2; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0ibTQ3Ni40LDM4LjdjLTEzLjMtMTcuNi0zMy45LTI3LjctNTYuNi0yNy43aC0zMjcuNmMtMjIuNywwLTQzLjMsMTAuMS01Ni42LDI3LjctMTIuNSwxNi41LTE2LjQsMzcuMy0xMC44LDU2LjkgMjEuNCw3NS41IDExMC44LDEyOS4yIDE2NC4xLDE0Ni40bDU2LjYsNTYuNnY2MC41aC0xMzYuNGMtNS44LDAtMTAuNCw0LjctMTAuNCwxMC40djEyMWMwLDUuOCA0LjcsMTAuNCAxMC40LDEwLjRoMjkzLjhjNS44LDAgMTAuNC00LjcgMTAuNC0xMC40di0xMjFjMC01LjgtNC43LTEwLjQtMTAuNC0xMC40aC0xMzYuNXYtNjAuNWw1Ni42LTU2LjZjNTMuNC0xNy4yIDE0Mi43LTcwLjkgMTY0LjItMTQ2LjQgNS42LTE5LjYgMS43LTQwLjQtMTAuOC01Ni45em0tODMuOSw0NDEuNGgtMjczdi0xMDAuMWgyNzN2MTAwLjF6bS0zNDcuNy0zOTAuMmMtMy44LTEzLjMtMS4xLTI3LjUgNy40LTM4LjYgMTgtMjMuNiA0Ni43LTE5LjQgNDYuNy0xOS40LTIuNSw2Mi44IDE3LjMsMTIzLjkgNTUuNiwxNzIuOS00NC45LTIzLjYtOTUuMi02My44LTEwOS43LTExNC45em0yNzYuNiwxMjQuMmwtNjUuNCw2NS41LTY1LjQtNjUuNGMtNDguMi00OC4yLTczLjctMTE0LjItNzAuOC0xODIuM2gyNzIuNWMyLjksNjgtMjIuNiwxMzQtNzAuOSwxODIuMnptMTQ1LjgtMTI0LjJjLTE0LjUsNTEtNjQuNyw5MS4zLTEwOS43LDExNC44IDM4LjMtNDkgNTguMS0xMTAuMSA1NS42LTE3Mi44IDAsMCAyOS4zLTQgNDYuNywxOS40IDguNCwxMS4zIDExLjIsMjUuMyA3LjQsMzguNnoiLz4KICA8L2c+Cjwvc3ZnPgo="); background-repeat:no-repeat; background-position:100%; background-size:150px; } .table-two__cell-header--red:after{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:1rem solid #2e2e2e; border-left:2rem solid transparent; border-right:2rem solid transparent; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; } @media (min-width:1215px){ .table-two__cell-header--red:after{ content:""; display:block; position:absolute; height:0; width:0; border:solid transparent; pointer-events:none; border-top:2rem solid transparent; border-bottom:2rem solid transparent; border-left:1rem solid #2e2e2e; top:35%; -webkit-transform:translateX(0); transform:translateX(0); left:100%; } } .table-two__cell-title{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; color:#fff; font-family:Montserrat Regular,sans-serif; font-size:2.3rem; line-height:1.2; } .table-two__cell-title--green{ color:#bfc946; } .table-two__cell-title--cyan{ color:#36cccb; } .table-two__cell-title--orange{ color:#e78900; } .table-two__cell-title--red{ color:#f04e4e; } .table-two__cell-subtitle{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; letter-spacing:.545rem; text-transform:uppercase; color:#fff; font-family:Montserrat Regular,sans-serif; font-size:12px; } .table-two__cell-subtitle--cyan,.table-two__cell-subtitle--green,.table-two__cell-subtitle--orange,.table-two__cell-subtitle--red{ opacity:.3; } .table-two__cell-body{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:50px 60px; background:#fff; } @media (min-width:1215px){ .table-two__cell-body{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; width:100%; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } } .table-two__cell-body--grey-bg{ background:#fafafa; } .table-two__cell-list{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .table-two__cell-list,.table-two__cell-list-item{ display:-webkit-box; display:-ms-flexbox; display:flex; } .table-two__cell-list-item{ position:relative; padding:10px; text-transform:capitalize; color:#363636; border-bottom:1px solid #ededed; font-family:Montserrat Regular,sans-serif; font-size:14px; } .table-two__cell-list-item:before{ margin-right:9px; content:"✔"; color:#fafafa; } .table-two__cell-list-item--green:before{ color:#bfc946; } .table-two__cell-list-item--cyan:before{ color:#36cccb; } .table-two__cell-list-item--orange:before{ color:#e78900; } .table-two__cell-list-item--red:before{ color:#f04e4e; } @media (min-width:768px){ .table-two__cell-list-item:last-child{ border-bottom:0; } } .table-two__cell-list-item--inactive{ color:#aeaeae; } .table-two__cell-list-item--inactive:before{ color:inherit; } .table-two__cell-list-item--yes{ color:#8dc63f; } .table-two__cell-list-item--no,.table-two__cell-list-item--yes{ display:inline-block; margin-left:6px; text-transform:capitalize; } .table-two__cell-list-item--no{ color:#f04e4e; } .table-two__cell-footer{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:45px 60px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-bottom:.5rem solid #fafafa; background:#fff; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (min-width:1215px){ .table-two__cell-footer{ width:100%; max-width:200px; border-right:.5rem solid #fafafa; border-bottom:0; } } .table-two__cell-footer--grey-bg{ background:#fafafa; } .table-two__cell-footer--green{ border-bottom:.5rem solid #bfc946; } @media (min-width:1215px){ .table-two__cell-footer--green{ border-right:.5rem solid #bfc946; border-bottom:0; } } .table-two__cell-footer--cyan{ border-bottom:.5rem solid #36cccb; } @media (min-width:1215px){ .table-two__cell-footer--cyan{ border-right:.5rem solid #36cccb; border-bottom:0; } } .table-two__cell-footer--orange{ border-bottom:.5rem solid #e78900; } @media (min-width:1215px){ .table-two__cell-footer--orange{ border-right:.5rem solid #e78900; border-bottom:0; } } .table-two__cell-footer--red{ border-bottom:.5rem solid #f04e4e; } @media (min-width:1215px){ .table-two__cell-footer--red{ border-right:.5rem solid #f04e4e; border-bottom:0; } } .table-two__cell-price{ margin-bottom:10px; color:#363636; font-family:Montserrat Regular,sans-serif; font-size:36px; } .table-two__cell-button,.table-two__cell-price{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .table-two__cell-button{ padding:18px 24px; cursor:pointer; white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#fff; border:0; border-radius:10px; outline:0; background:#fafafa; box-shadow:0 10px 30px rgba(54,54,54,0); font-family:Montserrat Bold,sans-serif; font-size:14px; font-weight:900; } .table-two__cell-button--green{ background:#bfc946; } .table-two__cell-button--cyan{ background:#36cccb; } .table-two__cell-button--orange{ background:#e78900; } .table-two__cell-button--red{ background:#f04e4e; } .table-two__cell-button:hover{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; color:#fff; background:#363636; box-shadow:0 10px 20px rgba(54,54,54,.05),0 6px 6px rgba(54,54,54,.15); } .table-two__cell-button:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; box-shadow:0 15px 50px rgba(54,54,54,.3); } .table-three{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:4rem; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (min-width:704px){ .table-three{ margin-right:0; margin-left:0; } } @media (min-width:994px){ .table-three{ max-width:800px; } } @media (min-width:1200px){ .table-three{ max-width:none; -ms-flex-wrap:nowrap; flex-wrap:nowrap; } } .table-three__cell{ width:100%; max-width:230px; margin:1rem; padding:32px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-radius:20px; } @media (min-width:1200px){ .table-three__cell{ margin-right:0; margin-left:0; border-radius:0; } } @media (min-width:1000px){ .table-three__cell:first-child{ border-top-left-radius:20px; border-bottom-left-radius:20px; } } @media (min-width:1000px){ .table-three__cell:last-child{ border-top-right-radius:20px; border-bottom-right-radius:20px; } } .table-three__cell:hover{ z-index:1; margin-top:0; margin-bottom:0; padding-top:3rem; padding-bottom:3rem; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-radius:20px; box-shadow:0 20px 50px 0 rgba(54,54,54,.3); } .table-three__cell--green{ background:#bfc946; } .table-three__cell--cyan{ background:#36cccb; } .table-three__cell--orange{ background:#e78900; } .table-three__cell--red{ background:#f04e4e; } .table-three__cell-header{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-bottom:1rem; padding:3rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .table-three__cell-header--green:before{ background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTU5LjEzOCAxNTkuMTM4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTkuMTM4IDE1OS4xMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTc2LjY0NCw4OS4xOTFsLTI5LTM2LjgzM2MtMC44MzItMS4wNTctMC45ODQtMi40OTctMC4zOTQtMy43MDVjMC41MjQtMS4wNywyMS42OTItMzAuNzEsMTAzLjE2My0yNS45NiAgICAgYzEuOTMsMC4xMTIsMy40OSwxLjU4NywzLjQ3OSwzLjUyYy0wLjAxMiwxLjkzMy0xLjYzMywzLjU3Ni0zLjUyMSwzLjQ4Yy02Ni4xODItMy4zNzUtOTAuODE5LDE1LjM4NC05NS41NjYsMjAuNDQ4ICAgICBsMjcuMzM4LDM0LjcxOWMxLjE5MywxLjUyLDEuMDIxLDMuODQtMC41ODYsNC45MTZDNzkuNDQzLDkxLjE5Myw3Ny4zMzUsOTAuMDcsNzYuNjQ0LDg5LjE5MXoiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBhdGggZD0iTTU1LjgwOCwxNTguMDUzYy0wLjkwMS0wLjk4OC0yMi0yNC40MDItMTUuNTU2LTQyLjQzNGMzLjMwOS05LjI1NCwxMi45NDMtMTUuMTA0LDI4LjYzOC0xNy4zOTEgICAgIGMxNi40MDgtMi4zOTIsMjYuNDA4LTcuMjI0LDI4LjkyLTEzLjk3OWMyLjgzMS03LjYyMS00LjQ3OS0xNi4xNzEtNC41NTUtMTYuMjU3bC0xNy41NS0yMS4wNiAgICAgYy0xLjIzNy0xLjQ4NS0xLjAzNy0zLjY5MiwwLjQ0OC00LjkzYzEuNDg1LTEuMjM3LDMuNjktMS4wMzcsNC45MjgsMC40NDhsMTcuNSwyMWMwLjM1NywwLjQwNiwxMC4wNTksMTEuNjUyLDUuODA1LDIzLjE5NCAgICAgYy0zLjQ4Myw5LjQ1Ny0xNS4wODgsMTUuNjg2LTM0LjQ4OCwxOC41MWMtMTIuOTMsMS44ODMtMjAuNjg2LDYuMTk3LTIzLjA1NCwxMi44MjJjLTQuMTg1LDExLjcwNyw4Ljc4NSwyOS40OSwxNC4xMzYsMzUuMzU1ICAgICBjMS4zMDMsMS40MjgsMS4xNDksMy41ODgtMC4yMjcsNC45NDNDNTkuMDY4LDE1OS45NDMsNTYuNDk5LDE1OC44MDksNTUuODA4LDE1OC4wNTN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMzkuOTQ1LDE1My44NjFsLTQ3LTQ2Yy0xLjM4MS0xLjM1Mi0xLjQwNS0zLjU2Ny0wLjA1My00Ljk0OWMxLjM1My0xLjM4MywzLjU2Ni0xLjQwMyw0Ljk0Ny0wLjA1M2w0Nyw0NiAgICAgYzEuMzgyLDEuMzUzLDEuNjUyLDMuNTI3LDAuMzEyLDQuOTE4QzE0Mi44MTgsMTU2LjE5MywxNDAuNjI4LDE1NC41MjcsMTM5Ljk0NSwxNTMuODYxeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMTAuOTI5LDYzLjk2NGMtOC4zNDgtNy43NjEtNS4wNzgtMjEuNTIzLTQuOTM1LTIyLjEwNWMwLjQ2Mi0xLjg3NywyLjM1OS0zLjAyNSw0LjIzNS0yLjU2MiAgICAgYzEuODc0LDAuNDYxLDMuMDIxLDIuMzUzLDIuNTYzLDQuMjI3Yy0wLjAzNSwwLjE0Ni0yLjQxMywxMC4zOTksMi45MTksMTUuMzNjNC4xOTEsMy44NzcsMTIuNywzLjg4LDI0LjU5OSwwLjAxMyAgICAgYzEuODM3LTAuNTk3LDMuODEyLDAuNDA4LDQuNDExLDIuMjQ3YzAuNTk3LDEuODM4LTAuNDE5LDMuNzgzLTIuMjQ3LDQuNDFDMjEuNTY4LDcyLjY5NCwxNC4zNjEsNjcuMTUzLDEwLjkyOSw2My45NjR6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik01My4yNTYsMzIuMzM0YzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdTNjIuMTcsMCw1My4yNTYsMGMtOC45MTUsMC0xNi4xNjgsNy4yNTItMTYuMTY4LDE2LjE2NyAgICBTNDQuMzQsMzIuMzM0LDUzLjI1NiwzMi4zMzR6IE01My4yNTYsN2M1LjA1NSwwLDkuMTY2LDQuMTEyLDkuMTY2LDkuMTY3YzAsNS4wNTUtNC4xMTEsOS4xNjctOS4xNjYsOS4xNjcgICAgcy05LjE2OC00LjExMi05LjE2OC05LjE2N0M0NC4wODgsMTEuMTExLDQ4LjIwMSw3LDUzLjI1Niw3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); } .table-three__cell-header--cyan:before,.table-three__cell-header--green:before{ position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; content:""; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; opacity:.2; background-repeat:no-repeat; background-position:50%; background-size:150px; } .table-three__cell-header--cyan:before{ background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTY2LjcxNyAxNjYuNzE3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjYuNzE3IDE2Ni43MTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTMuNjAzLDEyOC42MjdjLTguMDE3LTE2LjA1Mi0yLjI2NC0zNS4yNzQsMTMuNDAzLTQ0LjAyMWM2LjU1OC0zLjY2LDE3Ljc1LTQuNzUyLDE3Ljc1MS00Ljc1MiAgICAgYzEwLjQ2Ni0xLjc4NywyOC42MDUtNy42NjgsMzIuODA0LTI3LjAzOGMwLjIzNS0xLjA5MSwwLjk3OS0yLjAwMywxLjk5OC0yLjQ1N3MyLjE5NC0wLjM5NCwzLjE2MywwLjE2MWwyOS4zNzEsMTYuODI3ICAgICBjMS42NzgsMC45NjEsMi4yNTksMy4xLDEuMjk3LDQuNzc3Yy0wLjk2MSwxLjY3OS0zLjEwMiwyLjI1Ni00Ljc3NiwxLjI5N0w3My4xMzgsNTguODI2ICAgICBDNjguMDk1LDczLjQ2NSw1NC44MDMsODMuNTMyLDM1Ljk1OSw4Ni43NWwwLDBjMC4wMDEsMC0xMC4yNzEsMS4xMzUtMTUuNjYxLDQuMDMxYy0xMi40LDYuNjcyLTE3LjAyNSwyMi4wNjItMTAuNTIxLDM0LjU0OSAgICAgYzEwLjI4NCwxOS43NCwyOC41MywxMy43MjksMzQuNTUsMTAuNTIxYzYuMDItMy4yMDgsMTAuMzUtOC41OTYsMTIuNDE0LTE1LjA5NmM0LjA3LTEyLjgxMi0zLjMwNS0yMy40MzctOC4wMjItMjcuMDE5ICAgICBjLTEuNTQtMS4xNy0xLjY4LTMuNDQ4LTAuNDM4LTQuOTMzYzEuMjQxLTEuNDgxLDMuNDQ3LTEuNjc4LDQuOTMxLTAuNDM4YzMuMiwyLjY4LDE1LjcyOCwxMy44MjYsMTAuMjI5LDM0LjQyNiAgICAgYy0yLjI0MSw4LjM5Ni04LjIzMiwxNC45OS0xNS44MTcsMTkuMjMyQzM3LjkzOCwxNDcuNDQ2LDE0LjQzOCwxNTAuMzIxLDMuNjAzLDEyOC42Mjd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMDUuMzUzLDEyNC4zNzdjLTkuNDQzLTE0Ljk1NywwLjcyNy0zMS45MzcsMS4yOS0zMi44MzRjMTYuNzA2LTI2LjU2Miw2LjYwNy0zMy44MDcsMi44MDgtMzYuNTM0ICAgICBjLTAuMjQ2LTAuMTc2LTI3LjE3MS0xNi4wNzYtMjcuMTcxLTE2LjA3NmMtMS42NjYtMC45OC0yLjIyMy0zLjEyNS0xLjI0MS00Ljc5MWMwLjk3OS0xLjY2NywzLjEyNy0yLjIyMiw0Ljc5MS0xLjI0MiAgICAgYzAsMCwyNy40NDgsMTYuMjY3LDI3LjcsMTYuNDIxYzQuNjE4LDIuODM0LDE5LjI1MiwxMy44MTEtMC45Niw0NS45NDdjLTAuMzYzLDAuNTc1LTcuMzY5LDEzLjY0Ni0wLjM4MSwyNS41NTQgICAgIGMxMC40MDgsMTcuNzQsMjcuODEyLDEzLjg3OSwzMy44OTEsMTAuNzgxYzE2LjczNC04LjUzMSwxNS40ODQtMjUuNTMxLDEwLjUyLTM0LjU1M2MtNS41NzMtMTAuMTE4LTE3LjA3NC0xNS40ODQtMjguMzEzLTEyLjg2MyAgICAgYy0xLjg4OCwwLjQzOC0zLjc2Ni0wLjczLTQuMjAzLTIuNjEzYy0wLjQzOC0xLjg4MiwwLjcyOS0zLjc2NSwyLjYxMi00LjIwNGMxNC4zMTItMy4zMzksMjkuMDg1LDMuNDM4LDM2LjA4MSwxNi4zODkgICAgIGM1LjE2NSw5LjU2Miw4LjkxNSwzMy4xODgtMTMuNCw0NC4wMjFDMTM4LjA4OCwxNDMuMjU0LDExOC44MTQsMTQ1LjY5NiwxMDUuMzUzLDEyNC4zNzd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik02OC43MjgsMzcuMjMzYzAtOS4wNTItNy4zNjQtMTYuNDE3LTE2LjQxNi0xNi40MTdjLTkuMDU1LDAtMTYuNDE4LDcuMzY1LTE2LjQxOCwxNi40MTdTNDMuMjU2LDUzLjY1LDUyLjMxMiw1My42NSAgICBDNjEuMzYzLDUzLjY1LDY4LjcyOCw0Ni4yODUsNjguNzI4LDM3LjIzM3ogTTQzLjAwMSwzNy4yMzNjMC01LjEzMyw0LjE3OC05LjMwOSw5LjMxMS05LjMwOWM1LjEzMywwLDkuMzA4LDQuMTc2LDkuMzA4LDkuMzA5ICAgIHMtNC4xNzUsOS4zMDktOS4zMDgsOS4zMDlDNDcuMTc5LDQ2LjU0Miw0My4wMDEsNDIuMzY1LDQzLjAwMSwzNy4yMzN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg=="); } .table-three__cell-header--orange:before{ background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTkxLjY1MSAxOTEuNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MS42NTEgMTkxLjY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEwMS44NDYsNjMuMDAxYzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdzLTcuMjUyLTE2LjE2Ny0xNi4xNjYtMTYuMTY3Yy04LjkxNywwLTE2LjE2OCw3LjI1Mi0xNi4xNjgsMTYuMTY3ICAgIFM5Mi45MzEsNjMuMDAxLDEwMS44NDYsNjMuMDAxeiBNMTAxLjg0NiwzNy42NjdjNS4wNTUsMCw5LjE2Niw0LjExMiw5LjE2Niw5LjE2N2MwLDUuMDU1LTQuMTExLDkuMTY3LTkuMTY2LDkuMTY3ICAgIGMtNS4wNTcsMC05LjE2OC00LjExMi05LjE2OC05LjE2N0M5Mi42NzgsNDEuNzc5LDk2Ljc5MiwzNy42NjcsMTAxLjg0NiwzNy42Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTEzMC4zODMsMTMzLjM2NmM2LjM5Ni0xMC40MDEsMi4xOTEtMjQuMzQ5LDEuODEyLTI1LjU1MWwtOC4zMi0yOC43ODZjLTAuNTM1LTEuODU2LTIuNDc3LTIuOTI4LTQuMzM0LTIuMzkyICAgIGMtMS44NTUsMC41MzctMi45MjcsMi40NzgtMi4zOTEsNC4zMzRsOC4zMzMsMjguODM1YzAuMDEsMC4wMzMsMC4wMjEsMC4wNzEsMC4wMywwLjEwNGMwLjAzOSwwLjExOCwzLjc1LDExLjk0MS0xLjEwOCwxOS44MTIgICAgYy0yLjM1MSwzLjgwNC02LjMwNiw2LjA4OC0xMi4wOTcsNi45ODNjLTE1Ljc1MywyLjQ0LTI2LjM3NSw4LjY1Ni0zMS41NzEsMTguNDc2Yy04LjA1MSwxNS4yMTEsMC4yNTYsMzMuMDY3LDAuNjEzLDMzLjgxOSAgICBjMC41OTksMS4yNjMsMi40NzQsMi40NDMsNC42NjMsMS42NmMxLjgyLTAuNjQ5LDIuNDg5LTIuOTE4LDEuNjYtNC42NjRjLTAuMDczLTAuMTUxLTcuMTc1LTE1LjQwMS0wLjc1LTI3LjU0MSAgICBjNC4xMDYtNy43NTgsMTMuMDA2LTEyLjc0OCwyNi40NTgtMTQuODMyQzEyMS4yMjMsMTQyLjQxMSwxMjYuOTQ0LDEzOC45NTksMTMwLjM4MywxMzMuMzY2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xMjIuMDUzLDE0OC43NjZjLTAuOTU5LTEuNjgxLTMuMDk2LTIuMjY1LTQuNzczLTEuMzA2Yy0xLjY4LDAuOTU3LTIuMjY2LDMuMDk1LTEuMzA3LDQuNzczICAgIGMwLjU1NiwwLjk3MywxMy43MDMsMjMuOTc5LDIzLjY5MSwzNy45NjZjMC42ODQsMC45NTYsMy4wNzcsMi4yNDUsNC44ODMsMC44MTJjMS41MTQtMS4yMDEsMS45MzgtMy4zMSwwLjgxMi00Ljg4MyAgICBDMTM1LjU4MSwxNzIuNDQsMTIyLjE4NiwxNDkuMDAyLDEyMi4wNTMsMTQ4Ljc2NnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNODQuNTE2LDc5LjAwMWMxLjcxNC0wLjEyLDMuMjA5LTEuMjY4LDMuNDU0LTMuMDE3YzAuMjY3LTEuOTA4LTEuMDY2LTMuNjc0LTIuOTczLTMuOTUgICAgYy0xLjA1Mi0wLjE1Mi0yNS4xNzItMi4zOC0yNC4zODctMzkuMzA0YzAuMDQxLTEuOTM0LTEuNDMyLTMuNTU5LTMuMzYzLTMuNjMzYy0xLjkwOS0wLjA2Mi0zLjU5NywxLjQzMi0zLjYzMiwzLjM2MyAgICBDNTIuODI1LDc2LjE1NCw4Mi4zMjUsNzkuMTU0LDg0LjUxNiw3OS4wMDF6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE2OC4wNzUsMGMtOC4zMDUsMC0xNS4xNzcsNi4xNzMtMTYuMzE0LDE0LjE2OEwzOS44OTMsMTcuNjg2QzM4Ljc2Miw5LjY4MSwzMS44ODUsMy40OTksMjMuNTc1LDMuNDk5ICAgIGMtOS4wOTgsMC0xNi41LDcuNDAyLTE2LjUsMTYuNWMwLDkuMDk4LDcuNDAyLDE2LjUsMTYuNSwxNi41YzcuNDYzLDAsMTMuNzc2LTQuOTgzLDE1LjgwOC0xMS43OTVsODcuODctMi43NjMgICAgYzcuODIyLDEyLjA4Nyw3LjYwOSwyMi4yNjIsMy42MjMsMzAuMTAzYy04LjMzLDE2LjM4Ni0zNi4wMzksMjAuMzM2LTM2LjMxNSwyMC4zNzRjLTAuOTkyLDAuMTM0LTMuNDg2LDEuMzYxLTIuOTIxLDQuMzQ2ICAgIGwxMy4xNjYsNTAuODMzYzAuNDEsMS41NzgsMi4wNDEsMy4wNTgsNC4yNjgsMi41MTNjMS44NzktMC40NjEsMi45OTYtMi4zOTYsMi41MTItNC4yNjdsLTEyLjIyLTQ3LjE3OSAgICBjOC43NDQtMS44MTgsMjkuNzM1LTcuNzEsMzcuNzQyLTIzLjQyOWM0Ljg1MS05LjUyMyw0LjA2Mi0yMC43OTctMi4zMTItMzMuNTMybDE3LjQ2MS0wLjU0OSAgICBDMTU0LjI3MywyNy45OTIsMTYwLjU5NiwzMywxNjguMDc2LDMzYzkuMDk5LDAsMTYuNS03LjQwMiwxNi41LTE2LjVDMTg0LjU3Niw3LjQwMiwxNzcuMTcyLDAsMTY4LjA3NSwweiBNMjMuNTc1LDI5LjUgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMzMuMDc1LDI1LjIzOCwyOC44MTIsMjkuNSwyMy41NzUsMjkuNXogTTE2OC4wNzUsMjYgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMTc3LjU3NSwyMS43MzgsMTczLjMxMywyNiwxNjguMDc1LDI2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); } .table-three__cell-header--orange:before,.table-three__cell-header--red:before{ position:absolute; z-index:1; top:0; bottom:0; left:0; content:""; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; opacity:.2; background-repeat:no-repeat; background-position:50%; background-size:150px; } .table-three__cell-header--red:before{ right:0; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0ibTQ3Ni40LDM4LjdjLTEzLjMtMTcuNi0zMy45LTI3LjctNTYuNi0yNy43aC0zMjcuNmMtMjIuNywwLTQzLjMsMTAuMS01Ni42LDI3LjctMTIuNSwxNi41LTE2LjQsMzcuMy0xMC44LDU2LjkgMjEuNCw3NS41IDExMC44LDEyOS4yIDE2NC4xLDE0Ni40bDU2LjYsNTYuNnY2MC41aC0xMzYuNGMtNS44LDAtMTAuNCw0LjctMTAuNCwxMC40djEyMWMwLDUuOCA0LjcsMTAuNCAxMC40LDEwLjRoMjkzLjhjNS44LDAgMTAuNC00LjcgMTAuNC0xMC40di0xMjFjMC01LjgtNC43LTEwLjQtMTAuNC0xMC40aC0xMzYuNXYtNjAuNWw1Ni42LTU2LjZjNTMuNC0xNy4yIDE0Mi43LTcwLjkgMTY0LjItMTQ2LjQgNS42LTE5LjYgMS43LTQwLjQtMTAuOC01Ni45em0tODMuOSw0NDEuNGgtMjczdi0xMDAuMWgyNzN2MTAwLjF6bS0zNDcuNy0zOTAuMmMtMy44LTEzLjMtMS4xLTI3LjUgNy40LTM4LjYgMTgtMjMuNiA0Ni43LTE5LjQgNDYuNy0xOS40LTIuNSw2Mi44IDE3LjMsMTIzLjkgNTUuNiwxNzIuOS00NC45LTIzLjYtOTUuMi02My44LTEwOS43LTExNC45em0yNzYuNiwxMjQuMmwtNjUuNCw2NS41LTY1LjQtNjUuNGMtNDguMi00OC4yLTczLjctMTE0LjItNzAuOC0xODIuM2gyNzIuNWMyLjksNjgtMjIuNiwxMzQtNzAuOSwxODIuMnptMTQ1LjgtMTI0LjJjLTE0LjUsNTEtNjQuNyw5MS4zLTEwOS43LDExNC44IDM4LjMtNDkgNTguMS0xMTAuMSA1NS42LTE3Mi44IDAsMCAyOS4zLTQgNDYuNywxOS40IDguNCwxMS4zIDExLjIsMjUuMyA3LjQsMzguNnoiLz4KICA8L2c+Cjwvc3ZnPgo="); } .table-three__cell-title{ margin-top:1rem; font-family:Montserrat Regular,sans-serif; font-size:36px; } .table-three__cell-subtitle,.table-three__cell-title{ color:#fff; font-weight:400; line-height:24px; } .table-three__cell-subtitle{ margin-top:.5rem; letter-spacing:3px; text-transform:uppercase; font-family:Montserrat Light,sans-serif; font-size:11px; } .table-three__cell-body{ position:relative; border-radius:20px; background:#fff; } .table-three__cell-price{ padding:40px 47px; color:#363636; border-top-left-radius:inherit; border-top-right-radius:inherit; background:#fafafa; font-family:Montserrat Regular,sans-serif; font-size:40px; font-weight:400; line-height:24px; } .table-three__cell-list,.table-three__cell-price{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .table-three__cell-list{ margin-bottom:50px; padding-top:30px; padding-bottom:60px; } .table-three__cell-list-item{ margin-top:5px; margin-bottom:11px; text-transform:capitalize; font-family:Montserrat Regular,sans-serif; font-size:14px; font-weight:300; } .table-three__cell-list-item--inactive{ color:#d1d1d1; } .table-three__cell-list-item--yes{ color:#8dc63f; } .table-three__cell-list-item--no,.table-three__cell-list-item--yes{ display:inline-block; margin-left:4px; text-transform:capitalize; } .table-three__cell-list-item--no{ color:#f04e4e; } .table-three__cell-button{ position:absolute; bottom:-1.4rem; left:50%; width:174px; height:50px; cursor:pointer; -webkit-transition:background-color .5s ease-in-out,box-shadow .5s ease-in-out; transition:background-color .5s ease-in-out,box-shadow .5s ease-in-out; -webkit-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#fff; border:none; border-radius:10px; border-radius:25px; outline:0; background:#363636; box-shadow:0 10px 30px rgba(54,54,54,0); font-family:Montserrat Light,sans-serif; font-size:14px; font-weight:700; } .table-three__cell-button--green:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#8dc63f; } .table-three__cell-button--green:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#a4d266; box-shadow:0 15px 50px rgba(54,54,54,.15); } .table-three__cell-button--cyan:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#2aa5a4; } .table-three__cell-button--cyan:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#5fd6d6; box-shadow:0 15px 50px rgba(54,54,54,.15); } .table-three__cell-button--orange:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#ce7a00; } .table-three__cell-button--orange:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#ffa21b; box-shadow:0 15px 50px rgba(54,54,54,.15); } .table-three__cell-button--red:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#ee3636; } .table-three__cell-button--red:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#f26666; box-shadow:0 15px 50px rgba(54,54,54,.15); } .table-four{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:-1rem; margin-bottom:2rem; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (min-width:704px){ .table-four{ margin-right:0; margin-left:0; } } @media (min-width:994px){ .table-four{ max-width:800px; } } @media (min-width:1200px){ .table-four{ max-width:none; -ms-flex-wrap:nowrap; flex-wrap:nowrap; } } .table-four__cell{ width:100%; max-width:250px; margin:1rem; padding:24px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-radius:20px; } @media only screen and (max-width: 600px){ .table-four__cell{ width:100%; max-width:300px; margin:1rem; padding:32px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-radius:20px; } } @media (min-width:1200px){ .table-four__cell{ margin-right:0; margin-left:0; border-radius:0; } } @media (min-width:1000px){ .table-four__cell:first-child{ border-top-left-radius:20px; border-bottom-left-radius:20px; } } @media (min-width:1000px){ .table-four__cell:last-child{ border-top-right-radius:20px; border-bottom-right-radius:20px; } } .table-four__cell:hover{ z-index:1; margin-top:0; margin-bottom:0; padding-top:3rem; padding-bottom:3rem; border-radius:20px; box-shadow:0 20px 50px 0 rgba(54,54,54,.3); } .table-four__cell:hover,.table-four__cell:hover .table-four__cell-title{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .table-four__cell:hover .table-four__cell-title{ color:#fff; } .table-four__cell:hover .table-four__cell-subtitle{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:1; } .table-four__cell:hover .table-four__cell-header--cyan:before,.table-four__cell:hover .table-four__cell-header--green:before,.table-four__cell:hover .table-four__cell-header--orange:before,.table-four__cell:hover .table-four__cell-header--red:before{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:.3; } .table-four__cell:hover .table-four__cell-body{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#fff; } .table-four__cell:hover .table-four__cell-price{ background-color:#fafafa; } .table-four__cell:hover .table-four__cell-list-item,.table-four__cell:hover .table-four__cell-price{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#363636; } .table-four__cell:hover .table-four__cell-list-item--inactive{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#d4d4d4; } .table-four__cell--green{ border-bottom:7px solid #bfc946; background-color:#232f39; } .table-four__cell--green:hover{ background:#bfc946; } .table-four__cell--cyan{ border-bottom:7px solid #36cccb; background-color:#27343f; } .table-four__cell--cyan:hover{ background:#36cccb; } .table-four__cell--orange{ border-bottom:7px solid #e78900; background-color:#232f39; } .table-four__cell--orange:hover{ background:#e78900; } .table-four__cell--red{ border-bottom:7px solid #f04e4e; background-color:#27343f; } .table-four__cell--red:hover{ background:#f04e4e; } .table-four__cell-header{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-bottom:-2.2rem; padding:1rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .table-four__cell-header--green:before{ background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTU5LjEzOCAxNTkuMTM4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTkuMTM4IDE1OS4xMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTc2LjY0NCw4OS4xOTFsLTI5LTM2LjgzM2MtMC44MzItMS4wNTctMC45ODQtMi40OTctMC4zOTQtMy43MDVjMC41MjQtMS4wNywyMS42OTItMzAuNzEsMTAzLjE2My0yNS45NiAgICAgYzEuOTMsMC4xMTIsMy40OSwxLjU4NywzLjQ3OSwzLjUyYy0wLjAxMiwxLjkzMy0xLjYzMywzLjU3Ni0zLjUyMSwzLjQ4Yy02Ni4xODItMy4zNzUtOTAuODE5LDE1LjM4NC05NS41NjYsMjAuNDQ4ICAgICBsMjcuMzM4LDM0LjcxOWMxLjE5MywxLjUyLDEuMDIxLDMuODQtMC41ODYsNC45MTZDNzkuNDQzLDkxLjE5Myw3Ny4zMzUsOTAuMDcsNzYuNjQ0LDg5LjE5MXoiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBhdGggZD0iTTU1LjgwOCwxNTguMDUzYy0wLjkwMS0wLjk4OC0yMi0yNC40MDItMTUuNTU2LTQyLjQzNGMzLjMwOS05LjI1NCwxMi45NDMtMTUuMTA0LDI4LjYzOC0xNy4zOTEgICAgIGMxNi40MDgtMi4zOTIsMjYuNDA4LTcuMjI0LDI4LjkyLTEzLjk3OWMyLjgzMS03LjYyMS00LjQ3OS0xNi4xNzEtNC41NTUtMTYuMjU3bC0xNy41NS0yMS4wNiAgICAgYy0xLjIzNy0xLjQ4NS0xLjAzNy0zLjY5MiwwLjQ0OC00LjkzYzEuNDg1LTEuMjM3LDMuNjktMS4wMzcsNC45MjgsMC40NDhsMTcuNSwyMWMwLjM1NywwLjQwNiwxMC4wNTksMTEuNjUyLDUuODA1LDIzLjE5NCAgICAgYy0zLjQ4Myw5LjQ1Ny0xNS4wODgsMTUuNjg2LTM0LjQ4OCwxOC41MWMtMTIuOTMsMS44ODMtMjAuNjg2LDYuMTk3LTIzLjA1NCwxMi44MjJjLTQuMTg1LDExLjcwNyw4Ljc4NSwyOS40OSwxNC4xMzYsMzUuMzU1ICAgICBjMS4zMDMsMS40MjgsMS4xNDksMy41ODgtMC4yMjcsNC45NDNDNTkuMDY4LDE1OS45NDMsNTYuNDk5LDE1OC44MDksNTUuODA4LDE1OC4wNTN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMzkuOTQ1LDE1My44NjFsLTQ3LTQ2Yy0xLjM4MS0xLjM1Mi0xLjQwNS0zLjU2Ny0wLjA1My00Ljk0OWMxLjM1My0xLjM4MywzLjU2Ni0xLjQwMyw0Ljk0Ny0wLjA1M2w0Nyw0NiAgICAgYzEuMzgyLDEuMzUzLDEuNjUyLDMuNTI3LDAuMzEyLDQuOTE4QzE0Mi44MTgsMTU2LjE5MywxNDAuNjI4LDE1NC41MjcsMTM5Ljk0NSwxNTMuODYxeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMTAuOTI5LDYzLjk2NGMtOC4zNDgtNy43NjEtNS4wNzgtMjEuNTIzLTQuOTM1LTIyLjEwNWMwLjQ2Mi0xLjg3NywyLjM1OS0zLjAyNSw0LjIzNS0yLjU2MiAgICAgYzEuODc0LDAuNDYxLDMuMDIxLDIuMzUzLDIuNTYzLDQuMjI3Yy0wLjAzNSwwLjE0Ni0yLjQxMywxMC4zOTksMi45MTksMTUuMzNjNC4xOTEsMy44NzcsMTIuNywzLjg4LDI0LjU5OSwwLjAxMyAgICAgYzEuODM3LTAuNTk3LDMuODEyLDAuNDA4LDQuNDExLDIuMjQ3YzAuNTk3LDEuODM4LTAuNDE5LDMuNzgzLTIuMjQ3LDQuNDFDMjEuNTY4LDcyLjY5NCwxNC4zNjEsNjcuMTUzLDEwLjkyOSw2My45NjR6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik01My4yNTYsMzIuMzM0YzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdTNjIuMTcsMCw1My4yNTYsMGMtOC45MTUsMC0xNi4xNjgsNy4yNTItMTYuMTY4LDE2LjE2NyAgICBTNDQuMzQsMzIuMzM0LDUzLjI1NiwzMi4zMzR6IE01My4yNTYsN2M1LjA1NSwwLDkuMTY2LDQuMTEyLDkuMTY2LDkuMTY3YzAsNS4wNTUtNC4xMTEsOS4xNjctOS4xNjYsOS4xNjcgICAgcy05LjE2OC00LjExMi05LjE2OC05LjE2N0M0NC4wODgsMTEuMTExLDQ4LjIwMSw3LDUzLjI1Niw3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); } .table-four__cell-header--cyan:before,.table-four__cell-header--green:before{ position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; content:""; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; opacity:.05; background-repeat:no-repeat; background-position:50%; background-size:150px; } .table-four__cell-header--cyan:before{ background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTY2LjcxNyAxNjYuNzE3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjYuNzE3IDE2Ni43MTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTMuNjAzLDEyOC42MjdjLTguMDE3LTE2LjA1Mi0yLjI2NC0zNS4yNzQsMTMuNDAzLTQ0LjAyMWM2LjU1OC0zLjY2LDE3Ljc1LTQuNzUyLDE3Ljc1MS00Ljc1MiAgICAgYzEwLjQ2Ni0xLjc4NywyOC42MDUtNy42NjgsMzIuODA0LTI3LjAzOGMwLjIzNS0xLjA5MSwwLjk3OS0yLjAwMywxLjk5OC0yLjQ1N3MyLjE5NC0wLjM5NCwzLjE2MywwLjE2MWwyOS4zNzEsMTYuODI3ICAgICBjMS42NzgsMC45NjEsMi4yNTksMy4xLDEuMjk3LDQuNzc3Yy0wLjk2MSwxLjY3OS0zLjEwMiwyLjI1Ni00Ljc3NiwxLjI5N0w3My4xMzgsNTguODI2ICAgICBDNjguMDk1LDczLjQ2NSw1NC44MDMsODMuNTMyLDM1Ljk1OSw4Ni43NWwwLDBjMC4wMDEsMC0xMC4yNzEsMS4xMzUtMTUuNjYxLDQuMDMxYy0xMi40LDYuNjcyLTE3LjAyNSwyMi4wNjItMTAuNTIxLDM0LjU0OSAgICAgYzEwLjI4NCwxOS43NCwyOC41MywxMy43MjksMzQuNTUsMTAuNTIxYzYuMDItMy4yMDgsMTAuMzUtOC41OTYsMTIuNDE0LTE1LjA5NmM0LjA3LTEyLjgxMi0zLjMwNS0yMy40MzctOC4wMjItMjcuMDE5ICAgICBjLTEuNTQtMS4xNy0xLjY4LTMuNDQ4LTAuNDM4LTQuOTMzYzEuMjQxLTEuNDgxLDMuNDQ3LTEuNjc4LDQuOTMxLTAuNDM4YzMuMiwyLjY4LDE1LjcyOCwxMy44MjYsMTAuMjI5LDM0LjQyNiAgICAgYy0yLjI0MSw4LjM5Ni04LjIzMiwxNC45OS0xNS44MTcsMTkuMjMyQzM3LjkzOCwxNDcuNDQ2LDE0LjQzOCwxNTAuMzIxLDMuNjAzLDEyOC42Mjd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMDUuMzUzLDEyNC4zNzdjLTkuNDQzLTE0Ljk1NywwLjcyNy0zMS45MzcsMS4yOS0zMi44MzRjMTYuNzA2LTI2LjU2Miw2LjYwNy0zMy44MDcsMi44MDgtMzYuNTM0ICAgICBjLTAuMjQ2LTAuMTc2LTI3LjE3MS0xNi4wNzYtMjcuMTcxLTE2LjA3NmMtMS42NjYtMC45OC0yLjIyMy0zLjEyNS0xLjI0MS00Ljc5MWMwLjk3OS0xLjY2NywzLjEyNy0yLjIyMiw0Ljc5MS0xLjI0MiAgICAgYzAsMCwyNy40NDgsMTYuMjY3LDI3LjcsMTYuNDIxYzQuNjE4LDIuODM0LDE5LjI1MiwxMy44MTEtMC45Niw0NS45NDdjLTAuMzYzLDAuNTc1LTcuMzY5LDEzLjY0Ni0wLjM4MSwyNS41NTQgICAgIGMxMC40MDgsMTcuNzQsMjcuODEyLDEzLjg3OSwzMy44OTEsMTAuNzgxYzE2LjczNC04LjUzMSwxNS40ODQtMjUuNTMxLDEwLjUyLTM0LjU1M2MtNS41NzMtMTAuMTE4LTE3LjA3NC0xNS40ODQtMjguMzEzLTEyLjg2MyAgICAgYy0xLjg4OCwwLjQzOC0zLjc2Ni0wLjczLTQuMjAzLTIuNjEzYy0wLjQzOC0xLjg4MiwwLjcyOS0zLjc2NSwyLjYxMi00LjIwNGMxNC4zMTItMy4zMzksMjkuMDg1LDMuNDM4LDM2LjA4MSwxNi4zODkgICAgIGM1LjE2NSw5LjU2Miw4LjkxNSwzMy4xODgtMTMuNCw0NC4wMjFDMTM4LjA4OCwxNDMuMjU0LDExOC44MTQsMTQ1LjY5NiwxMDUuMzUzLDEyNC4zNzd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik02OC43MjgsMzcuMjMzYzAtOS4wNTItNy4zNjQtMTYuNDE3LTE2LjQxNi0xNi40MTdjLTkuMDU1LDAtMTYuNDE4LDcuMzY1LTE2LjQxOCwxNi40MTdTNDMuMjU2LDUzLjY1LDUyLjMxMiw1My42NSAgICBDNjEuMzYzLDUzLjY1LDY4LjcyOCw0Ni4yODUsNjguNzI4LDM3LjIzM3ogTTQzLjAwMSwzNy4yMzNjMC01LjEzMyw0LjE3OC05LjMwOSw5LjMxMS05LjMwOWM1LjEzMywwLDkuMzA4LDQuMTc2LDkuMzA4LDkuMzA5ICAgIHMtNC4xNzUsOS4zMDktOS4zMDgsOS4zMDlDNDcuMTc5LDQ2LjU0Miw0My4wMDEsNDIuMzY1LDQzLjAwMSwzNy4yMzN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg=="); } .table-four__cell-header--orange:before{ background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTkxLjY1MSAxOTEuNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MS42NTEgMTkxLjY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEwMS44NDYsNjMuMDAxYzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdzLTcuMjUyLTE2LjE2Ny0xNi4xNjYtMTYuMTY3Yy04LjkxNywwLTE2LjE2OCw3LjI1Mi0xNi4xNjgsMTYuMTY3ICAgIFM5Mi45MzEsNjMuMDAxLDEwMS44NDYsNjMuMDAxeiBNMTAxLjg0NiwzNy42NjdjNS4wNTUsMCw5LjE2Niw0LjExMiw5LjE2Niw5LjE2N2MwLDUuMDU1LTQuMTExLDkuMTY3LTkuMTY2LDkuMTY3ICAgIGMtNS4wNTcsMC05LjE2OC00LjExMi05LjE2OC05LjE2N0M5Mi42NzgsNDEuNzc5LDk2Ljc5MiwzNy42NjcsMTAxLjg0NiwzNy42Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTEzMC4zODMsMTMzLjM2NmM2LjM5Ni0xMC40MDEsMi4xOTEtMjQuMzQ5LDEuODEyLTI1LjU1MWwtOC4zMi0yOC43ODZjLTAuNTM1LTEuODU2LTIuNDc3LTIuOTI4LTQuMzM0LTIuMzkyICAgIGMtMS44NTUsMC41MzctMi45MjcsMi40NzgtMi4zOTEsNC4zMzRsOC4zMzMsMjguODM1YzAuMDEsMC4wMzMsMC4wMjEsMC4wNzEsMC4wMywwLjEwNGMwLjAzOSwwLjExOCwzLjc1LDExLjk0MS0xLjEwOCwxOS44MTIgICAgYy0yLjM1MSwzLjgwNC02LjMwNiw2LjA4OC0xMi4wOTcsNi45ODNjLTE1Ljc1MywyLjQ0LTI2LjM3NSw4LjY1Ni0zMS41NzEsMTguNDc2Yy04LjA1MSwxNS4yMTEsMC4yNTYsMzMuMDY3LDAuNjEzLDMzLjgxOSAgICBjMC41OTksMS4yNjMsMi40NzQsMi40NDMsNC42NjMsMS42NmMxLjgyLTAuNjQ5LDIuNDg5LTIuOTE4LDEuNjYtNC42NjRjLTAuMDczLTAuMTUxLTcuMTc1LTE1LjQwMS0wLjc1LTI3LjU0MSAgICBjNC4xMDYtNy43NTgsMTMuMDA2LTEyLjc0OCwyNi40NTgtMTQuODMyQzEyMS4yMjMsMTQyLjQxMSwxMjYuOTQ0LDEzOC45NTksMTMwLjM4MywxMzMuMzY2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xMjIuMDUzLDE0OC43NjZjLTAuOTU5LTEuNjgxLTMuMDk2LTIuMjY1LTQuNzczLTEuMzA2Yy0xLjY4LDAuOTU3LTIuMjY2LDMuMDk1LTEuMzA3LDQuNzczICAgIGMwLjU1NiwwLjk3MywxMy43MDMsMjMuOTc5LDIzLjY5MSwzNy45NjZjMC42ODQsMC45NTYsMy4wNzcsMi4yNDUsNC44ODMsMC44MTJjMS41MTQtMS4yMDEsMS45MzgtMy4zMSwwLjgxMi00Ljg4MyAgICBDMTM1LjU4MSwxNzIuNDQsMTIyLjE4NiwxNDkuMDAyLDEyMi4wNTMsMTQ4Ljc2NnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNODQuNTE2LDc5LjAwMWMxLjcxNC0wLjEyLDMuMjA5LTEuMjY4LDMuNDU0LTMuMDE3YzAuMjY3LTEuOTA4LTEuMDY2LTMuNjc0LTIuOTczLTMuOTUgICAgYy0xLjA1Mi0wLjE1Mi0yNS4xNzItMi4zOC0yNC4zODctMzkuMzA0YzAuMDQxLTEuOTM0LTEuNDMyLTMuNTU5LTMuMzYzLTMuNjMzYy0xLjkwOS0wLjA2Mi0zLjU5NywxLjQzMi0zLjYzMiwzLjM2MyAgICBDNTIuODI1LDc2LjE1NCw4Mi4zMjUsNzkuMTU0LDg0LjUxNiw3OS4wMDF6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE2OC4wNzUsMGMtOC4zMDUsMC0xNS4xNzcsNi4xNzMtMTYuMzE0LDE0LjE2OEwzOS44OTMsMTcuNjg2QzM4Ljc2Miw5LjY4MSwzMS44ODUsMy40OTksMjMuNTc1LDMuNDk5ICAgIGMtOS4wOTgsMC0xNi41LDcuNDAyLTE2LjUsMTYuNWMwLDkuMDk4LDcuNDAyLDE2LjUsMTYuNSwxNi41YzcuNDYzLDAsMTMuNzc2LTQuOTgzLDE1LjgwOC0xMS43OTVsODcuODctMi43NjMgICAgYzcuODIyLDEyLjA4Nyw3LjYwOSwyMi4yNjIsMy42MjMsMzAuMTAzYy04LjMzLDE2LjM4Ni0zNi4wMzksMjAuMzM2LTM2LjMxNSwyMC4zNzRjLTAuOTkyLDAuMTM0LTMuNDg2LDEuMzYxLTIuOTIxLDQuMzQ2ICAgIGwxMy4xNjYsNTAuODMzYzAuNDEsMS41NzgsMi4wNDEsMy4wNTgsNC4yNjgsMi41MTNjMS44NzktMC40NjEsMi45OTYtMi4zOTYsMi41MTItNC4yNjdsLTEyLjIyLTQ3LjE3OSAgICBjOC43NDQtMS44MTgsMjkuNzM1LTcuNzEsMzcuNzQyLTIzLjQyOWM0Ljg1MS05LjUyMyw0LjA2Mi0yMC43OTctMi4zMTItMzMuNTMybDE3LjQ2MS0wLjU0OSAgICBDMTU0LjI3MywyNy45OTIsMTYwLjU5NiwzMywxNjguMDc2LDMzYzkuMDk5LDAsMTYuNS03LjQwMiwxNi41LTE2LjVDMTg0LjU3Niw3LjQwMiwxNzcuMTcyLDAsMTY4LjA3NSwweiBNMjMuNTc1LDI5LjUgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMzMuMDc1LDI1LjIzOCwyOC44MTIsMjkuNSwyMy41NzUsMjkuNXogTTE2OC4wNzUsMjYgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMTc3LjU3NSwyMS43MzgsMTczLjMxMywyNiwxNjguMDc1LDI2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); } .table-four__cell-header--orange:before,.table-four__cell-header--red:before{ position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; content:""; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; opacity:.05; background-repeat:no-repeat; background-position:50%; background-size:150px; } .table-four__cell-header--red:before{ background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0ibTQ3Ni40LDM4LjdjLTEzLjMtMTcuNi0zMy45LTI3LjctNTYuNi0yNy43aC0zMjcuNmMtMjIuNywwLTQzLjMsMTAuMS01Ni42LDI3LjctMTIuNSwxNi41LTE2LjQsMzcuMy0xMC44LDU2LjkgMjEuNCw3NS41IDExMC44LDEyOS4yIDE2NC4xLDE0Ni40bDU2LjYsNTYuNnY2MC41aC0xMzYuNGMtNS44LDAtMTAuNCw0LjctMTAuNCwxMC40djEyMWMwLDUuOCA0LjcsMTAuNCAxMC40LDEwLjRoMjkzLjhjNS44LDAgMTAuNC00LjcgMTAuNC0xMC40di0xMjFjMC01LjgtNC43LTEwLjQtMTAuNC0xMC40aC0xMzYuNXYtNjAuNWw1Ni42LTU2LjZjNTMuNC0xNy4yIDE0Mi43LTcwLjkgMTY0LjItMTQ2LjQgNS42LTE5LjYgMS43LTQwLjQtMTAuOC01Ni45em0tODMuOSw0NDEuNGgtMjczdi0xMDAuMWgyNzN2MTAwLjF6bS0zNDcuNy0zOTAuMmMtMy44LTEzLjMtMS4xLTI3LjUgNy40LTM4LjYgMTgtMjMuNiA0Ni43LTE5LjQgNDYuNy0xOS40LTIuNSw2Mi44IDE3LjMsMTIzLjkgNTUuNiwxNzIuOS00NC45LTIzLjYtOTUuMi02My44LTEwOS43LTExNC45em0yNzYuNiwxMjQuMmwtNjUuNCw2NS41LTY1LjQtNjUuNGMtNDguMi00OC4yLTczLjctMTE0LjItNzAuOC0xODIuM2gyNzIuNWMyLjksNjgtMjIuNiwxMzQtNzAuOSwxODIuMnptMTQ1LjgtMTI0LjJjLTE0LjUsNTEtNjQuNyw5MS4zLTEwOS43LDExNC44IDM4LjMtNDkgNTguMS0xMTAuMSA1NS42LTE3Mi44IDAsMCAyOS4zLTQgNDYuNywxOS40IDguNCwxMS4zIDExLjIsMjUuMyA3LjQsMzguNnoiLz4KICA8L2c+Cjwvc3ZnPgo="); } .table-four__cell-title{ margin-top:1rem; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; color:#fff; font-family:Montserrat Regular,sans-serif; font-size:36px; font-weight:400; line-height:24px; } .table-four__cell-title--green{ color:#bfc946; } .table-four__cell-title--cyan{ color:#36cccb; } .table-four__cell-title--orange{ color:#e78900; } .table-four__cell-title--red{ color:#f04e4e; } .table-four__cell-subtitle{ margin-top:.5rem; letter-spacing:3px; text-transform:uppercase; color:#fff; font-family:Montserrat Light,sans-serif; font-size:12px; font-weight:500; line-height:24px; } .table-four__cell-body,.table-four__cell-subtitle{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .table-four__cell-body{ position:relative; border-radius:20px; background:#2b3740; } .table-four__cell-price{ padding:30px 47px; color:#fff; border-top-left-radius:inherit; border-top-right-radius:inherit; background:#2f3c46; font-family:Montserrat Regular,sans-serif; font-size:36px; font-weight:400; line-height:24px; } .table-four__cell-list,.table-four__cell-price{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .table-four__cell-list{ margin-bottom:30px; padding-top:20px; padding-bottom:10px; } .table-four__cell-list-item{ margin-top:5px; margin-bottom:11px; text-transform:capitalize; color:#fff; font-family:Montserrat Regular,sans-serif; font-size:14px; font-weight:300; } .table-four__cell-list-item,.table-four__cell-list-item--inactive{ -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .table-four__cell-list-item--inactive{ color:#475662; } .table-four__cell-list-item--yes{ color:#8dc63f; } .table-four__cell-list-item--no,.table-four__cell-list-item--yes{ display:inline-block; margin-left:4px; text-transform:capitalize; } .table-four__cell-list-item--no{ color:#f04e4e; } .table-four__cell-button{ position:absolute; bottom:-1.4rem; left:50%; width:174px; height:50px; cursor:pointer; -webkit-transition:background-color .5s ease-in-out,box-shadow .5s ease-in-out; transition:background-color .5s ease-in-out,box-shadow .5s ease-in-out; -webkit-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#fff; border:0; border-radius:25px; outline:0; background:#363636; box-shadow:0 10px 30px rgba(54,54,54,0); font-family:Montserrat Light,sans-serif; font-size:14px; font-weight:700; } .table-four__cell-button--green{ background-color:#a4d266; } .table-four__cell-button--green:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#8dc63f; } .table-four__cell-button--green:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#a4d266; box-shadow:0 15px 50px rgba(54,54,54,.15); } .table-four__cell-button--cyan{ background-color:#5fd6d6; } .table-four__cell-button--cyan:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#2aa5a4; } .table-four__cell-button--cyan:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#5fd6d6; box-shadow:0 15px 50px rgba(54,54,54,.15); } .table-four__cell-button--orange{ background-color:#ffa21b; } .table-four__cell-button--orange:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#ce7a00; } .table-four__cell-button--orange:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#ffa21b; box-shadow:0 15px 50px rgba(54,54,54,.15); } .table-four__cell-button--red{ background-color:#f26666; } .table-four__cell-button--red:hover{ -webkit-transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out; background-color:#ee3636; } .table-four__cell-button--red:hover:active{ -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background-color:#f26666; box-shadow:0 15px 50px rgba(54,54,54,.15); }