It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://475849.8b.io

  1. <!DOCTYPE html>
  2. <html amp>
  3. <head>
  4.  <!-- Site made with 8b Website Builder v0.0.0.0, https://8b.com -->
  5.  <meta charset="UTF-8">
  6.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.  <meta name="generator" content="8b v0.0.0.0, 8b.com">
  8.  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  9.  <link rel="shortcut icon" href="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/logo1.png" type="image/x-icon">
  10.  <meta name="description" content="">
  11.  <title>sl-game</title>
  12.  
  13. <link rel="canonical" href="https://475849.8b.io/">
  14. <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
  15. <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  16. <link href="https://fonts.googleapis.com/css?family=Neucha:400" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Forum:400" rel="stylesheet">
  18. <style amp-custom>
  19. div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,ol,ul,li,figcaption,textarea,input{font: inherit;}*{box-sizing: border-box;outline: none;}*:focus{outline: none;}body{position: relative;font-style: normal;line-height: 1.5;color: #000000;}section{background-color: #ffffff;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;overflow: hidden;padding: 30px 0;}section,.container,.container-fluid{position: relative;word-wrap: break-word;}h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}p,li,blockquote{letter-spacing: 0.5px;line-height: 1.7;}ul,ol,blockquote,p{margin-bottom: 0;margin-top: 0;}a{cursor: pointer;}a,a:hover{text-decoration: none;}a.mbr-iconfont:hover{text-decoration: none;}h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-4,.display-5,.display-7{word-break: break-word;word-wrap: break-word;}b,strong{font-weight: bold;}blockquote{padding: 10px 0 10px 20px;position: relative;border-left: 3px solid;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition-delay: 9999s;transition-property: background-color,color;}html,body{height: auto;min-height: 100vh;}.mbr-section-title{margin: 0;padding: 0;font-style: normal;line-height: 1.2;width: 100%;}.mbr-section-subtitle{line-height: 1.3;width: 100%;}.mbr-text{font-style: normal;line-height: 1.6;width: 100%;}.mbr-figure{align-self: center;}.btn{text-align: center;position: relative;margin: .4rem .8rem;font-weight: 700;border-width: 2px;border-style: solid;font-style: normal;white-space: normal;transition: all .2s ease-in-out,box-shadow 2s ease-in-out;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;line-height: 1.5;letter-spacing: 1px;}.btn-form{padding: 1rem 2rem;}.btn-form:hover{cursor: pointer;}.note-popover .btn:after{display: none;}.card-title{margin: 0;}.card-img{border-radius: 0;width: auto;flex-shrink: 0;}.card-img img{width: 100%;}.card{position: relative;background-color: transparent;border: none;border-radius: 0;width: 100%;padding-left: 1rem;padding-right: 1rem;}@media (max-width: 767px){.card:not(.last-child){padding-bottom: 2rem;}} .card .card-wrapper{height: 100%;}@media (max-width: 767px){.card .card-wrapper{flex-direction: column;}} .card img{height: 100%;object-fit: cover;object-position: center;}@media (min-width: 992px){.lg-pb{padding-bottom: 3rem;}}@media (max-width: 991px){.md-pb{padding-bottom: 2rem;}}.card-inner,.items-list{display: flex;flex-direction: column;}.items-list{list-style-type: none;padding: 0;}.items-list .list-item{padding: 1rem 2rem;}.card-head{padding: 1.5rem 2rem;}.card-price-wrap{padding: 1rem 2rem;display: flex;flex-direction: column;}.card-button{padding: 1rem;margin: 0;}.gallery-img-wrap{position: relative;height: 100%;}.gallery-img-wrap:hover{cursor: pointer;}.gallery-img-wrap:hover .icon-wrap,.gallery-img-wrap:hover .caption-on-hover{opacity: 1;}.gallery-img-wrap:hover:after{opacity: .5;}.gallery-img-wrap amp-img{height: 100%;}.gallery-img-wrap:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000;opacity: 0;transition: opacity .3s;pointer-events: none;}.gallery-img-wrap .icon-wrap,.gallery-img-wrap .img-caption{position: absolute;z-index: 3;pointer-events: none;}.gallery-img-wrap .icon-wrap,.gallery-img-wrap .caption-on-hover{opacity: 0;transition: opacity .3s;}.gallery-img-wrap .icon-wrap{left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;padding: .5rem;border-radius: 50%;}.gallery-img-wrap .img-caption{left: 0;right: 0;}.gallery-img-wrap .img-caption.caption-top{top: 0;}.gallery-img-wrap .img-caption.caption-bottom{bottom: 0;}.gallery-img-wrap .img-caption:after{content: "";position: absolute;top: 0;left: 0;right: 0;height: 100%;transition: opacity .3s;z-index: -1;pointer-events: none;}@media (max-width: 767px){.gallery-img-wrap:after,.gallery-img-wrap:hover:after,.gallery-img-wrap .icon-wrap{display: none;}.gallery-img-wrap .caption-on-hover{opacity: 1;}}.is-builder .gallery-img-wrap .icon-wrap{pointer-events: all;}.is-builder .gallery-img-wrap .img-caption > *{pointer-events: all;}.icons-list a{margin-right: 1rem;}.icons-list a:last-child{margin-right: 0;}.counter-container{position: relative;}.counter-container ol li{margin-bottom: 2rem;}.counter-container.stylizedCounters ol{counter-reset: section;}.counter-container.stylizedCounters ol li{z-index: 3;list-style: none;}.counter-container.stylizedCounters ol li:before{z-index: 2;position: absolute;left: 0px;counter-increment: section;content: counters(section,".") " ";text-align: center;margin: 0 10px;line-height: 37px;width: 40px;height: 40px;transition: all .2s;color: #232323;font-size: 25px;border-radius: 50%;font-weight: bold;}.timeline-wrap{position: relative;}.timeline-wrap .iconBackground{position: absolute;left: 50%;width: 20px;height: 20px;line-height: 30px;text-align: center;border-radius: 50%;font-size: 30px;display: inline-block;background-color: #232323;top: 20px;margin-left: -10px;}@media (max-width: 768px){.timeline-wrap .iconBackground{left: 0;}}.separline{position: relative;}@media (max-width: 768px){.separline:not(.last-child){padding-bottom: 2rem;}} .separline:before{position: absolute;content: "";width: 2px;background-color: #232323;left: calc(50% - 1px);height: calc(100% - 20px);top: 40px;}@media (max-width: 768px){.separline:before{left: 0;}}amp-image-lightbox a.control{position: absolute;width: 32px;height: 32px;right: 48px;top: 32px;z-index: 1000;}amp-image-lightbox a.control .close{position: relative;}amp-image-lightbox a.control .close:before,amp-image-lightbox a.control .close:after{position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #fff;}amp-image-lightbox a.control .close:before{transform: rotate(45deg);}amp-image-lightbox a.control .close:after{transform: rotate(-45deg);}.iconbox.iconfont-wrapper{cursor: pointer;}.iconbox.iconfont-wrapper svg{pointer-events: none;}.lightbox{background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: absolute;display: flex;flex-direction: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}.lightbox .video-block{width: 100%;}.hidden{visibility: hidden;}.super-hide{display: none;}.inactive{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;-webkit-user-drag: none;user-drag: none;}.popover-content ul.show{min-height: 155px;}.mbr-white{color: #ffffff;}.mbr-black{color: #000000;}.align-left{text-align: left;}.align-left .list-item{justify-content: flex-start;}.align-center{text-align: center;}.align-center .list-item{justify-content: center;}.align-right{text-align: right;}.align-right .list-item{justify-content: flex-end;}@media (max-width: 767px){.align-left,.align-center,.align-right{text-align: center;}.align-left .list-item,.align-center .list-item,.align-right .list-item{justify-content: center;}}.mbr-light{font-weight: 300;}.mbr-regular{font-weight: 400;}.mbr-semibold{font-weight: 500;}.mbr-bold{font-weight: 700;}.mbr-section-btn{margin-left: -.8rem;margin-right: -.8rem;font-size: 0;}nav .mbr-section-btn{margin-left: 0rem;margin-right: 0rem;}.btn .mbr-iconfont,.btn.btn-sm .mbr-iconfont{cursor: pointer;margin-right: 0.5rem;}.btn.btn-md .mbr-iconfont,.btn.btn-md .mbr-iconfont{margin-right: 0.8rem;}[type="submit"]{-webkit-appearance: none;}.mbr-fullscreen .mbr-overlay{min-height: 100vh;}.mbr-fullscreen{display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;align-items: center;-webkit-align-items: center;min-height: 100vh;padding-top: 3rem;padding-bottom: 3rem;}.mbr-overlay{bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 0;}.mbr-parallax-bg{bottom: 0;left: 0;opacity: .5;position: absolute;right: 0;top: 0;z-index: 0;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}section.menu{min-height: 70px;}.menu-container{display: flex;justify-content: space-between;align-items: center;min-height: 70px;}@media (max-width: 991px){.menu-container{max-width: 100%;padding: 0 2rem;}} @media (max-width: 767px){.menu-container{padding: 0 1rem;}}.navbar{z-index: 100;width: 100%;}.navbar-fixed-top{position: fixed;top: 0;}.navbar-brand{display: flex;align-items: center;word-break: break-word;z-index: 1;}.navbar-logo{margin-right: .8rem;}@media (max-width: 767px){.navbar-logo amp-img{max-height: 55px;max-width: 55px;}}.navbar-caption-wrap{display: flex;}.navbar .navbar-collapse{display: flex;flex-basis: auto;align-items: center;justify-content: flex-end;}@media (max-width: 991px){.navbar .navbar-collapse{display: none;position: absolute;top: 0;right: 0;min-height: 100vh;padding: 70px 2rem 1rem;z-index: 1;}}@media (max-width: 991px){.navbar.opened .navbar-collapse.show,.navbar.opened .navbar-collapse.collapsing{display: block;}.is-builder .navbar-collapse{position: fixed;}}.navbar-nav{list-style-type: none;display: flex;flex-wrap: wrap;padding-left: 0;min-width: 10rem;}@media (max-width: 991px){.navbar-nav{flex-direction: column;}} .navbar-nav .mbr-iconfont{margin-right: .2rem;}.nav-item{word-break: break-all;}.nav-link{display: flex;align-items: center;justify-content: center;}.nav-link,.navbar-caption{transition: all 0.2s;letter-spacing: 1px;}.nav-dropdown .dropdown-menu{min-width: 10rem;padding-bottom: 1.25rem;padding-top: 1.25rem;position: absolute;left: 0;}.nav-dropdown .dropdown-menu .dropdown-item{line-height: 2;display: flex;justify-content: center;align-items: center;padding: .25rem 1.5rem;white-space: nowrap;}.nav-dropdown .dropdown-menu .dropdown{position: relative;}.dropdown-menu .dropdown:hover > .dropdown-menu{opacity: 1;pointer-events: all;}.nav-dropdown .dropdown-submenu{top: 0;left: 100%;margin: 0;}.nav-item.dropdown{position: relative;}.nav-item.dropdown .dropdown-menu{opacity: 0;pointer-events: none;}.nav-item.dropdown:hover > .dropdown-menu{opacity: 1;pointer-events: all;}.link.dropdown-toggle:after{content: '';margin-left: .25rem;border-top: 0.35em solid;border-right: 0.35em solid transparent;border-left: 0.35em solid transparent;border-bottom: 0;}.navbar .dropdown.open > .dropdown-menu{display: block;}@media (max-width: 991px){.is-builder .nav-dropdown .dropdown-menu{position: relative;}.nav-dropdown .dropdown-submenu{left: 0;}.dropdown-item{padding: .25rem 1.5rem;margin: 0;justify-content: center;}.dropdown-item:after{right: auto;}.navbar.opened .dropdown-menu{top: 0;}.dropdown-toggle[data-toggle="dropdown-submenu"]:after{content: '';margin-left: .25rem;border-top: .35em solid;border-right: .35em solid transparent;border-left: .35em solid transparent;border-bottom: 0;top: 55%;}}.navbar-buttons{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}@media (max-width: 991px){.navbar-buttons{flex-direction: column;}}.menu-social-list{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}.menu-social-list a{margin: 0 .5rem;}button.navbar-toggler{position: absolute;right: 20px;top: 25px;width: 31px;height: 20px;cursor: pointer;transition: all .2s;align-self: center;}.hamburger span{position: absolute;right: 0;width: 30px;height: 2px;border-right: 5px;}.hamburger span:nth-child(1){top: 0;transition: all .2s;}.hamburger span:nth-child(2){top: 8px;transition: all .15s;}.hamburger span:nth-child(3){top: 8px;transition: all .15s;}.hamburger span:nth-child(4){top: 16px;transition: all .2s;}nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(1){top: 8px;width: 0;opacity: 0;right: 50%;transition: all .2s;}nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(2){-webkit-transform: rotate(45deg);transform: rotate(45deg);transition: all .25s;}nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(3){-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all .25s;}nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(4){top: 8px;width: 0;opacity: 0;right: 50%;transition: all .2s;}.ampstart-btn.hamburger{position: absolute;top: 25px;right: 15px;margin-left: auto;width: 30px;height: 20px;background: none;border: none;cursor: pointer;z-index: 1000;}@media (min-width: 992px){.ampstart-btn,amp-sidebar{display: none;}.dropdown-menu .dropdown-toggle:after{content: '';border-bottom: 0.35em solid transparent;border-left: 0.35em solid;border-right: 0;border-top: 0.35em solid transparent;margin-left: 0.3rem;margin-top: -0.3077em;position: absolute;right: 1.1538em;top: 50%;}}.close-sidebar{width: 30px;height: 30px;position: relative;cursor: pointer;background-color: transparent;border: none;}.close-sidebar span{position: absolute;left: 0;width: 30px;height: 2px;border-right: 5px;}.close-sidebar span:nth-child(1){transform: rotate(45deg);}.close-sidebar span:nth-child(2){transform: rotate(-45deg);}.builder-sidebar{position: relative;min-height: 100vh;z-index: 1030;padding: 1rem 2rem;max-width: 20rem;}.builder-sidebar .dropdown:hover > .dropdown-menu{position: relative;text-align: center;}section.sidebar-open:before{content: '';position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0,0,0,0.2);z-index: 1040;}.map-placeholder{display: none;}.map-placeholder h4{padding-top: 5rem;color: #767676;text-align: center;}.google-map{position: relative;width: 100%;}@media (max-width: 992px){.google-map{padding: 0;margin: 0;}} .google-map [data-state-details]{color: #6b6763;font-family: Montserrat;height: 1.5em;margin-top: -0.75em;padding-left: 1.25rem;padding-right: 1.25rem;position: absolute;text-align: center;top: 50%;width: 100%;}.google-map[data-state]{background: #e9e5dc;}.google-map[data-state="loading"] [data-state-details]{display: none;}div[submit-success]{padding: 1rem;margin-bottom: 1rem;}div[submit-error]{padding: 1rem;margin-bottom: 1rem;}textarea[type="hidden"]{display: none;}amp-img{width: 100%;}amp-img img{max-height: 100%;max-width: 100%;}img.mbr-temp{width: 100%;}.rounded{border-radius: 50%;}.is-builder .nodisplay + img[async],.is-builder .nodisplay + img[decoding="async"],.is-builder amp-img > a + img[async],.is-builder amp-img > a + img[decoding="async"]{display: none;}html:not(.is-builder) amp-img > a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}.is-builder .temp-amp-sizer{position: absolute;}.is-builder amp-youtube .temp-amp-sizer,.is-builder amp-vimeo .temp-amp-sizer{position: static;}.is-builder section.horizontal-menu .ampstart-btn{display: none;}.is-builder section.horizontal-menu .dropdown-menu{z-index: auto;opacity: 1;pointer-events: auto;}.is-builder section.horizontal-menu .nav-dropdown .link.dropdown-toggle[aria-expanded="true"]{margin-right: 0;padding: 0.667em 1em;}div.placeholder{z-index: 4;background: rgba(255,255,255,0.5);}div.placeholder svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 20%;height: auto;}div.placeholder svg circle.big{animation: big-anim 3s linear infinite;}div.placeholder svg circle.small{animation: small-anim 1.5s linear infinite;}@keyframes big-anim{from{stroke-dashoffset: 900;}to{stroke-dashoffset: 0;}}@keyframes small-anim{from{stroke-dashoffset: 850;}to{stroke-dashoffset: 0;}}.placeholder-loader .amp-active > div{display: none;}.container{padding-right: 1rem;padding-left: 1rem;width: 100%;margin-right: auto;margin-left: auto;}@media (max-width: 767px){.container{max-width: 540px;}} @media (min-width: 768px){.container{max-width: 720px;}} @media (min-width: 992px){.container{max-width: 960px;}} @media (min-width: 1200px){.container{max-width: 1140px;}}.container-fluid{width: 100%;margin-right: auto;margin-left: auto;padding-left: 1rem;padding-right: 1rem;}.media-container-row{display: flex;flex-wrap: wrap;}@media (min-width: 992px){.media-container-row{flex-wrap: nowrap;}}.mbr-flex{display: flex;}.flex-wrap{flex-wrap: wrap;}.mbr-jc-s{justify-content: flex-start;}.mbr-jc-c{justify-content: center;}.mbr-jc-e{justify-content: flex-end;}.mbr-row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -1rem;margin-left: -1rem;}.mbr-row-reverse{flex-direction: row-reverse;}.mbr-column{flex-direction: column;}@media (max-width: 767px){.mbr-col-sm-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 1rem;padding-left: 1rem;}}@media (min-width: 768px){.mbr-col-md-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-md-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-md-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-md-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-md-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-md-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 1rem;padding-right: 1rem;}.mbr-col-md-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;padding-left: 1rem;padding-right: 1rem;}.mbr-col-md-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 1rem;padding-left: 1rem;}}@media (min-width: 992px){.mbr-col-lg-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-lg-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-lg-4{-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-lg-5{-ms-flex: 0 0 41.666%;flex: 0 0 41.666%;max-width: 41.666%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-lg-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-lg-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-lg-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 1rem;padding-right: 1rem;}.mbr-col-lg-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;padding-left: 1rem;padding-right: 1rem;}.mbr-col-lg-10{-ms-flex: 0 0 83.3333%;flex: 0 0 83.3333%;max-width: 83.3333%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-lg-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 1rem;padding-left: 1rem;}}@media (min-width: 1200px){.mbr-col-xl-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-xl-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;padding-right: 1rem;padding-left: 1rem;}.mbr-col-xl-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 1rem;padding-right: 1rem;}.mbr-col-xl-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}}.mbr-pt-1{padding-top: .5rem;}.mbr-pt-2{padding-top: 1rem;}.mbr-pt-3{padding-top: 1.5rem;}.mbr-pt-4{padding-top: 2rem;}.mbr-pt-5{padding-top: 3rem;}.mbr-pb-1{padding-bottom: .5rem;}.mbr-pb-2{padding-bottom: 1rem;}.mbr-pb-3{padding-bottom: 1.5rem;}.mbr-pb-4{padding-bottom: 2rem;}.mbr-pb-5{padding-bottom: 3rem;}.mbr-px-1{padding-left: .5rem;padding-right: .5rem;}.mbr-px-2{padding-left: 1rem;padding-right: 1rem;}.mbr-px-3{padding-left: 1.5rem;padding-right: 1.5rem;}.mbr-px-4{padding-left: 2rem;padding-right: 2rem;}@media (max-width: 991px){.mbr-px-4{padding-left: 1rem;padding-right: 1rem;}}.mbr-px-5{padding-left: 3rem;padding-right: 3rem;}@media (max-width: 991px){.mbr-px-5{padding-left: 1rem;padding-right: 1rem;}}.mbr-m-sub-1{margin-left: -1rem;margin-right: -1rem;}@media (max-width: 768px){.mbr-m-sub-1{margin-left: 0;margin-right: 0;}}.mbr-py-1{padding-top: .5rem;padding-bottom: .5rem;}.mbr-py-2{padding-top: 1rem;padding-bottom: 1rem;}@media (max-width: 767px){.mbr-py-2{padding-top: 0rem;padding-bottom: 0rem;}}.mbr-py-3{padding-top: 1.5rem;padding-bottom: 1.5rem;}@media (max-width: 991px){.mbr-py-3{padding-top: 1rem;padding-bottom: 1rem;}}.mbr-py-4{padding-top: 2rem;padding-bottom: 2rem;}@media (max-width: 991px){.mbr-py-4{padding-top: 1rem;padding-bottom: 1rem;}}.mbr-py-5{padding-top: 3rem;padding-bottom: 3rem;}@media (max-width: 991px){.mbr-py-5{padding-top: 1rem;padding-bottom: 1rem;}}.mbr-p-1{padding: .5rem;}.mbr-p-2{padding: 1rem;}.mbr-p-3{padding: 1.5rem;}@media (max-width: 991px){.mbr-p-3{padding: 1rem;}}.mbr-p-4{padding: 2rem;}@media (max-width: 991px){.mbr-p-4{padding: 1rem;}}.mbr-p-5{padding: 3rem;}@media (max-width: 991px){.mbr-p-5{padding: 1rem;}}.mbr-ml-auto{margin-left: auto;}.mbr-mr-auto{margin-right: auto;}.mbr-m-auto{margin: auto;}.form-block{z-index: 1;background-color: transparent;padding: 3rem;position: relative;overflow: visible;}.form-block .mbr-overlay{z-index: -1;}@media (max-width: 992px){.form-block{padding: 1rem;}} .form-block input,.form-block textarea{border-radius: 0;background-color: #ffffff;margin: 0;transition: 0.4s;width: 100%;border: 1px solid #e0e0e0;padding: 11px 1rem;}form .fieldset{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}.field{flex-basis: auto;flex-grow: 1;flex-shrink: 1;padding: 0.5rem;}@media (max-width: 768px){.field{flex-basis: 100%;}}textarea{width: 100%;margin-right: 0;}.text-field{flex-basis: 100%;flex-grow: 1rem;flex-shrink: 1;padding: 0.5rem;}amp-img,img{height: 100%;width: 100%;}amp-sidebar{background: transparent;}.is-builder .menu{overflow: visible;}.is-builder .preview button{opacity: 0.5;position: relative;pointer-events: none;}.is-builder .preview button:before{display: block;position: absolute;content: '';background-color: #efefef;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}.hidden-slide{display: none;}.visible-slide{display: flex;}.dots-wrapper .dots{margin: 4px 8px;}.dots-wrapper .dots span{cursor: pointer;border-radius: 12px;display: block;height: 24px;width: 24px;transition: 0.4s;border: 10px solid #cccccc;}.dots-wrapper .dots span:hover{opacity: 1;}.dots-wrapper .dots span.current{outline: none;width: 40px;opacity: 1;}.amp-carousel-button{outline: none;border-radius: 50%;border: 10px transparent solid;transform: scale(1.5) translateY(-50%);height: 45px;width: 45px;transition: 0.4s;cursor: pointer;}.amp-carousel-button:hover{opacity: 1;}.amp-carousel-button-next{background-position: 75% 50%;}.amp-carousel-button-prev{background-position: 25% 50%;}button.btn-img{cursor: pointer;}.iconfont-wrapper{display: inline-block;width: 1.5rem;height: 1.5rem;}.amp-iconfont{vertical-align: middle;width: 1.5rem;height: 100%;font-size: 1.5rem;}#freeversion-wrapper{position: relative;z-index: 1000;}@media (max-width: 767px){#freeversion-wrapper{position: sticky;bottom: 0;}}#freeversion{text-align: center;display: flex;background-color: #fff;border-top: 2px solid #efefef;border-left: 1px solid #efefef;bottom: 0;right: 0;justify-content: center;padding: 1rem;}@media (min-width: 768px){#freeversion{position: fixed;}} #freeversion > *{display: flex;align-self: center;}@media (max-width: 767px){#freeversion{width: 100%;}} #freeversion .freeversion{color: #000;}@media (min-width: 768px){#freeversion .freeversion{max-width: 160px;}} #freeversion .btn-wrap .btn{padding: 5px;white-space: nowrap;}@media (max-width: 992px){#freeversion .btn-wrap .btn{margin: 0;white-space: normal;}} @media (max-width: 992px){#freeversion > *,#freeversion .btn-wrap .btn{padding: 5px;}}
  20. body{font-family: Didact Gothic;}blockquote{border-color: #faab9f;}div[submit-success]{background: #365c9a;}div[submit-error]{background: #b2ccd2;}.display-1{font-family: 'Neucha',handwriting;font-size: 5rem;line-height: 1.2;}.display-2{font-family: 'Forum',display;font-size: 2.875rem;line-height: 1.2;}.display-4{font-family: 'Forum',display;font-size: 1rem;line-height: 1.4;}.display-5{font-family: 'Neucha',handwriting;font-size: 1.6rem;line-height: 1.2;}.display-7{font-family: 'Forum',display;font-size: 1.4rem;line-height: 1.6;}.form-block input,.form-block textarea{font-family: 'Forum',display;font-size: 1.4rem;line-height: 1.6;}@media (max-width: 768px){.display-1{font-size: 4rem;font-size: calc( 2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20))));}.display-2{font-size: 2.3rem;font-size: calc( 1.65625rem + (2.875 - 1.65625) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.65625rem + (2.875 - 1.65625) * ((100vw - 20rem) / (48 - 20))));}.display-4{font-size: 0.8rem;font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));}.display-5{font-size: 1.28rem;font-size: calc( 1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20))));}.display-7{font-size: 1.12rem;font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));}}.display-1 .mbr-iconfont-btn{font-size: 5rem;width: 5rem;}.display-2 .mbr-iconfont-btn{font-size: 2.875rem;width: 2.875rem;}.display-4 .mbr-iconfont-btn{font-size: 1rem;width: 1rem;}.display-5 .mbr-iconfont-btn{font-size: 1.6rem;width: 1.6rem;}.display-7 .mbr-iconfont-btn{font-size: 1.4rem;width: 1.4rem;}.btn{padding: 10px 30px;border-radius: 0px;}.btn-sm{padding: 10px 30px;border-radius: 0px;}.btn-md{padding: 10px 30px;border-radius: 0px;}.btn-lg{padding: 10px 30px;border-radius: 0;}.bg-primary{background-color: #faab9f;}.bg-success{background-color: #365c9a;}.bg-info{background-color: #e96188;}.bg-warning{background-color: #fac769;}.bg-danger{background-color: #b2ccd2;}.btn-secondary,.btn-secondary:active,.btn-secondary.active{background-color: #ca4336;border-color: #ca4336;color: #ffffff;}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus{background-color: #7a2820;border-color: #7a2820;color: #ffffff;}.btn-secondary.disabled,.btn-secondary:disabled{color: #ffffff;background-color: #7a2820;border-color: #7a2820;}.btn-info,.btn-info:active,.btn-info.active{background-color: #e96188;border-color: #e96188;color: #ffffff;}.btn-info:hover,.btn-info:focus,.btn-info.focus{background-color: #c81c4d;border-color: #c81c4d;color: #ffffff;}.btn-info.disabled,.btn-info:disabled{color: #ffffff;background-color: #c81c4d;border-color: #c81c4d;}.btn-success,.btn-success:active,.btn-success.active{background-color: #365c9a;border-color: #365c9a;color: #ffffff;}.btn-success:hover,.btn-success:focus,.btn-success.focus{background-color: #1c2f4e;border-color: #1c2f4e;color: #ffffff;}.btn-success.disabled,.btn-success:disabled{color: #ffffff;background-color: #1c2f4e;border-color: #1c2f4e;}.btn-warning,.btn-warning:active,.btn-warning.active{background-color: #fac769;border-color: #fac769;color: #614003;}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus{background-color: #f5a208;border-color: #f5a208;color: #614003;}.btn-warning.disabled,.btn-warning:disabled{color: #614003;background-color: #f5a208;border-color: #f5a208;}.btn-danger,.btn-danger:active,.btn-danger.active{background-color: #b2ccd2;border-color: #b2ccd2;color: #ffffff;}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus{background-color: #72a1ac;border-color: #72a1ac;color: #ffffff;}.btn-danger.disabled,.btn-danger:disabled{color: #ffffff;background-color: #72a1ac;border-color: #72a1ac;}.btn-primary,.btn-primary:active,.btn-primary.active{background-color: #faab9f;border-color: #faab9f;color: #ffffff;}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{background-color: #f5563e;border-color: #f5563e;color: #ffffff;}.btn-primary.disabled,.btn-primary:disabled{color: #ffffff;background-color: #f5563e;border-color: #f5563e;}.btn-black,.btn-black:active,.btn-black.active{background-color: #010101;border-color: #010101;color: #ffffff;}.btn-black:hover,.btn-black:focus,.btn-black.focus{background-color: #000000;border-color: #000000;color: #ffffff;}.btn-black.disabled,.btn-black:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-white,.btn-white:active,.btn-white.active{background-color: #fcfcfc;border-color: #fcfcfc;color: #7d7d7d;}.btn-white:hover,.btn-white:focus,.btn-white.focus{background-color: #c9c9c9;border-color: #c9c9c9;color: #7d7d7d;}.btn-white.disabled,.btn-white:disabled{color: #7d7d7d;background-color: #c9c9c9;border-color: #c9c9c9;}.btn-primary-outline,.btn-primary-outline:active,.btn-primary-outline.active{background: none;border-color: #faab9f;color: #faab9f;}.btn-primary-outline:hover,.btn-primary-outline:focus,.btn-primary-outline.focus{color: #ffffff;background-color: #faab9f;border-color: #faab9f;}.btn-primary-outline.disabled,.btn-primary-outline:disabled{color: #ffffff;background-color: #faab9f;border-color: #faab9f;}.btn-secondary-outline,.btn-secondary-outline:active,.btn-secondary-outline.active{background: none;border-color: #ca4336;color: #ca4336;}.btn-secondary-outline:hover,.btn-secondary-outline:focus,.btn-secondary-outline.focus{color: #ffffff;background-color: #ca4336;border-color: #ca4336;}.btn-secondary-outline.disabled,.btn-secondary-outline:disabled{color: #ffffff;background-color: #ca4336;border-color: #ca4336;}.btn-info-outline,.btn-info-outline:active,.btn-info-outline.active{background: none;border-color: #e96188;color: #e96188;}.btn-info-outline:hover,.btn-info-outline:focus,.btn-info-outline.focus{color: #ffffff;background-color: #e96188;border-color: #e96188;}.btn-info-outline.disabled,.btn-info-outline:disabled{color: #ffffff;background-color: #e96188;border-color: #e96188;}.btn-success-outline,.btn-success-outline:active,.btn-success-outline.active{background: none;border-color: #365c9a;color: #365c9a;}.btn-success-outline:hover,.btn-success-outline:focus,.btn-success-outline.focus{color: #ffffff;background-color: #365c9a;border-color: #365c9a;}.btn-success-outline.disabled,.btn-success-outline:disabled{color: #ffffff;background-color: #365c9a;border-color: #365c9a;}.btn-warning-outline,.btn-warning-outline:active,.btn-warning-outline.active{background: none;border-color: #fac769;color: #fac769;}.btn-warning-outline:hover,.btn-warning-outline:focus,.btn-warning-outline.focus{color: #614003;background-color: #fac769;border-color: #fac769;}.btn-warning-outline.disabled,.btn-warning-outline:disabled{color: #614003;background-color: #fac769;border-color: #fac769;}.btn-danger-outline,.btn-danger-outline:active,.btn-danger-outline.active{background: none;border-color: #b2ccd2;color: #b2ccd2;}.btn-danger-outline:hover,.btn-danger-outline:focus,.btn-danger-outline.focus{color: #ffffff;background-color: #b2ccd2;border-color: #b2ccd2;}.btn-danger-outline.disabled,.btn-danger-outline:disabled{color: #ffffff;background-color: #b2ccd2;border-color: #b2ccd2;}.btn-black-outline,.btn-black-outline:active,.btn-black-outline.active{background: none;border-color: #010101;color: #010101;}.btn-black-outline:hover,.btn-black-outline:focus,.btn-black-outline.focus{color: #ffffff;background-color: #010101;border-color: #010101;}.btn-black-outline.disabled,.btn-black-outline:disabled{color: #ffffff;background-color: #010101;border-color: #010101;}.btn-white-outline,.btn-white-outline:active,.btn-white-outline.active{background: none;border-color: #fcfcfc;color: #fcfcfc;}.btn-white-outline:hover,.btn-white-outline:focus,.btn-white-outline.focus{color: #7d7d7d;background-color: #fcfcfc;border-color: #fcfcfc;}.btn-white-outline.disabled,.btn-white-outline:disabled{color: #7d7d7d;background-color: #fcfcfc;border-color: #fcfcfc;}.text-primary{color: #faab9f;}.text-secondary{color: #ca4336;}.text-success{color: #365c9a;}.text-info{color: #e96188;}.text-warning{color: #fac769;}.text-danger{color: #b2ccd2;}.text-white{color: #fcfcfc;}.text-black{color: #010101;}a[class*="text-"],.amp-iconfont,.mbr-iconfont{transition: 0.2s ease-in-out;}.amp-iconfont{color: #faab9f;}a.text-primary:hover,a.text-primary:focus{color: #f22c0e;}a.text-secondary:hover,a.text-secondary:focus{color: #521b15;}a.text-success:hover,a.text-success:focus{color: #0e1829;}a.text-info:hover,a.text-info:focus{color: #9b163c;}a.text-warning:hover,a.text-warning:focus{color: #c38107;}a.text-danger:hover,a.text-danger:focus{color: #578994;}a.text-white:hover,a.text-white:focus{color: #e6e6e6;}a.text-black:hover,a.text-black:focus{color: #cccccc;}.alert-success{background-color: #365c9a;}.alert-info{background-color: #e96188;}.alert-warning{background-color: #fac769;}.alert-danger{background-color: #b2ccd2;}.mbr-plan-header.bg-primary .mbr-plan-subtitle,.mbr-plan-header.bg-primary .mbr-plan-price-desc{color: #ffffff;}.mbr-plan-header.bg-success .mbr-plan-subtitle,.mbr-plan-header.bg-success .mbr-plan-price-desc{color: #7e9ed2;}.mbr-plan-header.bg-info .mbr-plan-subtitle,.mbr-plan-header.bg-info .mbr-plan-price-desc{color: #ffffff;}.mbr-plan-header.bg-warning .mbr-plan-subtitle,.mbr-plan-header.bg-warning .mbr-plan-price-desc{color: #ffffff;}.mbr-plan-header.bg-danger .mbr-plan-subtitle,.mbr-plan-header.bg-danger .mbr-plan-price-desc{color: #ffffff;}amp-carousel{overflow: hidden;}.cid-r9tBElrn8v{background-color: #fafafa;overflow: visible;}.cid-r9tBElrn8v .navbar{background: #fafafa;box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.13);display: flex;}.cid-r9tBElrn8v .navbar-caption{line-height: inherit;}@media (max-width: 991px){.cid-r9tBElrn8v .navbar .navbar-collapse{background: #fafafa;}}.cid-r9tBElrn8v .nav-link{margin: .667em 1em;padding: 0;}.cid-r9tBElrn8v .dropdown-item.active,.cid-r9tBElrn8v .dropdown-item:active{background-color: transparent;}.cid-r9tBElrn8v .dropdown-menu{background: #fafafa;}.cid-r9tBElrn8v .hamburger span{background-color: #232323;}.cid-r9tBElrn8v .builder-sidebar{background-color: #fafafa;}.cid-r9tBElrn8v .close-sidebar:focus{outline: 2px auto #faab9f;}.cid-r9tBElrn8v .close-sidebar span{background-color: #232323;}.cid-r9tBElrn8v .iconfont-wrapper{height: 1.3rem;width: 1.3rem;display: inline-block;}.cid-r9tBElrn8v .iconfont-wrapper .amp-iconfont{vertical-align: middle;font-size: 1.3rem;width: 1.3rem;}.cid-r9tBQbwauW{padding-top: 10rem;padding-bottom: 10rem;background-image: url("https://app.8b.io/app/themes/webamp/projects/writer/assets/images/mbr-1920x1280.jpg");align-items: center;display: flex;}.cid-r9tBQbwauW .main-letter{font-size: 7rem;}.cid-r9tBQbwauW .mbr-section-title,.cid-r9tBQbwauW .mbr-section-btn{color: #fafafa;}.cid-r9tBQbwauW .mbr-section-subtitle,.cid-r9tBQbwauW .mbr-section-btn{color: #333333;}.cid-r9tBQbwauW .mbr-section-title,.cid-r9tBQbwauW .mbr-section-btn SPAN{color: #333333;}.cid-r9tGVMJJ3h{padding-top: 10rem;padding-bottom: 10rem;align-items: center;display: flex;background-color: #fafafa;}@media (max-width: 991px){.cid-r9tGVMJJ3h .mbr-row{flex-direction: column-reverse;}.cid-r9tGVMJJ3h .mbr-row .image-wrap{padding-bottom: 5rem;}}@media (max-width: 992px){.cid-r9tGVMJJ3h .mbr-row > *{padding: 0;}}.cid-r9tGVMJJ3h .title-block{display: flex;flex-direction: column;justify-content: center;width: 100%;}@media (max-width: 992px){.cid-r9tGVMJJ3h .title-wrap{margin-bottom: 2rem;}}@media (min-width: 992px){.cid-r9tGVMJJ3h .title-block,.cid-r9tGVMJJ3h .image-block{padding-left: 0;padding-right: 0;}.cid-r9tGVMJJ3h .mbr-row > *{padding-left: 2rem;padding-right: 2rem;}.cid-r9tGVMJJ3h .mbr-row{margin-left: -2rem;margin-right: -2rem;}}.cid-r9tGVMJJ3h .mbr-section-title,.cid-r9tGVMJJ3h .mbr-section-btn{color: #333333;}.cid-r9tGVMJJ3h .mbr-section-btn,.cid-r9tGVMJJ3h .mbr-text{color: #333333;}.cid-r9tGVMJJ3h amp-img{transition: transform 1s ease;border-radius: 2px 3px 3px 1%;position: relative;box-shadow: -5px -6px 10px rgba(95,95,95,0.5);}.cid-r9tGVMJJ3h amp-img:after{content: "";width: 1px;border-left: 1px solid rgba(160,144,144,0.1);height: 100%;position: absolute;top: 0;left: 12px;box-shadow: 0 0 100px rgba(0,0,0,0.5);}@media (min-width: 1023px){.cid-r9tGVMJJ3h amp-img:hover{transform: translate(20px,20px);}}.cid-r9tGVMJJ3h .mbr-section-subtitle,.cid-r9tGVMJJ3h .mbr-section-btn{text-align: center;color: #333333;}.cid-r9tGVMJJ3h .mbr-section-title,.cid-r9tGVMJJ3h .mbr-section-btn SPAN{color: #faab9f;}@media (max-width: 991px){.cid-r9tGVMJJ3h amp-img{height: 800px;}.cid-r9tGVMJJ3h .image-block{padding-left: 3rem;padding-right: 3rem;}}@media (max-width: 767px){.cid-r9tGVMJJ3h amp-img{height: 500px;}.cid-r9tGVMJJ3h .image-block{padding-left: 5rem;padding-right: 5rem;}}@media (max-width: 424px){.cid-r9tGVMJJ3h amp-img{height: 350px;}.cid-r9tGVMJJ3h .image-block{padding-left: 3rem;padding-right: 3rem;}}@media (max-width: 374px){.cid-r9tGVMJJ3h amp-img{height: 300px;}}.cid-r9tLrAbNcY{padding-top: 3rem;padding-bottom: 4rem;background-color: #ffffff;}@media (max-width: 768px){.cid-r9tLrAbNcY .title-wrap{padding-bottom: 2rem;}}.cid-r9tLg4ZtWe{padding-top: 1rem;padding-bottom: 5rem;background-color: #ffffff;}.cid-r9tLg4ZtWe .card-wrapper{width: 250px;margin: auto;z-index: 1;}@media (max-width: 991px){.cid-r9tLg4ZtWe .card-wrapper{flex-wrap: wrap;}}.cid-r9tLg4ZtWe .card-box{width: 100%;}.cid-r9tLg4ZtWe amp-img{border-radius: 2px 3px 3px 1%;position: relative;box-shadow: -5px -6px 10px rgba(95,95,95,0.5);}.cid-r9tLg4ZtWe amp-img:after{content: "";width: 1px;border-left: 1px solid rgba(160,144,144,0.1);height: 100%;position: absolute;top: 0;left: 12px;box-shadow: 0 0 100px rgba(0,0,0,0.5);}@media (min-width: 992px) and (max-width: 1199px){.cid-r9tLg4ZtWe .card-wrapper{width: 100%;}}.cid-r9yul48wR5{padding-top: 5rem;padding-bottom: 5rem;background-color: #fafafa;}@media (max-width: 768px){.cid-r9yul48wR5 .title-wrap{padding-bottom: 2rem;}}.cid-r9yul48wR5 .field{padding: 0 0 0.5rem 0;}.cid-r9yul48wR5 input{color: #000000;border: 1px solid #ffffff;background-color: #ffffff;}.cid-r9yul48wR5 input::-webkit-input-placeholder{color: rgba(0,0,0,0.3);}.cid-r9yul48wR5 input::-moz-placeholder{color: rgba(0,0,0,0.3);}.cid-r9yul48wR5 .form-wrap .mbr-form{width: 100%;}.cid-r9yul48wR5 .form-wrap .mbr-overlay{opacity: 0;background: #efefef;}.cid-r9yul48wR5 .form-wrap .btn{width: 100%;margin: 0;}.cid-r9yul48wR5 .mbr-section-btn{width: 100%;margin: 0;}.cid-r9yul48wR5 .mbr-section-title{text-align: center;}.cid-r9tECtKmLD{padding-top: 3rem;padding-bottom: 3rem;background-color: #ffffff;}@media (max-width: 768px){.cid-r9tECtKmLD .title-wrap{padding-bottom: 2rem;}}.cid-r9tEu66qbh{padding-top: 2rem;padding-bottom: 5rem;background-color: #ffffff;}.cid-r9tEu66qbh amp-img,.cid-r9tEu66qbh img{height: auto;width: 100%;}.cid-r9tEu66qbh .gallery-row{padding-left: 0;padding-right: 0;}@media (max-width: 992px){.cid-r9tEu66qbh .gallery-row{justify-content: center;}}.cid-r9tEu66qbh .gallery-item{perspective: 1000px;}@media (max-width: 768px){.cid-r9tEu66qbh .gallery-row,.cid-r9tEu66qbh .gallery-item{padding-left: 0rem;padding-right: 0rem;}}.cid-r9tEu66qbh .gallery-item:nth-last-child(1),.cid-r9tEu66qbh .gallery-row:nth-last-child(1){padding-bottom: 0;}.cid-r9tEu66qbh .gallery-img-wrap{transition: all 1s ease;width: 250px;margin: auto;display: block;-webkit-transform-origin: 35% 50%;transform-origin: 35% 50%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;box-shadow: -5px -6px 10px rgba(95,95,95,0.5);}.cid-r9tEu66qbh .gallery-img-wrap:hover:after{opacity: 1;}@media (min-width: 768px){.cid-r9tEu66qbh .gallery-img-wrap:hover .img-caption:after{opacity: 0;}}@media (min-width: 1023px){.cid-r9tEu66qbh .gallery-img-wrap:hover{transform: rotateY(-45deg);box-shadow: -15px -2px 10px rgba(95,95,95,0.5);}}.cid-r9tEu66qbh .gallery-img-wrap .iconfont-wrapper{width: calc(1rem + 1.7rem);height: calc(1rem + 1.7rem);}.cid-r9tEu66qbh .gallery-img-wrap span{font-size: 1.7rem;width: 1.7rem;color: #232323;background-color: transparent;}.cid-r9tEu66qbh .gallery-img-wrap .img-caption:after{opacity: 1;background: #000000;}.cid-r9tEu66qbh .gallery-img-wrap:after{background: repeating-linear-gradient(to right,#f5f5f5,#f5f5f5 5px,#aaaaaa 5px,#aaaaaa 6px);opacity: 1;content: '';position: absolute;top: 3px;left: 98.5%;bottom: 3px;width: 40px;-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: rotateY(90deg);transform: rotateY(90deg);}.cid-r9tEu66qbh .gallery-img-wrap amp-img{height: 350px;border-radius: 2px 3px 3px 1%;position: relative;}.cid-r9tEu66qbh .gallery-img-wrap amp-img:before{content: "";width: 1px;border-left: 1px solid rgba(160,144,144,0.1);height: 100%;position: absolute;top: 0;left: 12px;box-shadow: 0 0 100px rgba(0,0,0,0.5);}@media (min-width: 992px) and (max-width: 1199px){.cid-r9tEu66qbh .gallery-img-wrap{width: 100%;}}.cid-r9tEu66qbh _:-ms-lang(x),.cid-r9tEu66qbh .gallery-img-wrap{transition: none;}.cid-r9tEu66qbh _:-ms-lang(x):hover,.cid-r9tEu66qbh .gallery-img-wrap:hover{transform: rotateY(0);box-shadow: -5px -6px 10px rgba(95,95,95,0.5);}.cid-r9ziQBjIHl{padding-top: 4rem;padding-bottom: 3rem;background-color: #fac769;}@media (max-width: 768px){.cid-r9ziQBjIHl .title-wrap{padding-bottom: 2rem;}}.cid-r9ziQBjIHl .mbr-section-title{color: #333333;}.cid-r9ziQBjIHl .mbr-section-title SPAN{color: #333333;}.cid-r9yE8tviyu{padding-top: 5rem;padding-bottom: 7rem;align-items: center;display: flex;background-color: #fac769;}@media (max-width: 992px){.cid-r9yE8tviyu .mbr-row .image-wrap{padding-bottom: 2rem;}}@media (max-width: 992px){.cid-r9yE8tviyu .mbr-row > *{padding: 0;}}.cid-r9yE8tviyu .title-block{margin: auto;width: 100%;}@media (max-width: 992px){.cid-r9yE8tviyu .title-wrap{margin-bottom: 2rem;}}@media (min-width: 992px){.cid-r9yE8tviyu .title-block,.cid-r9yE8tviyu .image-block{padding-left: 0;padding-right: 0;}.cid-r9yE8tviyu .mbr-row > *{padding-left: 2rem;padding-right: 2rem;}.cid-r9yE8tviyu .mbr-row{margin-left: -2rem;margin-right: -2rem;}}.cid-r9yE8tviyu .mbr-section-title,.cid-r9yE8tviyu .mbr-section-btn{color: #333333;}.cid-r9yE8tviyu .mbr-section-btn,.cid-r9yE8tviyu .mbr-text{color: #333333;}.cid-r9yE8tviyu amp-img{border-radius: 2px 3px 3px 1%;position: relative;box-shadow: -5px -6px 10px rgba(95,95,95,0.5);}.cid-r9yE8tviyu amp-img:after{content: "";width: 1px;border-left: 1px solid rgba(160,144,144,0.1);height: 100%;position: absolute;top: 0;left: 12px;box-shadow: 0 0 100px rgba(0,0,0,0.5);}.cid-r9yE8tviyu .mbr-section-subtitle,.cid-r9yE8tviyu .mbr-section-btn{color: #000000;}.cid-r9yE8tviyu .line-through{text-decoration: line-through;}@media (max-width: 767px){.cid-r9yE8tviyu .image-wrap{padding-left: 1rem;padding-right: 1rem;}}.cid-r9ysTnQ7F8{padding-top: 7rem;padding-bottom: 7rem;align-items: center;display: flex;background-color: #fafafa;}@media (max-width: 992px){.cid-r9ysTnQ7F8 .mbr-row .image-wrap{padding-bottom: 2rem;}}@media (max-width: 992px){.cid-r9ysTnQ7F8 .mbr-row > *{padding: 0;}}.cid-r9ysTnQ7F8 .title-block{margin: auto;width: 100%;}@media (max-width: 992px){.cid-r9ysTnQ7F8 .title-wrap{margin-bottom: 2rem;}}@media (min-width: 992px){.cid-r9ysTnQ7F8 .title-block,.cid-r9ysTnQ7F8 .image-block{padding-left: 0;padding-right: 0;}.cid-r9ysTnQ7F8 .mbr-row > *{padding-left: 2rem;padding-right: 2rem;}.cid-r9ysTnQ7F8 .mbr-row{margin-left: -2rem;margin-right: -2rem;}}.cid-r9ysTnQ7F8 .mbr-section-title,.cid-r9ysTnQ7F8 .mbr-section-btn{color: #000000;}.cid-r9ysTnQ7F8 .mbr-section-btn,.cid-r9ysTnQ7F8 .mbr-text{color: #000000;}.cid-r9ysTnQ7F8 .mbr-section-subtitle,.cid-r9ysTnQ7F8 .mbr-section-btn B{color: #333333;}.cid-r9tILgdWLH{padding-top: 3rem;padding-bottom: 3rem;background-color: #ffffff;}@media (max-width: 768px){.cid-r9tILgdWLH .title-wrap{padding-bottom: 2rem;}}.cid-r9tI63Y34s{padding-top: 2rem;padding-bottom: 5rem;background-color: #ffffff;}@media (max-width: 992px){.cid-r9tI63Y34s .md-pb{padding-bottom: 3rem;}}.cid-r9tI63Y34s .name{color: #ca4336;}.cid-t2oPsVnSsT{padding-top: 5rem;padding-bottom: 5rem;background-color: #ffffff;}.cid-t2oPsVnSsT .mbr-section-title{color: #000000;}.cid-t2oPsVnSsT .mbr-text{color: #ca4336;}.cid-r9tQB0QvDG{padding-top: 4rem;padding-bottom: 4rem;background-color: #efefef;}@media (max-width: 768px){.cid-r9tQB0QvDG .title-wrap{padding-bottom: 2rem;}}.cid-r9yswdTRjM{padding-top: 15px;padding-bottom: 75px;background-color: #efefef;}.cid-r9yswdTRjM .form-block{padding: 0;}.cid-r9yswdTRjM .iconfont-wrapper{width: 2rem;height: 2rem;display: inline-block;}.cid-r9yswdTRjM .amp-iconfont{color: #faab9f;font-size: 2rem;width: 2rem;vertical-align: middle;}@media (max-width: 992px){.cid-r9yswdTRjM .first-element{padding-bottom: 2rem;}}@media (max-width: 992px){.cid-r9yswdTRjM .contacts-block{text-align: center;}}.cid-r9yswdTRjM .mbr-form .mbr-overlay{opacity: 0.2;background: #879a9f;}.cid-r9yswdTRjM .mbr-form .fieldset input,.cid-r9yswdTRjM .mbr-form .fieldset textarea{background-color: #ffffff;color: #000000;border: 1px solid #ffffff;}.cid-r9yswdTRjM .mbr-form .fieldset input::-webkit-input-placeholder{color: rgba(0,0,0,0.5);}.cid-r9yswdTRjM .mbr-form .fieldset input::-moz-placeholder{color: rgba(0,0,0,0.5);}.cid-r9yswdTRjM .mbr-form .fieldset textarea::-webkit-input-placeholder{color: rgba(0,0,0,0.5);}.cid-r9yswdTRjM .mbr-form .fieldset textarea::-moz-placeholder{color: rgba(0,0,0,0.5);}.cid-r9yswdTRjM .mbr-form .fieldset textarea{min-height: 200px;}@media (min-width: 992px){.cid-r9yswdTRjM .main-row{margin-left: -2rem;margin-right: -2rem;}.cid-r9yswdTRjM .main-row > *{padding-left: 2rem;padding-right: 2rem;}}.cid-r9yswdTRjM .contacts-title{color: #faab9f;}.cid-r9QacsuQSQ{padding-top: 4rem;padding-bottom: 4rem;background-color: #ffffff;}@media (max-width: 768px){.cid-r9QacsuQSQ .title-wrap{padding-bottom: 2rem;}}.cid-r9tQwWr9NC{padding-top: 2rem;padding-bottom: 5rem;background-color: #ffffff;}.cid-r9tQwWr9NC .map-block{width: 100%;}@media (max-width: 992px){.cid-r9tQwWr9NC .map-block{margin-bottom: 2rem;}}.cid-r9tQwWr9NC .map-block .google-map,.cid-r9tQwWr9NC .map-block iframe,.cid-r9tQwWr9NC .map-block amp-iframe{min-height: 450px;width: 100%;}.cid-r9tQDXn5n6{padding-top: 2rem;padding-bottom: 2rem;background-color: #000000;}.cid-r9tQDXn5n6 .link-items .fLink{width: auto;}.cid-r9tQDXn5n6 .mbr-row{margin: 0;}.cid-r9tQDXn5n6 .mbr-row:nth-child(1){margin-bottom: 1rem;}
  21. [class*="-iconfont"]{display: inline-flex;}
  22. #eightBBanner{position:fixed;top:0;z-index:999;width:100%;background:#fff;padding:10px;min-height:10rem;animation:4s linear animBanner;}.navbar{top:10rem;z-index:100;animation:4s linear animHeight;}@media (max-width: 575px){#eightBBanner{min-height:13rem;}.navbar{top:13rem;}}#eightBBanner p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}#eightBBanner.banner{display:flex;flex-direction:column;justify-content:center;}#eightBBanner .buy-license{text-decoration:underline;}#eightBBanner .btn{margin-left:0.5rem;margin-right:0.5rem;}#eightBBanner .mbr-section-abuse-report{font-size:0.8rem;}#eightBBanner .mbr-section-abuse-report a{color: #aaa;}</style>
  23.  <script async  src="https://cdn.ampproject.org/v0.js"></script>
  24.  <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>
  25.  <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  26.  <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
  27.  <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  28.  <script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js"></script>
  29.  <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
  30.  
  31.  
  32. </head>
  33. <body><amp-sidebar id="sidebar" class="cid-r9tBElrn8v" layout="nodisplay" side="right">
  34. <div class="builder-sidebar" id="builder-sidebar">
  35. <button on="tap:sidebar.close" class="close-sidebar">
  36. <span></span>
  37. <span></span>
  38. </button>
  39. <!-- NAVBAR ITEMS -->
  40. <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
  41. <a class="nav-link mbr-bold link text-black display-4" href="index.html#title1-12">Sale</a>
  42. </li>
  43. <li class="nav-item">
  44. <a class="nav-link mbr-bold link text-black display-4" href="index.html#title1-4">Our Books</a>
  45. </li><li class="nav-item"><a class="nav-link mbr-bold link text-black display-4" href="index.html#title1-m">Contacts</a></li></ul>
  46. <!-- NAVBAR ITEMS END -->
  47. <!-- SOCIAL ICON -->
  48. <!-- SOCIAL ICON END -->
  49. <!-- SHOW BUTTON -->
  50. <div class="navbar-buttons mbr-section-btn"><a class="btn btn-md mbr-bold btn-primary display-4" href="#">BUY NOW</a></div>
  51. <!-- SHOW BUTTON END -->
  52. </div>
  53. </amp-sidebar>
  54.  <section class="menu1 menu horizontal-menu cid-r9tBElrn8v" id="menu1-1">
  55. <!-- <div class="menu-wrapper"> -->
  56. <nav class="navbar navbar-dropdown navbar-expand-lg navbar-fixed-top">
  57. <div class="menu-container container">
  58. <!-- SHOW LOGO -->
  59. <div class="navbar-brand">
  60. <span class="navbar-caption-wrap"><a class="navbar-caption mbr-bold text-black display-5" href="index.html"><span>BookStore</span></a></span>
  61. </div>
  62. <!-- SHOW LOGO END -->
  63. <!-- COLLAPSED MENU -->
  64. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  65. <!-- NAVBAR ITEMS -->
  66. <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
  67. <a class="nav-link mbr-bold link text-black display-4" href="index.html#title1-12">Sale</a>
  68. </li>
  69. <li class="nav-item">
  70. <a class="nav-link mbr-bold link text-black display-4" href="index.html#title1-4">Our Books</a>
  71. </li><li class="nav-item"><a class="nav-link mbr-bold link text-black display-4" href="index.html#title1-m">Contacts</a></li></ul>
  72. <!-- NAVBAR ITEMS END -->
  73. <!-- SOCIAL ICON -->
  74. <!-- SOCIAL ICON END -->
  75. <!-- SHOW BUTTON -->
  76. <div class="navbar-buttons mbr-section-btn"><a class="btn btn-md mbr-bold btn-primary display-4" href="#">BUY NOW</a></div>
  77. <!-- SHOW BUTTON END -->
  78. </div>
  79. <!-- COLLAPSED MENU END -->
  80. <button on="tap:sidebar.toggle" class="ampstart-btn hamburger">
  81. <span></span>
  82. <span></span>
  83. <span></span>
  84. <span></span>
  85. </button>
  86. </div>
  87. </nav>
  88. <!-- AMP plug -->
  89. <!-- </div> -->
  90. </section>
  91.  
  92. <section class="header1 cid-r9tBQbwauW" id="header1-2">
  93.    
  94.    
  95.    <div class="container">
  96.        <div class="mbr-row align-left">
  97.            <div class="title-block mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-6">
  98.                <h1 class="mbr-section-title mbr-fonts-style mbr-bold display-1">Sell your book</h1>
  99.                <h2 class="mbr-section-subtitle mbr-fonts-style mbr-pt-3 display-7"><strong>8b bookstore template</strong></h2>
  100.                <p class="mbr-text mbr-fonts-style mbr-pt-2 display-7">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas nemo nobis ab eius tempore distinctio dolore totam repellat animi saepe tempora molestiae quide.</p>
  101.                <div class="mbr-section-btn mbr-pt-4"><a class="btn btn-black-outline display-7">Learn More</a></div>
  102.            </div>
  103.        </div>
  104.    </div>
  105. </section>
  106.  
  107. <section class="header2 cid-r9tGVMJJ3h" id="header2-7">
  108.    
  109.    
  110.    <div class="container">
  111.        <div class="mbr-row mbr-black mbr-row-reverse">
  112.            <div class="title-wrap mbr-col-md-12 mbr-col-sm-12 mbr-col-lg-8 align-center mbr-flex">
  113.                <div class="title-block mbr-col-sm-12 mbr-col-md-12">
  114.                    <h1 class="mbr-section-title mbr-fonts-style mbr-bold mbr-white display-7"><span style="font-weight: normal;">COMING SOON</span></h1>
  115.                    <h2 class="mbr-section-subtitle mbr-fonts-style mbr-white mbr-pt-3 display-2"><strong>Remembering His Name</strong></h2>
  116.                    <p class="mbr-text mbr-fonts-style mbr-white mbr-pt-2 display-7">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur debitis deserunt, possimus voluptas sequi, eum perferendis ipsa laudantium suscipit inventore minus itaque voluptatem consequuntur reiciendis non quaerat unde atque. Nihil.<br></p>
  117.                    <div class="mbr-section-btn mbr-pt-4"><a class="btn btn-primary display-7">$ 29.99</a></div>
  118.                </div>
  119.            </div>
  120.            <div class="image-wrap mbr-col-md-12 mbr-col-sm-12 mbr-col-lg-4 mbr-flex">
  121.                <div class="image-block mbr-col-md-12 mbr-col-sm-12 mbr-mr-auto">
  122.                    <amp-img src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-17-1044x1666.png" layout="responsive" width="326.79831932773106" height="522" alt="" class="placeholder-loader">
  123.                        <div placeholder="" class="placeholder">
  124.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  125.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  126.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  127.                                </svg></div>
  128.                        
  129.                    </amp-img>
  130.                </div>
  131.            </div>
  132.        </div>
  133.    </div>
  134. </section>
  135.  
  136. <section class="title1 cid-r9tLrAbNcY" id="title1-f">
  137.    
  138.    <!--Block parameters controls (Blue "Gear" panel) -->
  139.    
  140.    <div class="container">
  141.        <div class="title align-center">
  142.            <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-1"><span style="font-weight: normal;">Book of the Month</span></h3>
  143.            
  144.        </div>
  145.    </div>
  146. </section>
  147.  
  148. <section class="features3 cid-r9tLg4ZtWe" id="features3-d">
  149.    
  150.  
  151.    
  152.    <div class="container">
  153.        
  154.        <div class="mbr-row mbr-jc-c">
  155.            <div class="card mbr-col-sm-12 mbr-col-md-8 mbr-col-lg-4 md-pb">
  156.                <div class="card-wrapper mbr-column">
  157.                    <div class="card-img mbr-flex">
  158.                        <amp-img src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-10-500x798.png" layout="responsive" width="250.12531328320802" height="400" alt="" class="placeholder-loader">
  159.                            <div placeholder="" class="placeholder">
  160.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  161.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  162.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  163.                                </svg></div>
  164.                            
  165.                        </amp-img>
  166.                    </div>
  167.                    <div class="card-box mbr-m-auto mbr-pt-3 align-center">
  168.                        <h3 class="card-title mbr-bold mbr-fonts-style display-7">Stunning art and Nature</h3>
  169.                        <h4 class="card-subtitle mbr-pt-3 mbr-fonts-style mbr-bold display-7"><span style="font-weight: normal;"><span class="text-primary">$</span>&nbsp;19.99</span></h4>
  170.                        <p class="card-text mbr-fonts-style mbr-pt-2 display-7"><a href="#" class="text-primary"><strong>BUY NOW</strong></a></p>
  171.                        
  172.                    </div>
  173.                </div>
  174.            </div>
  175.  
  176.            <div class="card mbr-col-sm-12 mbr-col-md-8 mbr-col-lg-4 md-pb">
  177.                <div class="card-wrapper mbr-column">
  178.                    <div class="card-img mbr-flex">
  179.                        <amp-img src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-3-500x798.png" layout="responsive" width="250.12531328320802" height="400" alt="" class="placeholder-loader">
  180.                            <div placeholder="" class="placeholder">
  181.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  182.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  183.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  184.                                </svg></div>
  185.                            
  186.                        </amp-img>
  187.                    </div>
  188.                    <div class="card-box mbr-m-auto mbr-pt-3 align-center">
  189.                        <h3 class="card-title mbr-bold mbr-fonts-style display-7">Side of the Cycle</h3>
  190.                        <h4 class="card-subtitle mbr-pt-3 mbr-fonts-style mbr-bold display-7"><span style="font-weight: normal;"><span class="text-primary">$</span>&nbsp;16.99</span></h4>
  191.                        <p class="card-text mbr-fonts-style mbr-pt-2 display-7"><a href="#" class="text-primary"><strong>BUY NOW</strong></a></p>
  192.                        
  193.                    </div>
  194.                </div>
  195.            </div>
  196.            <div class="card mbr-col-sm-12 mbr-col-md-8 mbr-col-lg-4 last-child">
  197.                <div class="card-wrapper mbr-column">
  198.                    <div class="card-img mbr-flex">
  199.                        <amp-img src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-20-506x807.png" layout="responsive" width="249.86104218362286" height="398" alt="" class="placeholder-loader">
  200.                            <div placeholder="" class="placeholder">
  201.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  202.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  203.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  204.                                </svg></div>
  205.                            
  206.                        </amp-img>
  207.                    </div>
  208.                    <div class="card-box mbr-m-auto mbr-pt-3 align-center">
  209.                        <h3 class="card-title mbr-bold mbr-fonts-style display-7">The Last Sea Spray</h3>
  210.                        <h4 class="card-subtitle mbr-pt-3 mbr-fonts-style mbr-bold display-7"><span style="font-weight: normal;"><span class="text-primary">$</span>&nbsp;25.99</span></h4>
  211.                        <p class="card-text mbr-fonts-style mbr-pt-2 display-7"><a href="#" class="text-primary"><strong>BUY NOW</strong></a></p>
  212.                        
  213.                    </div>
  214.                </div>
  215.            </div>
  216.            
  217.        </div>
  218.    </div>
  219. </section>
  220.  
  221. <section class="info2 cid-r9yul48wR5" id="info2-y">
  222.    
  223.    <!--Block parameters controls (Blue "Gear" panel) -->
  224.    
  225.    <div class="container">
  226.        <div class="mbr-row mbr-jc-c">
  227.            <div class="title-wrap mbr-col-lg-8 mbr-col-md-8 mbr-col-sm-12 mbr-flex mbr-column mbr-jc-c">
  228.                <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-1"><span style="font-weight: normal;">Subscribe to news about new books</span></h3>
  229.                
  230.            </div>
  231.            <div class="form-wrap mbr-col-lg-4 mbr-col-md-4 mbr-col-sm-12 mbr-flex mbr-column mbr-jc-c" data-form-type="formoid">
  232.                <div class="form-block" data-form-type="formoid">
  233.                    <form class="mbr-form mbr-jc-c mbr-flex mbr-m-auto mbr-column" method="post" target="_top" action-xhr="https://f.8b.com/api/sites/475849/forms/data/" data-form-title="8b Form">
  234.                        <div class="mbr-overlay"></div>
  235.                        <div submit-success="">
  236.                            <template data-form-alert="" type="amp-mustache">Subscription successful!</template>
  237.                        </div>
  238.                        <div submit-error="">
  239.                            <template data-form-alert="" type="amp-mustache">Failed! {{error}}</template>
  240.                        </div>
  241.                        <div class="fieldset">
  242.                            <div class="field">
  243.                            <input type="email" name="form[data][0][1]" data-form-field="E-mail" placeholder="E-mail" required="" id="form[data][0][1]-info2-y">
  244.                            </div>
  245.                            <div class="mbr-section-btn align-center"><a class="btn btn-form btn-primary display-7">Subscribe</a></div>
  246.                        </div>
  247.                    </form>
  248.                </div>
  249.            </div>
  250.        </div>
  251.    </div>
  252. </section>
  253.  
  254. <section class="title1 cid-r9tECtKmLD" id="title1-4">
  255.    
  256.    <!--Block parameters controls (Blue "Gear" panel) -->
  257.    
  258.    <div class="container">
  259.        <div class="title align-center">
  260.            <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-1"><span style="font-weight: normal;">Our Books</span></h3>
  261.            <h4 class="mbr-text mbr-fonts-style mbr-pt-2 display-5">Explore the World Now</h4>
  262.        </div>
  263.    </div>
  264. </section>
  265.  
  266. <section class="gallery2 gallery cid-r9tEu66qbh" id="gallery2-3">
  267.    
  268.    
  269.    <div class="container">
  270.        
  271.        <div class="mbr-row mbr-px-2 gallery-wrap mbr-jc-c">
  272.            <div class="mbr-col-md-12 mbr-col-sm-12 gallery-row row-first flex-wrap mbr-col-lg-12 mbr-pb-4 mbr-flex">
  273.                
  274.            <div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  275.                    <div class="gallery-img-wrap">
  276.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-490x782.png" layout="responsive" height="350" width="219.42307692307693" alt="">
  277.                            <div placeholder="" class="placeholder">
  278.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  279.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  280.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  281.                                </svg></div>
  282.                            
  283.                        </amp-img>
  284.                        
  285.                        
  286.                    </div>
  287.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  288.                    <div class="gallery-img-wrap">
  289.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-3-500x798.png" layout="responsive" height="350" width="218.859649122807" alt="">
  290.                            <div placeholder="" class="placeholder">
  291.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  292.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  293.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  294.                                </svg></div>
  295.                            
  296.                        </amp-img>
  297.                        
  298.                        
  299.                    </div>
  300.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  301.                    <div class="gallery-img-wrap">
  302.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-24-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  303.                            <div placeholder="" class="placeholder">
  304.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  305.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  306.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  307.                                </svg></div>
  308.                            
  309.                        </amp-img>
  310.                        
  311.                        
  312.                    </div>
  313.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  314.                    <div class="gallery-img-wrap">
  315.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-23-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  316.                            <div placeholder="" class="placeholder">
  317.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  318.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  319.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  320.                                </svg></div>
  321.                            
  322.                        </amp-img>
  323.                        
  324.                        
  325.                    </div>
  326.                </div></div>
  327.            <div class="mbr-col-md-12 mbr-col-sm-12 gallery-row row-second flex-wrap mbr-col-lg-12 mbr-pb-4 mbr-flex">
  328.                
  329.            <div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  330.                    <div class="gallery-img-wrap">
  331.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-22-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  332.                            <div placeholder="" class="placeholder">
  333.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  334.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  335.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  336.                                </svg></div>
  337.                            
  338.                        </amp-img>
  339.                        
  340.                        
  341.                    </div>
  342.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  343.                    <div class="gallery-img-wrap">
  344.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-1-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  345.                            <div placeholder="" class="placeholder">
  346.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  347.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  348.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  349.                                </svg></div>
  350.                            
  351.                        </amp-img>
  352.                        
  353.                        
  354.                    </div>
  355.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  356.                    <div class="gallery-img-wrap">
  357.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-10-500x798.png" layout="responsive" height="350" width="218.859649122807" alt="">
  358.                            <div placeholder="" class="placeholder">
  359.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  360.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  361.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  362.                                </svg></div>
  363.                            
  364.                        </amp-img>
  365.                        
  366.                        
  367.                    </div>
  368.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  369.                    <div class="gallery-img-wrap">
  370.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-19-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  371.                            <div placeholder="" class="placeholder">
  372.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  373.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  374.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  375.                                </svg></div>
  376.                            
  377.                        </amp-img>
  378.                        
  379.                        
  380.                    </div>
  381.                </div></div>
  382.            <div class="mbr-col-md-12 mbr-col-sm-12 gallery-row row-third flex-wrap mbr-col-lg-12 mbr-pb-4 mbr-flex">
  383.                
  384.            <div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  385.                    <div class="gallery-img-wrap">
  386.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-13-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  387.                            <div placeholder="" class="placeholder">
  388.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  389.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  390.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  391.                                </svg></div>
  392.                            
  393.                        </amp-img>
  394.                        
  395.                        
  396.                    </div>
  397.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  398.                    <div class="gallery-img-wrap">
  399.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-8-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  400.                            <div placeholder="" class="placeholder">
  401.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  402.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  403.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  404.                                </svg></div>
  405.                            
  406.                        </amp-img>
  407.                        
  408.                        
  409.                    </div>
  410.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  411.                    <div class="gallery-img-wrap">
  412.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-17-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  413.                            <div placeholder="" class="placeholder">
  414.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  415.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  416.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  417.                                </svg></div>
  418.                            
  419.                        </amp-img>
  420.                        
  421.                        
  422.                    </div>
  423.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  424.                    <div class="gallery-img-wrap">
  425.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-6-490x782.png" layout="responsive" height="350" width="218.8618925831202" alt="">
  426.                            <div placeholder="" class="placeholder">
  427.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  428.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  429.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  430.                                </svg></div>
  431.                            
  432.                        </amp-img>
  433.                        
  434.                        
  435.                    </div>
  436.                </div></div>
  437.            <div class="mbr-col-md-12 mbr-col-sm-12 gallery-row row-fourth flex-wrap mbr-col-lg-12 mbr-flex">
  438.                
  439.            <div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  440.                    <div class="gallery-img-wrap">
  441.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-5-500x798.png" layout="responsive" height="350" width="218.859649122807" alt="">
  442.                            <div placeholder="" class="placeholder">
  443.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  444.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  445.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  446.                                </svg></div>
  447.                            
  448.                        </amp-img>
  449.                        
  450.                        
  451.                    </div>
  452.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  453.                    <div class="gallery-img-wrap">
  454.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-7-500x798.png" layout="responsive" height="350" width="218.859649122807" alt="">
  455.                            <div placeholder="" class="placeholder">
  456.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  457.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  458.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  459.                                </svg></div>
  460.                            
  461.                        </amp-img>
  462.                        
  463.                        
  464.                    </div>
  465.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  466.                    <div class="gallery-img-wrap">
  467.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-15-500x798.png" layout="responsive" height="350" width="218.859649122807" alt="">
  468.                            <div placeholder="" class="placeholder">
  469.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  470.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  471.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  472.                                </svg></div>
  473.                            
  474.                        </amp-img>
  475.                        
  476.                        
  477.                    </div>
  478.                </div><div class="gallery-item mbr-col-sm-12 mbr-col-lg-3 mbr-col-md-8 md-pb mbr-px-2">
  479.                    <div class="gallery-img-wrap">
  480.                        <amp-img on="tap:lightbox1" role="button" tabindex="0" class="placeholder-loader image-without-link" src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-14-500x798.png" layout="responsive" height="350" width="218.859649122807" alt="">
  481.                            <div placeholder="" class="placeholder">
  482.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  483.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  484.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  485.                                </svg></div>
  486.                            
  487.                        </amp-img>
  488.                        
  489.                        
  490.                    </div>
  491.                </div></div>
  492.        </div>
  493.    </div>
  494.    <amp-image-lightbox id="lightbox1" layout="nodisplay">
  495.        <a class="control" data-close-button-aria-label="Close">
  496.            <span class="close"></span>
  497.        </a>
  498.    </amp-image-lightbox>
  499. </section>
  500.  
  501. <section class="title1 cid-r9ziQBjIHl" id="title1-12">
  502.    
  503.    <!--Block parameters controls (Blue "Gear" panel) -->
  504.    
  505.    <div class="container">
  506.        <div class="title align-center">
  507.            <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-1"><span style="font-weight: normal;">Only Today</span></h3>
  508.            
  509.        </div>
  510.    </div>
  511. </section>
  512.  
  513. <section class="header2 cid-r9yE8tviyu" id="header2-10">
  514.    
  515.    
  516.    <div class="container">
  517.        <div class="mbr-row mbr-black">
  518.            <div class="title-wrap mbr-col-md-12 mbr-col-sm-12 mbr-col-lg-8 align-left mbr-flex">
  519.                <div class="title-block mbr-col-sm-12 mbr-col-md-12">
  520.                    <h1 class="mbr-section-title mbr-fonts-style mbr-bold mbr-white display-2">Crafty Washi</h1>
  521.                    <h2 class="mbr-section-subtitle mbr-fonts-style mbr-white mbr-pt-3 display-7"><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur debitis deserunt, possimus voluptas sequi, eum perferendis ipsa laudantium suscipit inventore minus itaque voluptatem consequuntur reiciendis non quaerat unde atque. Nihil.
  522. </strong><div><strong><br></strong></div></h2>
  523.                    <p class="mbr-text mbr-fonts-style mbr-white mbr-pt-2 display-2"><span class="line-through"><strong>$</strong>19.99</span>&nbsp;<strong>$</strong>9.99&nbsp;</p>
  524.                    <div class="mbr-section-btn mbr-pt-4"><a class="btn btn-black-outline display-7">Buy Now</a></div>
  525.                </div>
  526.            </div>
  527.            <div class="image-wrap mbr-col-md-6 mbr-col-sm-12 mbr-col-lg-4 mbr-flex">
  528.                <div class="image-block mbr-col-md-12 mbr-col-sm-12 mbr-mr-auto">
  529.                    <amp-img src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/peters-kaleidoscope-2-458x731.png" layout="responsive" width="271.32421340629276" height="434" alt="" class="placeholder-loader">
  530.                        <div placeholder="" class="placeholder">
  531.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  532.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  533.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  534.                                </svg></div>
  535.                        
  536.                    </amp-img>
  537.                </div>
  538.            </div>
  539.        </div>
  540.    </div>
  541. </section>
  542.  
  543. <section class="header2 cid-r9ysTnQ7F8" id="header2-w">
  544.    
  545.    
  546.    <div class="container">
  547.        <div class="mbr-row mbr-black">
  548.            <div class="title-wrap mbr-col-md-12 mbr-col-sm-12 mbr-col-lg-6 align-left mbr-flex">
  549.                <div class="title-block mbr-col-sm-12 mbr-col-md-12">
  550.                    <h1 class="mbr-section-title mbr-fonts-style mbr-bold mbr-white display-1"><span style="font-weight: normal;">Who are we?</span></h1>
  551.                    <h2 class="mbr-section-subtitle mbr-fonts-style mbr-white mbr-pt-3 display-7"><strong>The best store in the city</strong></h2>
  552.                    <p class="mbr-text mbr-fonts-style mbr-white mbr-pt-2 display-7">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum dolorem laudantium totam consequatur magnam incidunt tempore, ratione, delectus officia molestiae molestias quae perspiciatis animi atque.</p>
  553.                    
  554.                </div>
  555.            </div>
  556.            <div class="image-wrap mbr-col-md-12 mbr-col-sm-12 mbr-col-lg-6 mbr-flex">
  557.                <div class="image-block mbr-col-md-12 mbr-col-sm-12 mbr-mr-auto">
  558.                    <amp-img src="https://app.8b.io/app/themes/webamp/projects/writer/assets/images/fahrul-azmi-586479-unsplash-1044x1392.jpg" layout="responsive" width="420.167731629393" height="315" alt="" class="placeholder-loader">
  559.                        <div placeholder="" class="placeholder">
  560.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  561.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  562.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  563.                                </svg></div>
  564.                        
  565.                    </amp-img>
  566.                </div>
  567.            </div>
  568.        </div>
  569.    </div>
  570. </section>
  571.  
  572. <section class="title1 cid-r9tILgdWLH" id="title1-c">
  573.    
  574.    <!--Block parameters controls (Blue "Gear" panel) -->
  575.    
  576.    <div class="container">
  577.        <div class="title align-center">
  578.            <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-1"><span style="font-weight: normal;">Our Reviews</span></h3>
  579.            
  580.        </div>
  581.    </div>
  582. </section>
  583.  
  584. <section class="mbr-section reviews cid-r9tI63Y34s" id="reviews1-8">
  585.    
  586.    
  587.    <div class="container align-center">
  588.        
  589.        <div class="mbr-row mbr-jc-c mbr-pt-4">
  590.            <div class="card mbr-col-sm-12 mbr-col-md-6 md-pb mbr-col-lg-4">
  591.                <p class="review mbr-fonts-style display-7"><strong>The great store!<br>Not expensive.</strong></p>
  592.                <p class="name mbr-fonts-style mbr-bold mbr-pt-3 display-4"><a href="https://pg168.biz/">PG168</a></p>
  593.                
  594.            </div>
  595.            <div class="card mbr-col-sm-12 mbr-col-md-6 md-pb mbr-col-lg-4">
  596.                <p class="review mbr-fonts-style display-7"><strong>I love books.&nbsp;I will definitely come back here</strong></p>
  597.                <p class="name mbr-fonts-style mbr-bold mbr-pt-3 display-4"><a href="https://168galaxy.win/">168GALAXY</a></p>
  598.                
  599.            </div>
  600.            <div class="card mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4 md-pb">
  601.                <p class="review mbr-fonts-style display-7"><strong>Many different books.&nbsp;<br>Good the store.</strong></p>
  602.                <p class="name mbr-fonts-style mbr-bold mbr-pt-3 display-4"><a href="https://pg-slot.zone/">PG SLOT</a></p>
  603.                
  604.            </div>
  605.            
  606.        </div>
  607.    </div>
  608. </section>
  609.  
  610. <section class="mbr-section content1 cid-t2oPsVnSsT" id="content1-1b">
  611.    
  612.    
  613.    <div class="container align-center">
  614.        <div class="title mbr-pb-4">
  615.            <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-2">Columns with heading</h3>
  616.        </div>
  617.        <div class="mbr-row mbr-jc-c">
  618.            <div class="card mbr-col-sm-12 mbr-col-lg-4 md-pb">
  619.                <p class="mbr-text mbr-fonts-style display-7"><a href="https://pg888th.win/">PG888TH</a></p>
  620.            </div>
  621.            <div class="card mbr-col-sm-12 mbr-col-lg-4 md-pb">
  622.                <p class="mbr-text mbr-fonts-style display-7"><a href="https://pg168.win/">PGSLOT168</a></p>
  623.            </div>
  624.            <div class="card mbr-col-sm-12 mbr-col-lg-4">
  625.                <p class="mbr-text mbr-fonts-style display-7"><a href="https://ytmp3s.info/">YTMP3S</a></p>
  626.            </div>
  627.            
  628.        </div>
  629.    </div>
  630. </section>
  631.  
  632. <section class="title1 cid-r9tQB0QvDG" id="title1-m">
  633.    
  634.    <!--Block parameters controls (Blue "Gear" panel) -->
  635.    
  636.    <div class="container">
  637.        <div class="title align-center">
  638.            <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-1"><span style="font-weight: normal;">Our Contacts</span></h3>
  639.            
  640.        </div>
  641.    </div>
  642. </section>
  643.  
  644. <section class="contacts2 cid-r9yswdTRjM" id="contacts2-v">
  645. <!-- Block parameters controls (Blue "Gear" panel) -->
  646. <div class="container">
  647. <div class="mbr-row main-row mbr-jc-c mbr-row-reverse">
  648. <div class="first-element mbr-col-md-12 mbr-col-sm-12 mbr-column mbr-flex mbr-jc-c mbr-col-lg-6">
  649. <div class="contacts-block mbr-pb-4 mbr-flex mbr-jc-c mbr-column">
  650. <h4 class="contacts-title mbr-bold mbr-fonts-style mbr-pb-3 display-7">YOU CAN WRITE US</h4>
  651. <div class="contacts-box">
  652. <p class="mbr-text contacts-text mbr-fonts-style display-7"><a href="http://news-utility.club">news-utility.club</a><br><a href="http://siteblogs.club">siteblogs.club
  653. </a><br><a href="http://siteblogs02.club">siteblogs02.club
  654. </a><br><a href="http://siteblogs03.club">siteblogs03.club
  655. </a><br><a href="http://siteblogs04.club">siteblogs04.club
  656. </a><br><a href="http://game-utility.club">game-utility.club
  657. </a><br><a href="http://bikespeed.club">bikespeed.club
  658. </a><br><a href="http://siteblogs05.club">siteblogs05.club
  659. </a><br><a href="http://thblogs.club">thblogs.club
  660. </a><br><a href="http://site-utility.club">site-utility.club</a><br><a href="http://q3o8y.com">q3o8y.com</a><br><a href="http://nationalgirlsschoolbandra.com">nationalgirlsschoolbandra.com</a><br><a href="http://yrx7k.com">yrx7k.com</a><br><a href="http://taiwave.com">taiwave.com</a><br><a href="http://south-african-singles.com">south-african-singles.com</a><br><a href="http://w8175.com">w8175.com</a><br><a href="http://99cbw.org">99cbw.org</a><br><a href="http://37095583.com">37095583.com</a><br><a href="http://guoyanfang1986.com">guoyanfang1986.com</a><br><a href="http://juicebymelissa.com">juicebymelissa.com</a><br><a href="http://078187.com">078187.com</a><br><a href="http://yuxoz.com">yuxoz.com</a></p>
  661. <p class="mbr-text contacts-text mbr-fonts-style mbr-pt-2 display-7"></p>
  662. <p class="mbr-text contacts-text mbr-fonts-style mbr-pt-2 display-7"></p>
  663. </div>
  664. </div>
  665. </div>
  666. <div class="second-element mbr-col-md-12 mbr-col-sm-12 mbr-column mbr-flex mbr-jc-c mbr-col-lg-6 mbr-m-auto" data-form-type="formoid">
  667. <div class="form-block" data-form-type="formoid">
  668. <form class="mbr-form mbr-jc-c mbr-flex mbr-column" method="post" target="_top" action-xhr="https://f.8b.com/api/sites/475849/forms/data/" data-form-title="8b Form">
  669. <div submit-success="">
  670. <template data-form-alert="" type="amp-mustache">Subscription successful!</template>
  671. </div>
  672. <div submit-error="">
  673. <template data-form-alert="" type="amp-mustache">Failed! {{error}}</template>
  674. </div>
  675. <div class="fieldset">
  676. <div class="field" data-for="form[data][0][1]">
  677. <input type="hidden" name="form[data][0][0]" value="First Name" id="form[data][0][0]-contacts2-v" data-form-field="">
  678. <input type="text" name="form[data][0][1]" data-form-field="Name" placeholder="First Name" required="" id="form[data][0][1]-contacts2-v">
  679. </div>
  680. <div class="field" data-for="form[data][2][1]">
  681. <input type="hidden" name="form[data][1][0]" value="E-mail" id="form[data][2][0]-contacts2-v" data-form-field="">
  682. <input type="email" name="form[data][1][1]" data-form-field="E-mail" placeholder="E-mail Address" required="" id="form[data][2][1]-contacts2-v">
  683. </div>
  684. <div class="text-field" data-for="form[data][4][1]">
  685. <input type="hidden" name="form[data][2][0]" value="Message" id="form[data][4][0]-contacts2-v" data-form-field="">
  686. <textarea name="form[data][2][1]" rows="7" data-form-field="Message" placeholder="Message" id="form[data][4][1]-contacts2-v"></textarea>
  687. </div>
  688. </div>
  689. <div class="mbr-section-btn align-center"><button type="submit" class="btn btn-md btn-form btn-primary display-7">Send</button></div>
  690. </form>
  691. </div>
  692. </div>
  693. </div>
  694. </div>
  695. </section>
  696.  
  697. <section class="title1 cid-r9QacsuQSQ" id="title1-1a">
  698.    
  699.    <!--Block parameters controls (Blue "Gear" panel) -->
  700.    
  701.    <div class="container">
  702.        <div class="title align-center">
  703.            <h3 class="mbr-section-title mbr-fonts-style mbr-bold display-1"><span style="font-weight: normal;">Location</span></h3>
  704.            
  705.        </div>
  706.    </div>
  707. </section>
  708.  
  709. <section class="contacts6 map cid-r9tQwWr9NC" id="contacts6-j">
  710.    
  711.    
  712.    <div class="container">
  713.        
  714.        <div class="map-block mbr-col-md-12 mbr-jc-c mbr-flex mbr-m-auto mbr-column">
  715.            <div class="google-map"><amp-iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDlqUgrubRDixmu6OnRsHrqa1XpJBGnlKQ&amp;q=350 5th Ave, New York, NY 10118" height="400" layout="fill" sandbox="allow-scripts allow-same-origin                                 allow-popups" frameborder="0" class="placeholder-loader">
  716.                <div placeholder="" class="placeholder">
  717.                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  718.                                    <circle class="big" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="230" stroke-dashoffset="230" cx="150" cy="150" r="145"></circle>
  719.                                    <circle class="small" fill="none" stroke="#c2e0e0" stroke-width="3" stroke-dasharray="212" cx="150" cy="150" r="135"></circle>
  720.                                </svg></div>
  721.            </amp-iframe></div>
  722.            
  723.        </div>
  724.    </div>
  725. </section>
  726.  
  727. <section class="footer1 cid-r9tQDXn5n6" id="footer1-o">
  728.    
  729.    
  730.    <div class="footer-container container">
  731.        
  732.        <div class="copyright mbr-px-2 mbr-flex mbr-jc-c">
  733.            <p class="mbr-text mbr-fonts-style mbr-white align-center display-4">© <span>2022</span> <span>sl-game</span></p>
  734.        </div>
  735.    </div>
  736. </section>
  737.  
  738.  
  739.  
  740.  
  741.  
  742. <div class="banner align-center" id="eightBBanner">
  743.  <p class="mbr-text mbr-fonts-style display-7">The site was created with <a class="mbr-text" href="https://8b.com" target="_blank">8b Free Website Builder</a></p>
  744.  <div class="mbr-section-btn">
  745.    <a class="btn btn-sm btn-primary display-4" href="https://8b.io/" target="_blank">Create Link in Bio</a>
  746.    <a class="btn btn-sm btn-secondary display-4" href="https://b.8b.com/buy?plan=4&owner=2127321&site=475849&title=8b%20Start%20Plan%20for%20475849.8b.io">Remove This Banner</a>
  747.  </div>
  748.  <div class="mbr-section-abuse-report display-7"><a href="mailto:s@8b.com?subject=8b Abuse Report 475849.8b.io">Report Abuse</a></div>
  749. </div>
  750. <style amp-keyframes>
  751. @keyframes animBanner {
  752.    0%   {opacity: 0;transform: translatey(-8rem);}
  753.    75%  {opacity: 0;transform: translatey(-8rem);}
  754.    100% {opacity: 1;transform: translatey(0);}
  755.  }
  756.  @keyframes animHeight {
  757.    0%   {transform: translatey(-8rem);}
  758.    75%  {transform: translatey(-8rem);}
  759.    100% {transform: translatey(0);}
  760.  }
  761. </style>
  762. </body>
  763. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda