@font-face {
    font-family: 'rr';
    src: url('/fonts/raustila-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/raustila-Regular.woff') format('woff'), url('/fonts/raustila-Regular.ttf') format('truetype'), url('/fonts/raustila-Regular.svg#raustila-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 
@font-face {
    font-family: 'ga1';
    src: url('/fonts/GothicA1-Regular.eot');
    src: url('/fonts/GothicA1-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothicA1-Regular.woff2') format('woff2'),
        url('/fonts/GothicA1-Regular.woff') format('woff'),
        url('/fonts/GothicA1-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 */


div#statement {
 width: calc(100% - 20px);
 padding: 15px 10px;
 color: #fff;
 text-align: left;
 font-size: 16px;
 background: rgb(208, 35, 35,0.95);
 margin: 0 0 10px;
   display:none;
   position:fixed;
   top:0;
   transition:1s;
   z-index:5;
   text-align:center;
}

body{
    font-family: century-gothic;
}
.top {
    width: 100%;
    float: left;
}
.home .top {
    position: absolute;
    top: 0;
    z-index: 9;
}
.hug {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}
.hug.big{
    max-width:1920px;
}
.logo {
    float: left;
    position: absolute;
    width: 170px;
    margin-top: 25px;
    margin-left: 20px;
}
img {
    max-width: 100%;
    pointer-events: none;
}

p,h1, h2, h3, h4, h5, .offer .text{
  user-select: none;
}

.cur {
    cursor: pointer;
    cursor: hand;
}
.topwhite {
    float: right;
    padding: 10px 20px;
    width: calc(100% - 40px);
}
.topwhite .search {
    float: right;
    margin-right:20px;
}
.topwhite .sm {
    float: right;
    margin: 6px 0;
}
.topwhite .sm .s {
    float: left;
    margin-left: 20px;
}
.menu {
    width: calc(100% - 40px) !important;
    max-width: 1360px;
    /* float: right; */
    margin: 30px auto 0;
    margin-top: 30px;
    padding-top: 30px;
    padding: 0 20px;
}
.home .top .menu {
    margin-top: 30px;
}
.menu ul {
    float: right;
    margin-top: 10px;
}
.menu ul li, .btns ul li,
.about .menu ul li:nth-child(1) {
    float: left;
    margin-left: 20px;
}
.menu ul li a, .btns ul li a{
    color:#565656;
    transition:0.5s;
    padding: 5px 15px;
    float: left;
    width: calc(100% - 30px);
    letter-spacing: 0.5px;
}
.menu ul li a.aa, .btns ul li a.aa,
 .about .menu ul li:nth-child(1) a,
.schoolofmemory .menu ul li:nth-child(2) a,
.offer .menu ul li:nth-child(3) a,
.foreducation .menu ul li:nth-child(3) a,
.forfamily .menu ul li:nth-child(3) a,
.forcompanies .menu ul li:nth-child(3) a,
.calendar .menu ul li:nth-child(4) a ,
.demo-classes .menu ul li:nth-child(4) a ,
.events .menu ul li:nth-child(5) a,
.subevents .menu ul li:nth-child(5) a,
.blog .menu ul li:nth-child(6) a,
.todownload .menu ul li:nth-child(7) a {
    color: #e75a6b;
    border: 1px solid;
    border-radius: 30px;
}
.menu ul li a:hover{
    color:#e75a6b;
}
.menu ul li a.aa:hover {
    background: #e75a6b;
    color: #fff;
}
.menu ul li.last a:hover {
    background: none;
    color: #e75a6b;
}
.home .logo {
    padding: 30px;
    border-radius: 100%;
    width: 220px;
    height: 220px;
    display: flex;
    align-items: flex-end;
    margin-top: -125px;
    box-shadow: 0 0 15px 0px #bbbbbb;
    background: #fff;
    margin-left: 20px;
    z-index: 9999;
}
.home .logo img {
    max-width: 150px;
    margin: 10px 25px;
}
.top input {
    border-radius: 20px;
    outline: none;
    background: none;
    border: 1px solid #9c9c9c;
    text-align: center;
    padding: 5px 0;
    font-family: century-gothic;
    font-size:12px;
    width: 155px;
}
.top input::placeholder{
    font-family: century-gothic;
    font-size:14px;
    color:#9c9c9c;
    font-size:12px;
}
.topwhite .search span {
    background: url(/img/icon-search.jpg) no-repeat center / cover;
    width: 17px;
    height: 17px;
    float: left;
    margin: 6px 10px;
}
.topwhite .sm .s img {
    opacity: 0;
    transition:0.5s;
}
.topwhite .sm .s.fb, .footer .sm .s.fb {
    background: url(/img/sm-fb.jpg) no-repeat;
}
.topwhite .sm .s.ig, .footer .sm .s.ig {
    background: url(/img/sm-ig.jpg) no-repeat;
}
.topwhite .sm .s.yt, .footer .sm .s.yt {
    background: url(/img/sm-yt.jpg) no-repeat;
}
.topwhite .sm .s.tt, .footer .sm .s.tt {
    background: url(/img/sm-tt.jpg) no-repeat;
}
.topwhite .sm .s:hover img, .footer .sm .s:hover img{
    opacity:1;
}
.slider {
    height: calc(100vh - 47px);
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 47px;
    min-height: 800px;
}
.slider #bgs {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
}
.slider #bgs .bg1, .slider #bgs .bg2, .slider #bgs .bg3, .slider #bgs .bg4 {
    float: left;
    width: 100%;
    height: calc(100vh - 47px);
    opacity: 0;
    transition: 0.7s linear;
    position: absolute;
    min-height: 800px;
}
.slider #bgs .bg1{
    background:url(/img/home-slider-1.jpg) no-repeat 70% / cover;
    opacity:1;
}
.slider #bgs .bg2{
    background:url(/img/sensos-slider1-nowe3.jpg) no-repeat 70% / cover;
}
.slider #bgs .bg3{
    background:url(/img/slider-3-nowy.jpg) no-repeat 70% / cover;
}
.slider #bgs .bg4{
    background:url(/img/slider-4-nowy2.jpg) no-repeat 80% / cover;
}
div#txt {
    display: flex;
    align-items: center;
    height: calc(100vh - 47px);
    flex-wrap: wrap;
    align-content: center;
    max-width: 45%;
    position: relative;
    min-height: 800px;
    margin-left: 20px;
}
div#txt .t {
    opacity: 1;
    z-index:1;
    float: left;
    width: 100%;
    position: absolute;
    transition:0.4s linear 0.3s;
}
div#txt .t.hide{
    opacity: 0;
    transition:0.4s;
    z-index:-1;
    max-height: unset;
    margin: unset;
}
div#txt .t h1, div#txt .t h2 {
    font-family: 'Poppins';
    font-size: 55px;
    color: #e75a6b;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
div#txt .t p {
    color: #565656;
    font-size: 18px;
    float: left;
    width: 100%;
}
#txt .bt {
    float: left;
    margin: 50px 0px 0;
}
.button {
    border-radius: 30px;
    background-color: #e75a6b;
    border: 1px solid #e75a6b;
    margin: 10px 20px 0 0;
    float: left;
}
.button.first{
    width: 130px;
    background-color: transparent;
}
.button.first.long {
    width: 190px;
    background: #fff;
}
.button.second{
    width: 190px;
    margin-right: 0;
}
.button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    letter-spacing: 0.5px;
}
.button span:after {
    content: '\2192';
    position: absolute;
    opacity: 0;
    top: -2px;
    right: 0;
    transition: 0.5s;
}
.button:hover span:after {
    opacity: 1;
    right: -25px;
}
.button:hover span{
    margin-left:-25px;
}
.button.first a {
    color: #e75a6b;
}
.button.second a {
    color: #fff;
}
.button a {
    padding: 8px 15px;
    float: left;
    width: calc(100% - 30px);
    text-align: center;
}
.menu ul li.last a, .btns ul li.last a {
    background: #e75a6b;
    border-radius: 20px;
    color: #fff;
    border: 1px solid #e75a6b;
}
.bubbles {
    float: left;
    width: 100%;
    height: 100vh;
    min-height: 800px;
}
.home .bubbles{
    height:auto;
    min-height: unset;;
}
h1.akre {
   margin-top:30px;
   
}
.contact .bubbles {
    height: auto;
    min-height: unset;
    margin-top: 90px;
}
.bubbles .l {
    height: 100vh;
    width: calc(50% - 50px);
    display: flex;
    align-items: center;
    float: left;
    min-height: 700px;
    position: relative;
    margin-right: 50px;
}
/* .home .bubbles .l{
    height:auto;
    min-height:unset;
} */
.contact .bubbles .l {
    height: 680px;
    position: absolute;
}
.bubbles .l .bb {
    background: url(/img/home-bubbles.png) no-repeat left / contain;
    width: 100%;
    float: left;
    height: 100%;
    max-width: 910px;
    position: relative;
}
.pulse {
    float: left;
    width: 170px;
    height: 170px;
    border: 2px solid rgb(247, 149, 186);
    border-radius: 100%;
    position: absolute;
    right: 0;
    animation: pulse 1.3s infinite;
   -moz-animation: pulse 1.3s linear infinite;
   -webkit-animation: pulse 1.3s linear infinite;
    top: 40%;
}
.pulse a {
   float: left;
   width: 100%;
}
.inpulse {
    width: 120px;
    height: 120px;
    background: #ea5a6e;
    border-radius: 100%;
    margin: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    justify-content: center;
}
.inpulse a {
   color: #fff;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(247, 149, 186,0.4);
   }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgb(247, 149, 186,0);
   }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(247, 149, 186,0);
   }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(247, 149, 186,4);
        box-shadow: 0 0 0 0 rgb(247, 149, 186,4);
   }
    70% {
        -moz-box-shadow: 0 0 0 10px rgb(247, 149, 186,0);
        box-shadow: 0 0 0 10px rgb(247, 149, 186,0);
   }
    100% {
        -moz-box-shadow: 0 0 0 0 rgb(247, 149, 186,0);
        box-shadow: 0 0 0 0 rgb(247, 149, 186,0);
   }
}
.pulse:hover{
animation-play-state: paused;   
}
.txt {
    height: 100vh;
    display: flex;
    align-items: center;
    min-height: 800px;
    margin-left: 50px;
    width: calc(50% - 70px);
    float: left;
    font-size: 2vw;
    margin-right: 20px;
}

.home .txt{
    height:auto;
    min-height:unset;
    padding: 50px 0;
}
.txt p {
    width: 100%;
    float: left;
    line-height: 38px;
    color: #565656;
}
.services {
    float: left;
    width: 100%;
    background: #e75a6b;
    color: #fff;
}
.for {
    float: left;
    width: 100%;
    padding: 130px 0;
}
.for .box {
    float: left;
    width: 33.3%;
    text-align: center;
}
.for .box a {
   float: left;
   width: 190px;
   margin-left: calc(50% - 80px);
   color: #fff;
   transition: 0.5s;
   transform: scale(0.95);
}

.for .box a:hover {
   transform: scale(1);
}
.for .box p {
    font-size: 20px;
    margin-top: 30px;
    width: 100%;
}
.ab {
    float: left;
    width: 100%;
}
.ab .l {
    float: left;
    width: calc(50% - 70px);
    margin-right: 50px;
    margin-left: 20px;
    position: absolute;
    left: 20px;
    height: calc(100% - 80px);
    display: flex;
    align-items: center;
    margin: 40px 0;
}
.ab .l img {
    max-height: 100%;
}
.gift .ab .l img{
    max-width:unset;
}
.gift .ab .l .ydot img{
    max-width: 100px;
}
.ab .hug {
    position: relative;
    margin: unset;
    float: left;
    margin-left: calc(50% - 700px);
    width: 1400px;
    max-width: unset;
}
.ab .hug .r {
    width: calc(50% - 70px);
    margin-left: 50px;
    float: right;
    margin-right: 20px;
    margin: 100px 20px 100px 0;
}

.gift .ab .hug .r {
    /* width:calc(40% - 70px); */
    /* margin-top:150px!important; */
}
.footer {
    float: left;
    width: 100%;
    background: url(/img/footer-bg.png) no-repeat top / cover;
}
.footer .top, .home .footer .top {
    position: static;
    float: left;
    width: calc(100% - 40px);
    margin: 70px 20px;
}
.seecal {
    text-align: center;
    width: 100%;
    float: left;
}
.seecal p {
    font-size: 26px;
    letter-spacing: 1px;
    float: left;
    width: 100%;
}
.seecal p.btn {
    background: #e75a6b;
    width: 200px;
    margin-left: calc(50% - 101px);
    border-radius: 30px;
    margin-top: 20px;
    border: 1px solid #e75a6b;
    transition: 0.5s;
}
.seecal p.btn a {
    font-size: 16px;
    width: calc(100% - 40px);
    float: left;
    padding: 10px 20px;
    color: #fff;
    transition: 0.5s;
}
.data {
    float: left;
    width: 100%;
    margin-top: 100px;
    font-size: 14px;
}
.data .box {
    width: 20%;
    float: left;
    color: #565656;
}
.data .box:nth-child(1) {
    width: 40%;
}
.data .box:nth-child(1) h3 {
    width: 75%;
    line-height: 22px;
    color: #565656;
    font-size: 16px;
}
.data .box a {
    color: #565656;
}
.footer .sm {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.footer .sm .s {
    float: left;
    margin-right: 15px;
}
.footer .box p {
    line-height: 20px;
}
.footer .sm .s img {
    opacity: 0;
    transition: 0.5s;
}
.footer .bottom {
    float: left;
    width: calc(100% - 40px);
    border-top: 1px solid #cccccc;
    padding: 25px 20px;
    color: #565656;
    font-size: 14px;
}
.data .box.links a:hover {
    color: #e75a6b;
}
.data .box.links a {
    transition: 0.5s;
}
.seecal p.btn:hover {
    background: none;
}
.seecal p.btn:hover a {
    color: #e75a6b;
}
.footer .box p.btn {
    float: left;
    margin-top: 10px;
    border: 2px solid #e75a6b;
    border-radius: 30px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    transition: 0.5s;
}
.footer .box p.btn a {
    padding: 10px 20px;
    color: #e75a6b;
    float: left;
    width: calc(100% - 40px);
    transition: 0.5s;
}
.footer .box p.btn a:hover{
    color:#fff;
}
.footer .box p.btn:hover{
    background:#e75a6b;
}
.footer .bottom p {
    float: left;
}
.footer .bottom p.r {
    float: right;
}
.footer .bottom p.r a {
    color: #565656;
    transition: 0.5s;
}
.footer .bottom p.r a:hover {
    color: #e75a6b;
}
.ab .hug .r p.big {
    font-size: 55px;
    font-family: 'Poppins';
    color: #e75a6b;
    margin-bottom: 10px;
}
.gift .ab .hug .r p.big{
    margin-top: 70px;
}
.about .ab .hug .r p.big {
    font-family: century-gothic;
    font-size: 26px;
    font-weight: bold;
}
.ab .hug .r p, .ab .hug .r h2 {
    color: #565656;
    margin-bottom: 20px;
    font-size: 18px;
}
.ab .hug .r p.f{
    font-weight:600;
}
.ab .hug .r h2 {
    font-weight: bold;
}
.ab .hug .r p.btn {
    border: 1px solid #e75a6b;
    float: left;
    border-radius: 30px;
    margin-top: 20px;
    transition: 0.5s;
}
.ab .hug .r p.btn a {
    padding: 8px 30px;
    float: left;
    width: calc(100% - 60px);
    color: #e75a6b;
    transition: 0.5s;
    font-size: 16px;
}
.ab .hug .r p.btn a:hover,
.gift .ab .hug .r p.btn a.act
{
    color:#fff;
}

.ab .hug .r p.btn:hover,
.gift .ab .hug .r p.btn
{
    background:#e75a6b;
}

.ydot {
    position: absolute;
    width: 100px;
    right: 0;
    bottom: 0px;
}

img.ydots {
    position: absolute;
    width: 140px;
    top: 60px;
    right: 50px;
}
.giftform .form,
.giftform .form form {
    float: unset;
    width: 500px;
    margin: 30px auto;
    position: relative;
}


.kom-oso {
    position: absolute;
    width: 180px;
    right: 40px;
    top: 690px;
}

.down {
    float: none;
    max-width:500px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #cccccc;
    border-top: 1px solid #cccccc;
    text-align: center;
}
.down a{
        color: #cccccc;
}
.down p:nth-child(1){
    padding-top: 7px;
}
.down p{
    font-size:14px;
    
    
}
.form {
    float: right;
    width: calc(50% - 20px);
    margin: 20px 20px 80px 0;
    position: relative;
    right: 0;
}
.form .f {
    width: calc(100% - 0px);
    margin-top: 30px;
    margin-left: 20px;
}
form .chbox p a {
 color: #e75a6b;
 transition: 0.5s;
}

form .chbox p a:hover {
 color: #565656;
}
.decoleft {
    background: url(/img/trainers-bubbles-left.png) no-repeat left / cover;
    width: 432px;
    height: 706px;
    float: left;
    position: absolute;
    left: -60px;
    top: 50px;
    z-index: -1;
    opacity: 0.3;
}
.decoright{
    width: 430px;
    height: 706px;
    background: url(/img/trainers-bubbles-right.png) no-repeat left / cover;
    position: absolute;
    right: -60px;
    top: 0;
    z-index: -1;
    opacity: 0.3;
}
.form .f h2 {
    font-size: 50px;
    color: #e75a6b;
    margin-bottom: 20px;
    font-family: 'Poppins';
    letter-spacing: 3px;
}
form input,form textarea {
    width: calc(100% - 20px);
    padding: 10px;
    border: 1px solid #e75a6b;
    margin-bottom: 10px;
    outline: none;
    font-family: century-gothic;
    font-size: 16px;
}
.form form {
    float: left;
    width: 100%;
}
.form form p {
    color: #565656;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
form textarea {
    max-width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    height: 200px;
}
.form form p {
    margin-top: 10px;
    font-size: 14px;
}
form .chbox {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 20px;
}
form .chbox span {
    width: 20px;
    height: 20px;
    float: left;
    transition:0.5s;
    border: 1px solid #e75a6b;
}
.inpopup form .chbox p {
    margin-left: 15px;
    margin-top: 0;
    margin-right: 0;
    width: calc(100% - 20px);
    font-size: 14px;
    max-width: 330px;
}

form .chbox span.show {
   background: #e75a6b;
}
form .chbox p {
    float: left;
    width: calc(100% - 52px);
    margin-left: 20px;
    margin-top: 0;
    text-align: justify;
    font-size: 12px;
}
.form form p.btn {
    border: 1px solid #e75a6b;
    width: auto;
    padding: 8px 45px;
    border-radius: 30px;
    background: #e75a6b;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 0;
    transition: 0.5s;
}
.gift p.btn.cur {
    /* margin-left: calc(50% - 150px); */
    margin: 30px calc(50% - 140px);
    padding: 8px 35px;
}

.form form p.btn:hover{
    color:#e75a6b;
    background:none;
}
iframe {
    width: 100%;
    height: 30vw;
    min-height: 300px;
}
.contact .info {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}
.contact .info h1, .contact .info h2, .contact .info h1, .contact .info p {
    font-size: 18px;
    float: left;
    width: 100%;
}
.contact .info h1, .contact .info h3 {
    margin-bottom: 10px;
    color: #e75a6b;
    font-weight: bold;
    font-size: 18px;
    float: left;
    width: 100%;
}
.contact .info h3 {
   margin-top: 35px;
}
.contact .info p {
    margin-top: 10px;
}
.eve, .allblog, .cale {
    float: left;
    width: 100%;
    margin: 70px 0;
    position: relative;
}
.eve h1, .allblog h1, .cale h1, p.main {
    float: left;
    width: 100%;
    text-align: center;
    color: #e75a6b;
    font-size: 30px;
    font-weight: bold;
}

p.decor {
   color: #565656;
   width: 100%;
   text-align: center;
   font-size: 48px;
   margin-top: 10px;
   float: left;
   font-family: 'Poppins';
}

.type.ed a {
   color: #565656;
   border-bottom: 1px solid;
}
.type.ed a:hover {
   color: #e75a6b;
   border-bottom: 1px solid;
}

.text.tech {
    line-height:22px;
    text-align:left;
    
}
.ineve, .inblog, .incale {
    float: left;
    width: calc(100% - 40px);
    margin: 70px 20px 0;
}
div.ineve {
   margin-top: 50px;
}
.ineve .e {
    float: left;
    width: calc(33.3% - 10px);
    border-radius: 20px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
    max-height: 0;
    margin-bottom: 15px;
    display: none;
    opacity: 0;
    transition: max-height .5s linear 0s, opacity .5s linear .25s;
}
.ineve .e.show {
    opacity: 1;
    max-height: 170px;
}
.ineve .e .l {
    float: left;
    width: 120px;
    min-height: 170px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.ineve .e .r {
    float: left;
    width: calc(100% - 161px);
    border-left: 1px solid rgb(239, 239, 239);
    padding: 20px 15px;
    min-height: 130px;
    color: #565656;
    position: relative;
}
.ineve .e .l .day {
    float: left;
    width: 90px;
    height: 90px;
    background: #e75a6b;
    border-radius: 100%;
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 36px;
    font-weight:bold;
}
.ineve .e .l .day.doble {
    font-size: 23px;
}
.ineve .e .l p {
    margin-top: 10px;
    color: #565656;
}.ineve .e .l p.mini {
   float: left;
   width: 100%;
   text-align: center;
   margin: 0;
   font-size: 12px;
}
.ineve .e .r .type {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.ineve .e .r .name {
    float: left;
    width: 100%;
    font-weight: bold;
}
.ineve .e .r .btn {
    position: absolute;
    bottom: 20px;
    border: 1px solid #e75a6b;
    border-radius: 30px;
    transition: 0.5s;
    width: auto;
    padding: 0;
}
.ineve .e .r .btn a {
    padding: 5px 15px;
    float: left;
    width: calc(100% - 30px);
    font-size: 14px;
    color: #e75a6b;
    transition: 0.5s;
}
.ineve .e .r .btn a:hover {
    color: #fff;
}
.ineve .e .r .btn:hover {
    background: #e75a6b;
}
.ineve .e:nth-child(3n+1) {
    margin-right:10px;
}
.ineve .e:nth-child(3n+2) {
    margin:0 5px;
}
.ineve .e:nth-child(3n+3) {
    margin-left:10px;
}
.inabout, .inoffer {
    float: left;
    width: 100%;
    margin-top: 70px;
}
.inabout .grey {
    background: #eee;
    width: 100%;
    float: left;
    padding-bottom: 80px;
}
.inabout h1, .inoffer h1 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 40px;
    font-weight: bold;
    color: #e75a6b;
}
.inoffer h1 {
    margin: 0 20px 0;
    width: calc(100% - 40px);
    margin-top: 0;
}
.inabout .grey p {
    font-family: 'Poppins';
    width: 100%;
    text-align: center;
    font-size: 48px;
    margin: 30px 0;
    color:#565656;
}
.video {
    width: calc(100% - 40px);
    float: left;
    margin: 0 20px;
}
.video video {
    float: left;
    width: 100%;
}
.pink {
    float: left;
    width: 100%;
    background: #e75a6b;
    color: #fff;
}
.pink p.first {
    float: left;
    width: calc(100% - 40px);
    text-align: center;
    font-weight: bold;
    margin: 70px 20px 50px;
    font-size: 30px;
}
.hug.mini {
    max-width: 940px;
}
.options {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px;
}
.mini .options .o {
    float: left;
    width: 380px;
    margin-bottom: 70px;
}

.schoolofmemory .mini .options .o {
    
    width: 420px;
}
.mini.last .options .o{
    min-height:120px;
}
.mini .options .o:nth-child(2), .mini .options .o:nth-child(4) {
    float: right;
}
.options .o span {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 100%;
    background: #fff;
    color: #e75a6b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    margin-right: 30px;
}
.schoolofmemory .options .o span{

    border: 1px solid #e75a6b;
    background: none;
}
.options .o p {
    float: left;
    width: calc(100% - 80px);
}
.ab.reverse .l {
    float: right;
    margin-right: 20px;
    margin-left: 20px;
    left: 0;
}
.ab.reverse .l img {
    float: right;
}
.ab.reverse .r {
    left: 0;
    margin-left: 20px;
    margin-right: 50px;
}
.options.normal .o {
    width: calc(33.3% - 50px);
    float: left;
}
.options.normal .o:nth-child(1) {
    margin-right: 50px;
}
.options.normal .o:nth-child(2) {
    margin: 0 25px;
}
.options.normal .o:nth-child(3) {
    margin-left: 50px;
}
.options.normal {
    margin-bottom: 70px;
}
.invite {
    float: left;
    width: 100%;
    text-align: center;
    margin: 70px 0;
}
.insta {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.invite p {
    float: left;
    width: calc(100% - 40px);
    text-align: center;
    font-size: 46px;
    font-family: 'Poppins';
    color: #e75a6b;
    margin: 30px 20px 0;
}
.insta p {
    font-family: century-gothic;
    font-size: 20px !important;
    color:#565656;
}
.about .r a {
    color: #565656;
    transition: 0.5s;
}
.about .r a:hover {
    color: #e75a6b;
}
.mini.last .options .o:nth-child(3), .mini.last .options .o:nth-child(4) {
    margin-bottom: 30px;
}
.eventpage {
    float: left;
    width: 100%;
    margin: 100px 0 0;
}
.young {
    max-width: 500px;
    min-width: 280px;
    margin: 0 auto;
}

.hug.medium,
.hug.foto_event {
    max-width: 1150px;
}


.foto_event .sec,
.foto_event .fi {
    width: calc(50% - 40px);
    margin:20px;
    float: left;
}



   

.eventpage h2 {
    text-align: center;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    color: #e75a6b;
    margin-bottom: 50px;
}
.inep {
    float: left;
    width: calc(100% - 40px);
    color: #565656;
    margin: 0 20px;
}
.inep p, .inep ul {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.inep img {
   float: left;
   margin-bottom: 20px;
}

.inep a {
   /* float: left; */
   color: #565656;
   text-decoration: underline;
   transition: 0.5s;
}

.inep a:hover {
   color: #e75a6b;
}
.deco {
    float: left;
    width: 100%;
    height: 23px;
    background: url(/img/deco.png) no-repeat center / cover;
    margin-top: 50px;
}
.inblog .b {
    float: left;
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #cccccc;
    opacity: 0;
    max-height: 0;
    padding: 0;
    transition: max-height .5s linear 0s, opacity .5s linear .25s;
    display:none;
}
.inblog .b:last-child {
    border-bottom:0;
}
.inblog {
    margin-top: 30px;
}
.inblog .b .l {
    float: left;
    width: 300px;
    margin-right: 40px;
}
.inblog .b .r {
    width: calc(100% - 340px);
    float: left;
    color: #565656;
}
.inblog .b .r h2, .inblog .b .r h3, .inblog .b .r h4, .inblog .b .r h5 {
    color: #e75a6b;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
}
.inblog .b .r p {
    float: left;
    width: 100%;
    font-size: 17px;
}
.inblog .b .r p.pub {
    font-size: 14px;
    margin-bottom: 10px;
}
.inblog .b .r a {
    float: left;
    width: auto;
    padding: 5px 10px;
    border: 1px solid #e75a6b;
    border-radius: 30px;
    font-size: 14px;
    margin: 20px 0 0;
    color: #e75a6b;
    transition:0.5s;
}
.inblog .b .r a:hover{
    color:#fff;
    background:#e75a6b;
}
.blog p.more.cur, .events p.more {
    float: left;
    width: 250px;
    text-align: center;
    color: #565656;
    margin: 50px 0 0;
    transition: 0.5s;
    margin-left: calc(50% - 125px);
}
.blog p.more.cur:hover, .events p.more:hover {
    color: #e75a6b;
}
.inblog .b.show {
    max-height: 400px;
    opacity: 1;
    padding: 40px 0;
}
.cale h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    color: #e75a6b;
    font-size: 20px;
    font-weight: bold;
}
.cale p.first {
    float: left;
    width: 100%;
    text-align: center;
    color: #e75a6b;
}
.calendarmain {
    float: left;
    width: 100%;
    background:#fff;
}
.calendarmain .row {
    float: left;
    width: 100%;
}
.calendarmain .row .box {
    float: left;
    width: calc(((100% - 300px) / 6) - 41px);
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 20px;
    align-content:center;
}
.calendarmain .row .box:nth-child(1){
    width: 260px;
    padding: 15px 20px;
}
.calendarmain .row .box.gr {
    background: #f6f6f6;
}
.calendarmain .row {
    border-bottom: 1px solid #aaaaaa;
}
.cale .calendarmain h2 {
    color: #565656;
    font-size: 16px;
    margin: 0;
    font-weight: normal;
}
.calendarmain .row .box p {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #e75a6b;
}
.calendarmain .row.first .box {
    height: 50px;
    color: #565656;
}
.calendarmain .row .box p:nth-child(3) {
    margin: 0;
}
.calendarmain .row .box p.day {
    display: none;
}
.calendarmain .row:nth-child(2) .box,
.calendarmain .row:nth-child(3) .box {height: 190px;}
.bubble.left, .bubble.right {
    position: absolute;
    height: 395px;
    z-index: -9;
}
.bubble.left {
    background: url(/img/calendar-bubbles-left.png) no-repeat center / cover;
    width: 340px;
    top: -180px;
}
.bubble.right {
    width: 360px;
    background: url(/img/calendar-bubbles-right.png) no-repeat center / cover;
    right: 0;
    top: 30px;
}
.calendar .seecal {
    display: none;
}
.calendar .data {
    margin-top: 50px;
}
.btns {
    float: right;
    margin-right: 30px;
    display:none;
}
.btns ul li a {
    font-size: 14px;
}
.post {
    width: 100%;
    float: left;
    margin-top: 80px;
}
.post .inpost {
    width: 100%;
    float: left;
}
.inpost .baner {
    width: calc(100% - 40px);
    float: left;
    max-height: 450px;
    overflow: hidden;
    margin: 0 20px;
}
.inpost .content {
    margin: 30px 20px;
    float: left;
    width: calc(100% - 40px);
    color: #565656;
}
.inpost .content h1 {
    color: #e75a6b;
    font-size: 30px;
    font-weight: bold;
    float: left;
    /* margin-bottom: 40px; */
    width: 100%;
}
.inpost .content p.date {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
}
.inpost .content h2 {
    float: left;
    width: 100%;
    line-height: 23px;
    font-weight: bold;
    margin-bottom: 20px;
}
.content p.ques, .content p.ans {
    width: 100%;
    float: left;
    line-height: 23px;
    margin-bottom: 5px;
    margin-top: 30px;
}
.content p.ans {
    margin-bottom: 15px;
    line-height: 23px;
}
.inpost li i {
    font-weight: 400;
}
.inpost li {
    margin: 20px;
}

.inpost ul {
    float: left;
    margin: auto;
}
.signature {
    float: right;
    text-align: right;
    margin-top: 30px;
}
.inpost .signature h2 {
    margin-bottom: 5px;
}

.inpost .decor{text-align:left;color:  #e75a6b;}
body.bledy-w-pisaniu-co-robic p {
    margin: 10px 0;
    float: left;
    width: 100%;
}
body.bledy-w-pisaniu-co-robic ul li {
    padding: 5px 0;
}
.back {
    float: left;
    width: calc(100% - 40px);
    border: 1px solid #cccccc;
    padding: 15px 20px;
    border-left: 0;
    border-right: 0;
}
.back a {
    color: #e75a6b;
}
.back span {
    width: 8px;
    height: 12px;
    float: left;
    background: url(/img/icon-a'Poppins'ow-pink.png) no-repeat;
    margin: 4px 15px 0 0;
    transition:0.5s;
}
.back:hover span{
    margin-left:-5px;
    margin-right:20px;
}
.next {
    float: left;
    width: calc(100% - 40px);
    margin: 50px 20px;
}
.next .b {
    float: left;
    width: calc(50% - 20px);
}
.next .b:nth-child(1) {
    margin-right: 20px;
}
.next .b:nth-child(2) {
    margin-left: 20px;
}
.next .b .h {
    font-size: 20px;
    color: #e75a6b;
    font-weight: bold;
    margin-bottom: 0;
}
.next .b p {
    width: 100%;
    float: left;
}
.next .b .date {
    color: #565656;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px;
}
.next .b .con {
    margin: 15px 0;
    color: #565656;
}
.next .b p.more a {
    color: #e75a6b;
    float: left;
    width: 100%;
}
.next .b p.more span {
    float: right;
    width: 8px;
    height: 12px;
    background: url(/img/icon-a'Poppins'ow-pink.png) no-repeat;
    transform: rotate(180deg);
    margin-left: 15px;
    margin-top: 4px;
    transition: 0.5s;
}
.next .b p.more {
    width: auto;
}
.next .b p.more:hover span {
    margin-left: 20px;
}





/* komenatrze*/
.comments {
    float: left;
    width: calc(100% - 40px);
    margin: 50px 20px 0;
}

.comments p.main {
    float: left;
    width: 100%;
    color: #e75a6b;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.comments p.btn {
    float: left;
    width: 100%;
    font-size: 16px;
    text-align: center;
    background: #e75a6b;
    width: 200px;
    margin-left: calc(50% - 101px);
    border-radius: 30px;
    margin-top: 20px;
    border: 1px solid #e75a6b;
    transition: 0.5s;
}

.comments p.btn a {    
    font-size: 16px;
    width: calc(100% - 40px);
    float: left;
    padding: 10px 20px;
    color: #fff;
    transition: 0.5s;

}

.comments form {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.comments form input, .comments form textarea {
    margin-top: 10px;
    float: left;
    width: calc(100% - 20px);
}

.comments form label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}



.comments p.btn:hover {
    background:none;
}
.comments p.btn:hover a{
    color:#e75a6b;
}div#comments {
    float: left;
    width: 100%;
    margin: 30px 0 0;
}

div#comments .count {
    float: left;
    width: 100%;
    color: #e75a6b;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

#comments .com {
    float: left;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    padding: 25px 0;
    color: #565656;
}

#comments .com:last-child {border: 0;}

#comments .com p {
    float: left;
    width: 100%;
}

#comments .com p.n {
    font-weight: bold;
}

#comments .com p.a {
    color: #b1b1b1;
    font-size: 14px;
    margin: 3px 0;
}

#comments .com p.c {
    margin: 10px 0;
}
.share {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.share iframe {
    min-height: unset;
    height: 30px;
}

.of {
    margin: 50px 20px 0;
    float: left;
    width: calc(100% - 40px);
}
.of .o {
    width: calc(33.3% - 120px);
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 40px;
   /* border: 1px solid white;
    */
    margin: 0 20px;
    transition: 0.5s;
}
.of .o h2 {
    float: left;
    margin-left: 30px;
    font-size: 20px;
    color: #565656;
}
.text {
    float: left;
    width: calc(100% - 160px);
    margin: 70px 80px 80px;
    color: #565656;
}
.offer .text p {
   float: left;
   width: 100%;
   margin-top: 30px;
   font-weight: bold;
   color: #e75a6b;
   letter-spacing: 1px;
}.offer .text p.ce {
   text-align: center;
   font-size: 18px;
}
.of .o img {
    max-width: 80px;
}
.of .o:hover {
    box-shadow: 1px 1px 7px #cccccc;
    border-radius: 20px;
}
.download-banner {
    float: left;
    width: 100%;
    margin: 50px 0 0;
    background: url(/img/baner-download.jpg) no-repeat center / cover;
    min-height: 310px;
    height: 40vh;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inbanner {
    max-width: 500px;
    width: calc(100% - 40px);
    margin: 0 20px;
}
.inbanner h1, .inbanner h2, .inbanner p {
    text-align: center;
    width: 100%;
    float: left;
}
.inbanner h1 {
    font-family: 'Poppins';
    font-size: 45px;
}
.inbanner .btn {
    float: left;
    padding: 10px 30px;
    background: #fff;
    color: #e75a6b;
    border-radius: 20px;
    font-weight: bold;
    transition:0.5s;
}
.inbanner .btn:nth-child() {
    margin-right: 10px;
}
.inbanner h2 {
    font-weight: 600;
    margin: 15px 0;
}
.inbanner p {
    margin: 10px 0 30px;
    font-weight: bold;
    font-size: 14px;
}
.inbanner div:nth-child(4) {
    margin-right:7px;
}
.inbanner div:nth-child(5) {
    margin-left:7px;
}
div#to-work, div#articles {
    float: left;
    width: calc(100% - 40px);
    padding: 30px 20px;
}
div#articles {
    margin-top: 0;
}
#to-work .box {
    float: left;
    width: calc(33.3% - 20px);
    margin: 0 10px 20px;
}
#to-work p.f, #articles p.f {
    font-weight: bold;
    margin: 0 10px 25px;
    float: left;
    width: calc(100% - 20px);
    font-size: 16px;
    color: #565656;
}
#to-work .box .shadow {
    width: 100%;
    box-shadow: 1px 1px 10px #ccc;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
}
div#to-work {
    padding-bottom: 10px;
}
#to-work .box .shadow span.first, #articles .box span.first {
    float: left;
    background: url(/img/bubbles-download.png) no-repeat center / cover;
    width: 180px;
    height: 61px;
    margin-left: -90px;
    margin-top: -15px;
    margin-bottom: 15px;
}
.shadow p, #articles p {
    float: left;
    margin: 0 100px 0 40px;
    width: calc(100% - 140px);
    font-weight: bold;
    color: #565656;
    font-size: 14px;
}
.shadow p.p, #articles p.p {
    color: #e75a6b;
    margin: 5px 100px 5px 40px;
    font-size: 25px;
}
.download {
    float: right;
    margin-bottom: 20px;
    margin-right: 10px;
}
#articles .download.cur {
    margin-top: -20px;
}
.download p {
    font-size: 12px !important;
    color: #565656;
    margin: 0 !important;
    float: left;
    width: 100% !important;
}
.download span {
    float: left;
    background: url(/img/icon-download.png) no-repeat center / cover;
    width: 14px;
    height: 17px;
    margin-left: calc(50% - 14px);
    margin-bottom: 3px;
}
.download a {
    float: left;
    width: 100%;
}
.box p.last {
    font-size: 14px;
    margin: 10px 0;
    float: left;
    width: 100%;
    color: #565656;
    font-weight: normal !important;
}
div#articles .box {
    width: calc(100% - 20px);
    float: left;
    box-shadow: 1px 1px 10px #ccc;
    border-radius: 20px;
    margin: 0 10px 20px;
    overflow: hidden;
}
.reference {
    /* float: left; */
    /* width: 100%; */
    /* border-top: 5px solid #e75a6b; */
    /* padding-top: 0px; */
}
.inref {
    margin: 70px 25px 20px;
    width: calc(100% - 50px);
    float: left;
}

.inref p.f {
    float: left;
    width: 100%;
    text-align: center;
    color: #e75a6b;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.inref p.decor {
   color: #565656;
   width: 100%;
   text-align: center;
   font-size: 48px;
   margin-top: 0px;
   margin-bottom: 40px;
   float: left;
   font-family: 'Poppins';
}
.inref .l, .inref .r {
    width: 50%;
    float: left;
}
.inref .l p, .inref .r p {
   float: left;
   width: 100%;
   margin-bottom: 30px;
}
.inref .l p a, .inref .r p a {
    color: #565656;
    width: auto;
    float: left;
}
.inref .l p a span, .inref .r p a span {
    float: left;
    width: 24px;
    height: 26px;
    background: url(/img/icon-badge.png) no-repeat center / cover;
    margin-right: 15px;
}
.inbanner .btn:hover {
   background: #e75a6b;
   color: #fff;
}
.tr {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 50px;
}
.tr h1 {
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    float: left;
    color: #e75a6b;
    text-align: center;
    margin: 50px 0;
}
.tr .trainer {
    float: left;
    width: calc(100% - 40px);
    color: #565656;
    margin: 0 20px 80px;
}
.trainers .bubbles {
    position: absolute;
}
.tr .trainer h2 {
    font-family: 'Poppins';
    font-size: 50px;
    color: #e75a6b;
}
.tr .trainer img {
    margin-top: 20px;
}
.school{
    float: left;
    margin: 100px 0 0;
    width: 100%;
    color: #565656;
}
.gift {
    float: left;
    margin:  0;
    width: 100%;
    margin: 20px 0 0 0;
    color: #565656;
}
.school h1 {
    font-size: 48px;
    text-align: center;
    font-family: 'Poppins';
    float: left;
    width: 100%;
    color: #565656;
    margin: 0 20px;
    width: calc(100% - 40px);
    margin-top: 30px;
}
.aboutsensos {
    float: left;
    margin: 50px 20px 0;
    width: calc(100% - 40px);
    font-size: 18px;
}
.school .ab {
    margin: 0 20px;
    width: calc(100% - 40px);
}

.gift .ab,
.gift .giftform {
    margin: 0px 20px;
    width: calc(100% - 40px);
}

.giftform {
    float: left;
    margin: 0 auto;
}
.gicons {
    margin: auto;
    max-width: 500px;
}

.pdots {
    width: 140px;
    position: absolute;
    left: 80px;
    top: 950px;
}

.gicons b {
    font-weight:400;
    float: right;
    padding: 10px 0px 0 0px;
    font-size: 16px;
    width: 83%;
}
.gicons p {
    font-size:16px
}

p.r-icon {
    font-size: 16px;
    text-align: center;
}

p.dtop {margin: 30px 0;text-align: center;}


.gicons img{
    /* width: 37px; */
    /* margin-right: 10px; */
    padding-left: calc(50% - 25px);
    height: 48px;
    padding-right: calc(50% - 25px);
    width: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.schoolofmemory p.big {
    font-family: century-gothic !important;
    font-weight:bold;
    font-size:30px !important;
    color: #e75a6b;
}
.aboutsensos p.big {
    margin-bottom: 15px;
}
.aboutsensos img {
    margin-top: 50px;
}
.aboutsensos .brain {
    float: left;
    width: 100%;
    text-align: center;
}
.schoolofmemory .text {
    text-align: center;
    color: #fff;
}
.schoolofmemory .text p:nth-child(1) {
   font-weight: bold;
   font-size: 30px;
}
.schoolofmemory .text p:nth-child(2) {
    max-width: 740px;
    margin-left: calc(50% - 370px);
    margin-top: 10px;
    font-size: 18px;
}
.schoolofmemory .im {
    float: left;
    width: 100%;
    text-align: center;
    margin:50px 0;
}
.schoolofmemory .options .o p {
    font-size: 20px;
    max-width: 310px;
}
.grey {
    float: left;
    width: 100%;
    background: #eeeeee;
}
.mission {
    margin: 0 20px;
    width: calc(100% - 40px);
    padding: 80px 0 15px;
    float: left;
}
.mission .m {
    margin-bottom: 50px;
    float: left;
    color: #565656;
}
.mission h2, .mission h3 {
    font-size: 26px;
    font-weight: bold;
    color: #e75a6b;
    margin-bottom: 15px;
}
.mission p {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.white {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}
.white p {
    float: left;
    margin: 0 20px;
    width: calc(100% - 40px);
    color: #e75a6b;
    font-size: 35px;
    max-width: 720px;
    font-weight: bold;
    margin-left: calc(50% - 360px);
}
.xxx {
   width: calc(100% - 40px);
   margin: 0 20px;
   float: left;
   overflow: hidden;
}
div#min {
   width: 100000%;
   float: left;
   transition: 0.5s;
}

div#min .m {
   width: 170px;
   float: left;
   margin: 0 20px;
   opacity: 0.5;
   transition: 0.5s;
   cursor:pointer;
   cursor:hand;
}
.ingall .l.cur, .ingall .r.cur {
   position: absolute;
   width: 23px;
   height: 22px;
   bottom: 60px;
   background: url('/img/arrow-gallery.png') no-repeat center / cover;
}

.ingall .l.cur {
   transform: rotate(-180deg);
   left: 0;
}

.ingall .r.cur {
   right: 0;
}
.ingall {
   float: left;
   width: calc(100% - 40px);
   overflow: hidden;
   margin:0 20px 50px;
   position: relative;
}
div#big {
   text-align: center;
   width: 100%;
   float: left;
   margin: 50px 0;
   transition: 0.5s;
}
.ingall h1 {
   font-size: 30px;
   text-align: center;
   width: 100%;
   margin: 80px 0  0;
   font-weight: bold;
   color: #e75a6b;
}
.inofferfor {
   width: calc(100% - 40px);
   float: left;
   margin: 100px 20px 60px;
   color: #565656;
   border-bottom: 1px solid #e75a6b;
}

.inofferfor .t {
   text-align: center;
}

.inofferfor .t p {
   text-align: left;
   margin-bottom: 50px;
   float: left;
   width: 100%;
}

.inofferfor .t img {
   max-width: 90px;
   margin-bottom: 20px;
}

.inofferfor h1 {
   float: left;
   width: 100%;
   font-size: 30px;
   font-weight: bold;
   color: #e75a6b;
   margin-bottom: 60px;
}
h1.grey{
   color:#565656;
}

.todevelop {
   float: left;
   width: 100%;
   border-top: 1px solid #e75a6b;
   padding: 20px 0;
}

.show {
   float: left;
   width: 100%;
   overflow: hidden;
}

.show h2, .show h3 {
   width: auto;
   float: left;
   line-height: 27px;
}

.show .btn {
   float: right;
   font-size: 14px;
   padding: 4px 15px;
   border: 1px solid #e75a6b;
   border-radius: 20px;
   color: #e75a6b;
   transition: 0.5s;
   width: 110px;
   text-align: center;
}

.show .btn:hover {
   background: #e75a6b;
   color: #fff;
}
.hide {
   float: left;
   width: 100%;
   margin: 20px 0 0;
   opacity: 0;
   max-height: 0;
   transition: max-height 0.5s 0s, opacity 0.4s 0.1s, margin 0s 0.5s;
   margin: 0;
   z-index: -999;
   position: relative;
}
.hide.dev {
   max-height: 5000px;
   opacity: 1;
   margin: 20px 0 0;
   z-index: 9;
   transition: max-height 0.5s 0s, opacity 0.4s 0.1s;
}
.hide .o {
   float: left;
   width: 100%;
   margin: 0 0 20px;
   color: #565656;
}
.foreducation #third .o, .foreducation #fourth .o {
   border-bottom: 1px solid #ccc;
   padding-bottom: 20px;
}
.foreducation #third .o:last-child, .foreducation #fourth .o:last-child {
   border: 0;
}
.hide .o p, .hide .o li {
   float: left;
   width: 100%;
}

.hide .o li span {
   float: left;
   width: 6px;
   height: 6px;
   border-radius: 100%;
   background: #e75a6b;
   margin: 7px 10px 0px 0;
}

.o p b {
   margin-bottom: 10px;
   float: left;
   width: 100%;
}
.options .o p b {
   margin: 0;
   width: auto;
   float: unset;
}
.hide .o p:nth-child(2) {margin-bottom: 10px;}

.hide .o ul {
   margin-top: 5px;
   float: left;
   width: 100%;
}
.hide .o p.f {
   width: auto;
}

.foreducation .down,
.forcompanies .down {
   float: left;
   margin-left: 20px;
   font-size: 12px;
   font-weight: bold;
   margin-top: 2px;
}
.forcompanies .down {
 margin-left:0;
}
.foreducation .down.l {
   margin-left: 0;
   margin-bottom: 20px;
}
.foreducation .down a,
.forcompanies .down a {
   color: #565656;
   float: left;
   width: 100%;
}

.foreducation .down a span,
.forcompanies .down a span{
   float: left;
   width: 13px;
   height: 15px;
   background: url(/img/icon-download.png) no-repeat center / cover;
   display: block;
   margin-right: 5px;
}

.foreducation .down a p,
.forcompanies .down a p{
   float: left;
   width: auto;
   margin: 0 !important;
}.show h2.bold {
   font-weight: bold;
}

.forcompanies .inofferfor .t p.auto {
   margin-bottom: 0;
   width: auto;
}

.forcompanies h2 {
   float: left;
   width: 100%;
   text-align: left;
   margin-bottom: 20px;
}
.forcompanies .inofferfor .t p {
   margin-bottom: 20px;
}

.forfamily .inofferfor{
   border-bottom: 0;
}

.forfamily .inofferfor {
   margin-bottom: 30px;
}

.forcompanies .show h2 {
   width: auto;
   margin-bottom: 0;
}

.forcompanies .inofferfor .t {
   float: left;
   width: 100%;
   margin-bottom: 20px;
}
.brainzone .inabout h1 {
   width: 540px;
   margin-left: calc(50% - 270px);
   margin-bottom: 0;
}
.brainzone p.decor {
   margin-bottom: 50px;
}
.brainzone .inabout .grey p {
   font-family: century-gothic;
   font-weight: bold;
   font-size: 36px;
   color: #e75a6b;
   float: left;
}
.quotes {
   float: left;
   width: 100%;
}

.movies {
   float: left;
   width: 100%;
}

.brainzone .inabout .grey .movies  p.f {font-size: 24px;margin-top: 70px;margin-bottom: 40px;}

.movies .m {
   float: left;
   width: calc(50% - 40px);
   margin: 0 20px 40px;
   transform: scale(1);
   transition: 0.5s;
}
.movies .m:hover {transform: scale(1.05);
}

.m a {
    float: left;
}

.brainzone .inabout .grey .movies p {
   font-size: 18px;
   margin-bottom: 0;
   margin-top: 0;
}

.brainzone .inabout .grey .movies p a {
   color: #565656;
   transition: 0.5s;
}

.brainzone .inabout .grey .movies p a:hover {
   color: #e75a6b;
}
.brainzone .inabout .grey {
   padding-bottom: 50px;
}
.quotes h2 {
   width: 100%;
   text-align: center;
   margin: 50px 0 20px;
   font-weight: bold;
   color: #e75a6b;
   font-size: 24px;
}

.q {
   width: calc(100% - 40px);
   float: left;
   margin: 20px 20px 0;
   background: #e75a6b;
   color: #fff;
   text-align: center;
   padding: 50px 0 100px;
   position: relative;
   min-height: 400px;
}

.quotes p.'Poppins' {
   font-family: 'Poppins';
   font-size: 35px;
   width: auto;
   float: left;
   margin-left: calc(50% - 70px);
   border-bottom: 1px solid #fff;
   padding-bottom: 5px;
   margin-bottom: 30px;
}

.logoquote {
   position: relative;
   float: left;
   width: 150px;
   padding: 25px;
   background: #fff;
   border-radius: 100%;
   height: 150px;
   text-align: center;
   display: flex;
   align-items: baseline;
   justify-content: center;
   margin-left: calc(50% - 100px);
   margin-top: -100px;
}

.logoquote img {
   max-width: 100px;
}
.q div#text {
   opacity: 0;
   float: left;
   width: calc(100% - 300px);
   text-align: center;
   margin: 0 150px;
   transition: 0.5s;
   font-size: 24px;
}
.q div#text p {
   padding-bottom: 10px;
}
.podcasts {
   width: 100%;
   float: left;
   padding: 50px 0 10px;
}

.podcasts h2 {
   width: 100%;
   text-align: center;
   font-size: 36px;
   font-weight: bold;
   margin-bottom: 50px;
   color:#e75a6b;
}

.podcasts a{
 color:#565656;
 float: left;
 width: 100%;
}
.podcasts .p {
   width: calc(33.3% - 40px);
   margin: 0 20px;
   float: left;
}

.podcasts .p span {
   width: 50px;
   height: 50px;
   background: url(/img/icon-microphone.png) no-repeat center / cover;
   float: left;
}

.podcasts .p p, .podcasts .p h3 {
   float: left;
   width: calc(100% - 70px);
   margin-left: 20px;
   font-weight: bold;
   font-size: 14px;
}

.brainzone .inabout .grey .p p {
   font-size: 14px;
   text-align: left;
   margin: 10px 0 0 20px;
}
.brainzone .footer {margin-top: -10px;}
.podcasts .p .pi span {
   background: none;
   position: absolute;
   left: 0;
   width: 0%;
   height: 2px;
   bottom: 0;
   background: #e75a6b;
   transition: 0.5s;
}

.brainzone .inabout .grey .p p.pi {
   position: relative;
   width: auto;
   padding-bottom: 2px;
}
.podcasts .p:hover .pi span{
   width:100%;
}

.discounts {
   float: left;
   margin: 70px 20px 0;
   width: calc(100% - 40px);
   text-align: center;
}

.discounts p {
   float: left;
   width: 100%;
}

.discounts p.big {
   font-size: 30px;
   font-weight: bold;
   color: #e75a6b;
   margin-bottom: 30px;
}

.discounts .d {
   float: left;
   width: calc(25% - 60px);
   margin: 0 30px;
}

.discounts .d p.main, .discounts .d span {
   font-size: 22px;
   font-weight: bold;
   color: #e75a6b;
   max-width: unset;
   margin-left: 0;
}

.discounts .d span {
   font-size: 45px;
   margin: 10px 0;
   float: left;
   width: 100%;
}

.discounts p.last {
   margin: 50px 0 0;
   color: #565656;
}

.discounts .d p {
   margin-left: 0px;
   max-width: 280px;
   color: #565656;
}
.option {
   float: left;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.option .op {
   float: left;
   padding: 10px 25px;
   border: 1px solid #e75a6b;
   border-radius: 20px;
   margin: 0 20px 30px;
   min-width: 250px;
   text-align: center;
   color: #e75a6b;
   transition: 0.5s;
   cursor: pointer;
   cursor: hand;
   width: auto;
}

.option .op p {
   margin: 0;
   width: 100%;
   text-align: center;
   font-weight: bold;
}

.option .op:hover {
   background: #e75a6b;
   color: #fff;
}
.option-desc {
   float: left;
   width: 100%;
   border-top: 1px solid #cccccc;
}

.option-desc .hug {
   max-width: 1700px;
   position: unset;
}

.od {
   float: left;
   width: 100%;
   padding: 50px 0;
}

.od .im {
   width: 245px;
   float: left;
   text-align: right;
   margin-right: 50px;
}

.od .desc {
   max-width: 1100px;
   float: left;
   color: #565656;
   width: calc(100% - 350px);
   margin-right: 50px;
}

.od .desc h2, .od .desc h3 {
   color: #e75a6b;
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 30px;
}

.desc .row {
   float: left;
   width: 100%;
   /* color: #565656; */
   margin-bottom: 20px;
}


.desc .row .l, .desc .row .r {
   width: auto;
   float: left;
   margin-right: 20px;
   max-width: calc(50% - 40px);
}
.desc .row .r {
   float: right;
   margin-left: 20px;
   margin-right: 0;
}

.desc .row .b {
   margin-bottom: 20px;
}
.desc p {
   margin-bottom: 20px;
   float: left;
}

.desc .row .b p {
   float: none;
   margin: 0 0 2px;
}

.desc ul li {
   float: left;
   width: 100%;
   margin-bottom: 5px;
}

.desc ul li span {
   float: left;
   width: 5px;
   height: 5px;
   border-radius: 100%;
   background: #565656;
   margin: 8px 10px 0 0;
}

.desc ul {
   float: left;
   width: 100%;
}
.desc ul.pb {
   margin-bottom: 20px;
}
.btnsfamily {
   float: left;
   width: 100%;
   margin: 35px 0 0;
}

.btnsfamily .b {
   float: left;
   margin-right: 30px;
}
.btnsfamily .b:nth-child(3) {margin-right: 0;}
.btnsfamily .b a {
   padding: 5px 20px;
   float: left;
   border: 1px solid #e75a6b;
   border-radius: 20px;
   color: #fff;
   background: #e75a6b;
   transition: 0.5s;
}

.btnsfamily .b a:hover {
   background: #fff;
   color: #e75a6b;
}
.option-desc.first {
   border-top: 15px solid #e75a6b;
}

.op {
   float: left;
   width: calc(100% - 40px);
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   margin: 60px 20px 0;
}

.op p {
   float: left;
   margin: 0 10px 20px;
}

.op p a {
   width: calc(100% - 30px);
   float: left;
   padding: 8px 15px;
   color: #e75a6b;
   border: 1px solid #e75a6b;
   text-align: center;
   border-radius: 20px;
   transition: 0.5s;
}

.op p a:hover,
.op p a.act {
   color: #fff;
   background: #e75a6b;
}

.todevelop a {
   color: #565656;
   text-decoration: underline;
   transition:0.5s;
}

.todevelop a:hover{
   color:#e75a6b;
}

.popup {
   position: fixed;
   width: 100%;
   height: 100vh;
   background: rgba(239, 236, 236, 0.95);
   z-index: 9;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.5s;
   overflow-y: scroll;
}
.popup.h {
    opacity: 0; 
}
.popup .inpopup {
   float: left;
   width: 450px;
   position: relative;
}

.inpopup form {
   float: left;
   width: 100%;
   color: #565656;
}

.inpopup p {
   margin: 0 20px 20px 0;
   width: calc(100% - 40px);
   font-size: 20px;
   color: #565656;
   max-width: 300px;
   text-align: left;
}

te {}

.inpopup form p {
   text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 16px;
   margin-left: 0;
}

.inpopup form input {
   background: none;
}

.inpopup .send.cur {
   float: right;
   padding: 10px 20px;
   border: 1px solid #e75a6b;
   margin-top: 15px;
   border-radius: 20px;
   font-size: 14px;
   transition: 0.5s;
}
nput[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
 -webkit-appearance: none; 
 margin: 0; 
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   /* display: none; <- Crashes Chrome on hover */
   -webkit-appearance: none;
   margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
   -moz-appearance:textfield; /* Firefox */
}
.inpopup form input::placeholder, .inpopup form textarea::placeholder {
   font-size: 14px;
}

.inpopup .send:hover {
   color: #fff;
   background: #e75a6b;
}
.popup .inpopup .cl {
   position: absolute;
   right: 0;
   top: 5px;
}

.popup .inpopup .cl img {
   max-width: 30px;
   pointer-events:visible;
}

.inpopup form input {
  /* width: 100%; */
}


.brainzone .a'Poppins'ow.l.cur, 
.brainzone .a'Poppins'ow.r.cur {
   position: absolute;
   background: #e75a6b;
   width: 30px;
   height: 30px;
   right: 0;
   top: 50%;
}



.brainzone .a'Poppins'ow.l.cur {
   left: 0;
}

.brainzone .a'Poppins'ow span {
   float: left;
   width: 100%;
   background:url(/img/a'Poppins'ow-quotes.png) no-repeat center / cover;
}

.brainzone .a'Poppins'ow span {
   background: url(/img/a'Poppins'ow-quotes.png) no-repeat center / cover;
   width: 50%;
   height: 60%;
   margin: 20% 25%;
}

.brainzone .a'Poppins'ow.l {
   transform: rotate(180deg);
}
.fb_customer_chat_bounce_out_v2 {
   display: none;
}

.g-ban{
    height: calc(100vh - 400px);
    top: 150px;
    left: 0;
    width: 100%;
    margin-top: 47px;
    min-height: 800px;
    background:#cccccc;
}
.g-ban .g-bg {
    float: left;
    width: 100%;
    height: 100%;
    ion: absolute;
}
.g-ban .g-bg .giftbg {
    float: left;
    width: 100%;
    height: calc(100vh - 47px);
    transition: 0.7s linear;
    position: absolute;
    min-height: 800px;
}
.g-ban .g-bg .giftbg{
    background:url(/img/anuszczyk-ban.png?v=5) no-repeat 80% / cover;
    opacity:1;
}

.g-ban div#txt {
    display: block;
    align-items: center;
    height: calc(100vh - 47px);
    flex-wrap: wrap;
    align-content: center;
    max-width: 45%;
    top: 150px;
    position: relative;
    min-height: 800px;
    margin-left: 20px;
}


.g-ban .button.first{
    width:190px
}



.shake img{
    width:100%;
    height:100%;
}
.shake{
    cursor:pointer;
    margin: 20px 0;
    width: 60px;
    height:60px;
}

.shake:hover {
  animation: shake 0.82s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  animation-iteration-count: infinite;
}




@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

sup {
    vertical-align: super !important;
    font-size: 9px !important;
}

.wpb_wrapper {
    float: left;
    width: calc(100% - 40px);
    font-size: 14px;
    color: #393939;
    margin: 0 20px;

}

.wpb_wrapper ol {
    float: left;
    width: 100%;
}

.wpb_wrapper ol li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.wpb_wrapper b {
    font-weight: 600;
}

.wpb_wrapper ol ol {
    list-style: decimal;
    margin: 0px 30px;
    width: calc(100% - 60px);
    margin-top: 6px;
    margin-bottom: 15px;
}

.wpb_wrapper ol ol ol {
    margin-bottom: 0;
    margin-top: 0px;
}

div#txt .t h1, div#txt .t h2 {
    font-size: 43px;
    font-weight: 300;
}

.ab .hug .r p.big {
    font-size: 43px;
    font-weight: 300;
}

.invite p {
    font-size: 40px;
    font-weight: 300;
}
.inabout .grey p {
    font-size: 40px;
    margin: 50px 0;
    font-weight: 300;
}

p.decor,
.inref p.decor {
    font-size: 30px;
    font-weight: 300;
}

.gift .form .f h2 {
    font-size: 28px !important;
    font-weight: 300;
}
.inbanner h1 {
    font-size: 32px;
    font-weight: 300;
}
.form .f h2 {
    font-size: 45px;
    font-weight: 300;
    letter-spacing: 0;
}
.school h1 {font-size: 40px;

    font-weight: 300;}


    .home .bubbles .txt h3 {
        float: left;
        width: 100%;
        font-family: 'Poppins';
        font-size: 25px;
        font-weight: 300;
        margin-bottom: 10px;
    }
    
    .home .bubbles .txt {
        flex-wrap: wrap;
        align-content: center;
    }


    .home .txt p {margin-top: 20px;}

    .aboutsensos {text-align: center;background: #ececec;padding: 30px 0 0;}
.aboutsensos img{
    display:block;
}
.aboutsensos p, .aboutsensos h2 {
    padding: 0 20px;
    width: calc(100% - 40px);
}

.schoolofmemory .pink {
    background: #ececec;
    color: #565656;
    font-weight: 400 !important;
}

.schoolofmemory .pink b {
    font-weight: 400 !important;
}

.schoolofmemory .options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;;
}

.schoolofmemory .pink p.first {
    color: #e75a6b;
}
.schoolofmemory .mini .options .o {
    width: 50%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home .bubbles .txt {
    font-size: 20px !important;
}



   #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
                background-color: #e65a6b !important;
                border: 2px solid #e65a6b !important;
            }

            #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type) {
                border: 2px solid #e65a6b !important;
                background: #fff !important;
                color: #e65a6b !important;
            }

            #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
                border-color: #e65a6b !important;
                color: #e65a6b !important;
            }

            #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
                color: #e65a6b !important;
            }

            #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
                background: #e65a6b !important;
            }

            #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
                background-color: #e65a6b !important;
                border-color: #e65a6b !important;
            }


@media all and (max-width:1700px){
    .bubble.left, .bubble.right{
        opacity:0.5;
   }
}
@media all and (max-width:1450px){
    .ab .hug {
        width: 100% !important;
        margin: 0 !important;
   }
    .decoleft {
       /* opacity:0.5;
        */
   }
    .menu ul li{
        margin-left:5px;
   }
}
@media all and (max-width:1300px){
    .btns, .btns li{
        display:block;
   }
    .menu ul li.aaa, .btns li.last{
       xdisplay:none;
   }
    .menu ul li.last {
       display: none;
 }
   .pulse {
     top: 35%;
     right:-50px;
   }

.gift .ab .l img{
    max-width:100%;
}

    .menu ul li {
        margin-left: 0px;
  
    }

    .home .bubbles .txt {
        height: auto !important;
        min-height: unset !important;
    }
}
@media all and (max-width:1120px){
  .ineve .e.show {max-height: 220px;}
.menu ul li {
   margin: 0;
}

.menu ul li a {
   padding: 5px 7px;
   width: calc(100% - 14px);
}
.ineve .e .l {
   min-height: 210px;
}

.ineve .e .r {
   min-height: 170px;
}
    .menu li.last{
        display:none;
   }
    .btns li.last{
        display:block;
   }
    .calendarmain .row .box:nth-child(1) {
        width: 150px;
   }
    .calendarmain .row .box {
        width: calc(((100% - 190px) / 6) - 20px);
        padding: 15px 10px;
   }
   .discounts .d p {
   margin-left: 0;
   max-width: unset;
   width: 100%;
}
}
@media all and (max-width:1050px){
    .topwhite .sm .s {
        margin-left: 10px;
   }
    .topwhite .search {
        margin-right: 10px;
   }
    .btns {
        margin-right: 10px;
   }
    .btns ul li {
        margin-left: 15px;
   }
    .menu ul li {
        margin-left: 0;
        font-size: 13px;

   }
      .ydot {
    position: absolute;
    width: 100px;
    right: 0px;
    bottom: 30px;
}
.ydot img{
    float:left;
}
}
@media all and (max-width:960px){
  p.decor,
  .form .f h2{
    font-size:25px;
  }
   .about .menu ul li:nth-child(1){
        margin-left:0 !important;
    }
  .menu ul li a {
   border: 0 !important;
        font-size: 14px;
}
.menu ul li.last {
       display: block;
 }
    .od .desc {
   max-width: unset;
   width: calc(100% - 40px);
   margin: 0 20px;
}
.pulse {
   top: 23%;
   right:0;
}
.calendarmain{
 background:none;
}
.od .im {
   width: 100%;
   text-align: center;
   margin-bottom: 40px;
   margin-right: 0;
}
    .discounts .d {
   width: 100%;
   margin: 0 0 50px;
}

.discounts .d p.main, .discounts .d span {
   font-size: 22px;
}

.discounts p.last {
   margin: 0;
}
    .podcasts .p:nth-child(4) {margin-bottom: 0;}
  .podcasts .p  {
   width: 300px;
   margin-bottom: 30px;
   margin-left: calc(50% - 155px);
}
  .schoolofmemory .text {
   margin: 50px 20px;
 }
.mission {
   padding: 50px 0 10px;
}

.mission .m {
   margin-bottom: 30px;
}

.white p {
   font-size: 28px;
}
 .schoolofmemory .text p:nth-child(2) {
     font-size: 16px;
 }
    .aboutsensos {
        margin-top: 0;
   }
    .tr h1 {
        margin-top: 40px;
   }
    .tr .trainer {
        margin-bottom: 50px;
   }
    .tr {
        margin-bottom: 0;
        margin-top: 70px;
   }
    #to-work .box {
        width: calc(50% - 20px);
   }
    .download-banner {
        margin-top: 110px;
   }
    .eve h1, .allblog h1, .cale h1 {
        font-size: 26px;
        margin-top: 20px;
   }
    .decoleft, .decoright{
        opacity: 0.1;
   }
    .form .f {
        margin-top: 50px;
   }
    .eve, .allblog, .cale {
        margin: 70px 0 50px;
   }
    .ineve, .inblog, .incale {
        margin-top: 30px;
   }
    .ab .hug {
        min-height: 480px;
   }
    .ab {
        margin: 50px 0;
   }
    .ab .hug .r {
        margin-left: 20px;
        width: calc(50% - 40px);
   }
    .ab .l {
        margin-right: 20px;
        width: calc(50% - 40px);
        display: flex;
        align-items: center;
   }
    .home .top .menu, .menu {
        display: none;
        opacity: 0;
        z-index: -99;
        transition: 0.5s;
        background: #fff;
        top: 130px;
        position: absolute;
        margin: 0;
        margin-top: -10px;
   }
    .home .top .menu.show, .menu.show{
        opacity:1;
        z-index:999;
   }
    .home .top {
        height: 120px;
        background: #fff;
   }
    .home .ham{
        top:65px;
   }
    .ham {
        position: absolute;
        right: 20px;
        z-index: 9;
        width: 35px;
        height: 35px;
        top: 80px;
   }
    .ham span {
        float: right;
        width: 100%;
        height: 2px;
        background: #e75a6b;
        margin: 4px 0;
        transition:0.5s;
        clear:both;
   }
    .ham:hover span:nth-child(1) {
        width: 20%;
   }
    .ham:hover span:nth-child(2) {
        width: 50%;
   }
    .ham:hover span:nth-child(3) {
        width: 80%;
   }
    .menu li {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-bottom: 3px;
   }
    .menu ul {
        float: left;
        width: 100%;
        padding: 10px 0;
   }
    .btns {
        display: none;
   }
    .menu ul li.aaa, .menu li.last {
        display: block;
   }
    .menu li.aaa {
        width: auto;
        margin-left: calc(50% - 83px);
   }
    .menu li.last {
        width: 116px;
        margin-left: calc(50% - 58px);
        margin-top: 4px;
   }
    .ham.rot span:nth-child(3) {
        opacity: 0;
   }
    .ham.rot span:nth-child(1) {
        transform: rotate(45deg);
        margin-top: 16px;
   }
    .ham.rot span:nth-child(2) {
        transform: rotate(-45deg);
        margin-top: -5px;
   }
    .ham.rot:hover span{
        width:100%;
   }
    div#txt .t h1, div#txt .t h2,.invite p,.inabout .grey p {
        font-size: 35px;
   }
    div#txt .t p {
        font-size: 18px;
   }
    .button span {
        font-size: 14px;
   }
    .button.first {
        width: 100px;
   }
    .button.second {
        width: 150px;
   }
    .slider {
        min-height: 600px;
        max-height: calc(100vh - 47px);
        height: auto;
   }
    .slider #bgs .bg1, .slider #bgs .bg2, .slider #bgs .bg3, .slider #bgs .bg4  {
        min-height: 600px;
        max-height: calc(100vh - 47px);
   }
    div#txt {
        min-height: 680px;
        max-height: 100vh;
   }
    .txt {
        font-size: 18px;
        margin-left: 20px;
        width: calc(50% - 40px);
   }
    .bubbles .l {
        margin-right: 20px;
        width: calc(50% - 20px);
   }
    .bubbles .l .bb {
        background-size: cover;
        height: 500px;
        background-position: right;
   }
    .home .footer .top {
        height: auto;
        background: none;
        margin: 50px 20px;
   }
    .data {
        margin-top: 50px;
   }
    .data .box:nth-child(1) {
        width: 30%;
   }
    .data .box:nth-child(2), .data .box:nth-child(3) {
        margin-right: 5%;
   }
    .footer .box p.btn {
        font-size: 14px;
   }
    .inabout .grey {
        padding-bottom: 50px;
   }
    .about .ab .hug .r {
        margin: 20px;
   }
    .about .ab .hug .r p {
        float: left;
        width: 100%;
   }
    .about .ab .hug .r p.btn {
        width: auto;
        margin-top: 10px;
   }
    .about .ab .hug .r p.big{
   }
    .about .ab{
        margin-bottom:20px;
        margin-top: 30px;
   }
    .inabout h1 {
        margin-top: 20px;
        font-size: 26px;
        margin-bottom: 30px;
   }
    .about .ab .hug .r p.big{
        font-size:26px;
   }
    .options.normal .o {
        width: auto;
        clear: both;
        max-width: 450px;
   }
    .options.normal .o:nth-child(1), .options.normal .o:nth-child(2), .options.normal .o:nth-child(3) {
        margin: 0 20px 70px;
   }
    .options.normal .o:nth-child(2) {
        float: right;
   }
    .options.normal .o:nth-child(3) {
        margin-bottom: 0;
   }
    .ineve .e {
        width: calc(50% - 10px);
        margin: 0 0 20px!important;
   }
    .ineve .e:nth-child(odd){
        margin-right:10px !important;
   }
    .ineve .e:nth-child(even){
        margin-left:10px !important;
   }
    .inblog .b .r p {
        display: none;
   }
    .inblog .b .r p.pub {
        display: block;
   }
    .inblog .b .r {
        height: 200px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
   }
    .inblog .b:nth-child(1) {
        padding-top: 0;
   }
    .form {
        margin-bottom: 50px;
   }
    .calendarmain .row.first {
        display: none;
   }
    .calendarmain .row .box:nth-child(1) {
        width: 100%;
        margin: 0;
        padding: 0;
   }
    .bubble.left, .bubble.right {
        opacity: 0.1;
   }
    .calendarmain .row .box:nth-child(1) h2 {
        margin-bottom: 10px;
   }
    .calendarmain .row .box.empty {
        display: none;
   }
    .calendarmain .row .box {
        background: none !important;
        width: 100%;
        height: auto !important;
        display: block;
        padding: 10px 0 0;
   }
    .calendarmain .row .box p.day {
        display: block;
        margin-bottom: 5px;
   }
    .calendarmain .row {
        /* border: 0; */
        margin-bottom: 30px;
        padding-bottom: 20px;
   }
    .o.cur {
        padding: 20px 0;
        width: calc(33.3% - 40px);
        margin: 0 20px;
   }
    .of {
        margin: 50px 0 0;
        width: 100%;
   }
    .text {
        margin: 50px 20px 80px;
        width: calc(100% - 40px);
   }
   .pdots {
    width: 120px;
    position: absolute;
    left: 30px;
    }


    div#txt .t h1 {
        width: 100% !important;
    }

    .schoolofmemory .options .o p {
        width: calc(100% - 90px);
        font-size: 16px;
    }
    
    .schoolofmemory .options .o span {
        margin-right: 15px;
    }

    .calendarmain .row .box.mobgr {
    background: #f6f6f6 !important;
    padding-bottom: 30px;
    padding-top: 30px;
}

.calendarmain .row .box.mobwh {padding-top: 30px;padding-bottom: 30px;}

.calendarmain .row {
    padding-bottom: 0;
}

.cale .calendarmain h2 {
    padding-bottom: 30px;
    padding-top: 10px;
}
.calendarmain .row .box.mobgwh {
    padding-bottom: 30px;
    padding-top: 30px;
}

.demo-classes .cale .calendarmain h2{
padding-bottom:0 !important;
margin-bottom:0 !important;
}.demo-classes .calendarmain .row:last-child {
    display: none;
}
.demo-classes .calendarmain .row:nth-child(3) {
    padding-bottom: 20px;
}
}
@media all and (max-width:780px){
    .q div#text {
   margin: 0 50px;
   width: calc(100% - 100px);
}
    .aboutsensos {
        margin-top: 30px;
   }
    .schoolofmemory .text p:nth-child(2) {
        margin-left: 0;
       width: 100%;
   }
    .white p{
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
   }
    .download-banner {
        margin-top: 70px;
   }
    .school h1 {
        margin-bottom: 50px;
   }
    .schoolofmemory .ab .hug .r, .schoolofmemory .about .ab .hug .r{
        margin:0;
        width:100%;
   }
    .ineve .e, .ineve .e:nth-child(odd), .ineve .e:nth-child(even) {
        width: 100%;
        margin: 0 0 20px !important;
   }
    .footer .top, .home .footer .top {
        margin-bottom: 0;
   }
    .data .box:nth-child(1),.data .box:nth-child(2),.data .box:nth-child(3),.data .box:nth-child(4) {
        width: 50%;
        margin: 0 0 50px;
   }
    .box:nth-child(3), .data .box:nth-child(4) {
        float: right;
   }
    .data .box:nth-child(2), .data .box:nth-child(3) {
        text-align: right;
   }
    .footer .sm {
        float: right;
        width: auto;
   }
    .data .box:nth-child(1) h3 {
        width: 100%;
   }
    .ab .l {
        width: calc(100% - 40px);
        /* display: block; */
        height: auto;
        /* margin: 0 20px 30px; */
        position: relative;
   }
    .ab .l img {
        width: 300px;
        margin-left: calc(50% - 150px);
   }
    .ab .l .ydot img {
        margin-left:0;
    }
    .ab .hug .r, .about .ab .hug .r {
        width: calc(100% - 40px);
        margin: 20px;
   }
    .ab .hug .r p {
        float: left;
        width: 100%;
        font-size: 17px;
   }
    .ab .hug .r p.btn {
        width: auto;
        margin-top: 10px;
   }
    .ab .hug .r p.big{
        font-size:35px;
   }
   .gift .ab .hug .r p.big{
       margin-top:0;
   }
    .ab{
        margin-bottom:20px;
   }
    .logo {
        width: 150px;
        margin-top:14px;
   }
    .ham {
        top: 60px;
   }
  .desc .row .r, .desc .row .l {
   float: left;
   width: 100%;
   max-width: unset;
   margin: 0;
}
.btnsfamily .b {
   margin-right: 10px;
   }

.gift .ab .l{
    margin-top:100px
} 
.gift .ab .l .ydot img{
    max-width: 80px;
}
  .ydot{
      bottom: -30px;
      right: 110px;
  }
 
img.ydots{
    left: 20px;
    top:-10px;
}
  
   .pdots {
    width: 120px;
    position: static;
    margin:auto;
    }
    .kom-oso {
    position: static;
    width: 130px;
    margin: auto;
}
.gift {
    float: left;
    margin:  0;
    width: 100%;
    margin: 0;
    color: #565656;
}

}    
@media all and (max-width:720px){
b.akre {
   font-size: 14px;
   }
}
@media all and (max-width:680px){
    .download.cur {
        margin-top: -43px;
        margin-bottom: 0;
   }
    #to-work .box .shadow {
        padding-bottom: 20px;
   }
    div#articles .box {
        padding-bottom: 25px;
   }
    #articles .download.cur {
        margin-top: -30px;
   }
    .inref .l, .inref .r{
        width:100%;
   }
    #to-work .box, div#articles .box {
        width: 100%;
        margin: 0 0 20px;
   }
    #to-work p.f, #articles p.f{
        margin:0 0 25px;
        width:100%;
   }
    .next .b {
        width: 100%;
        margin: 0 0 50px !important;
   }
    .next .b:nth-child(2) {
        margin-bottom: 0 !important;
   }
    .signature {
        float: left;
        text-align: left;
        margin-top:20px;
   }

   .comments {
    margin-top: 0;
}


    .inblog .b.show {
        max-height: 1000px;
   }
    .seecal p {
        font-size: 20px;
   }
    .seecal p.btn a {
        font-size: 14px;
   }
    .seecal p.btn {
        width: 160px;
        margin-left: calc(50% - 81px);
   }
    .contact .bubbles .l {
        display: none;
   }
    .contact .bubbles .form {
        width: calc(100% - 40px);
        margin: 0 20px;
   }
    .form .f {
        width: 100%;
        margin: 30px 0px 50px;
        float: left;
   }
    .inblog .b .l {
        text-align: center;
        margin: 0;
        margin-left: calc(50% - 150px);
   }
    .home .logo {
        border: 0;
        border-radius: 0;
        box-shadow: unset;
        background: none;
        margin: 4px 0 4px 20px;
        display: block;
        width: auto;
        height: auto;
        padding: 0;
   }
    .home .logo img {
        margin: 10px 0;
   }
    div#txt {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
        height: auto;
        display: block;
        float: left;
        min-height: 300px;
        max-height: unset;
   }


   .home div#txt{
    min-height: unset;
        max-height: unset;
        border-top: 1px solid #e75a6b;
   }
    .slider #bgs {
        height: 400px;
        position: relative;
   }
    .slider #bgs .bg1, .slider #bgs .bg2, .slider #bgs .bg3, .slider #bgs .bg4 {
        height: 100%;
        min-height: 100%;
        max-height: 100%;
   }
    div#txt .t {
        background: #eeeeed;
        padding: 20px;
        width: calc(100% - 40px);
   }
    .slider #bgs .bg1, .slider #bgs .bg2, .slider #bgs .bg3, .slider #bgs .bg4  {
        min-height: 400px;
        height: 400px;
   }
    #txt .bt {
        margin-top: 20px;
   }
    .slider {
        min-height: unset;
        max-height: unset;
        margin: 120px 0 0;
   }
    .bubbles {
        min-height: unset;
        height: auto;
   }
    .bubbles .l {
        width: 90%;
        min-height: unset;
        height: auto;
   }
    .bubbles .l .bb {
        height: 500px;
   }
    .txt {
        width: calc(100% - 40px);
        height: auto;
        min-height: unset;
        margin: 50px 20px;
        font-size: 18px;
   }
    .txt p{
        line-height:30px;
   }
   b.akre {
   font-size: 18px;
   }
    .for {
        padding: 50px 0 0;
        margin: 0 0 -50px;
   }
    .for .box {
        width: 100%;
        margin: 0 0 100px;
   }
    .mini .options .o, .options.normal .o, .options.normal .o:nth-child(1), .options.normal .o:nth-child(2), .options.normal .o:nth-child(3), .mini.last .options .o {
        width: 100%;
        margin: 0 0 50px;
        min-height: unset;
        max-width: unset;
   }
    .options.normal .o:nth-child(2){
        float:left;
   }
    .options.normal .o:nth-child(3) {
        margin-bottom: 0;
   }
    .hug.mini.last .options {
        margin-bottom: 20px !important;
   }
    .pink p.first{
        margin-top:50px;
        font-size: 24px;
   }
    .options.normal{
        margin-bottom:50px;
   }
    .inblog .b .r{
        width:100%;
        margin-top:30px;
        display:block;
        height:auto;
   }
    .inblog .b .r p {
        display: block;
   }
    .of .o.cur {
        width: 160px;
        margin: 0 0 20px;
        display: block;
        clear: both;
        margin-left: calc(50% - 120px);
        text-align: center;
        padding: 30px 40px;
   }
    .of .o h2 {
        width: 100%;
        margin: 0;
   }
    .of .o img {
       margin-bottom: 20px;
   }
    .text {
        margin: 10px 20px 60px;
   }
    .of {
        margin-top: 30px;
   }
    .decoleft, .decoright, .bubble.left, .bubble.right{
        display:none;
   }
   .schoolofmemory .options .o p {
       max-width: unset;
       font-size: 18px;
   }
   .text.tech {
       margin: 30px 20px;
       text-align: center;
       }
       .gift p.btn.cur {
    margin-bottom: 0px;
    padding: 8px 25px;
}

.home .bubbles{
    margin-top:350px;
}


}
@media all and (max-width:680px){
   
    .ydot{
      bottom: -30px;
      right: 60px;
  }
}
@media all and (max-width:620px){
  .btnsfamily .b {clear: both;margin-bottom: 10px;}

.btnsfamily .b:nth-child(3) {
   margin: 0;
}
.giftform .form{  
margin: 20px; 
width: calc(100% - 40px);
}
.giftform .form form {
    width:100%;
}
.schoolofmemory .mini .options .o {
    width: 100%;
}
}
@media all and (max-width:550px){

   .popup .inpopup {
       margin: 50px 20px !important;
       width: calc(100% - 40px);
   }

    .eventpage h2 {
   font-size: 20px;
}
  .option .op {
   font-size: 16px;
   width: auto;
   max-width: unset;
   min-width: unset;
   border-radius: 50px;
}
    .podcasts .p {
   margin: 0 20px 30px;
   width: calc(100% - 40px);
}

.podcasts h2 {
   font-size: 25px;
}
  .q div#text {
   margin: 0 30px;
   width: calc(100% - 60px);
   font-size: 18px;
   padding-bottom: 30px;
}
.q {
   min-height: unset;
}
    .movies .m {
   margin: 0 20px 20px;
   width: calc(100% - 40px);
}

.brainzone .inabout .grey .movies p {
   margin-top: 30px;
}
    .brainzone .inabout .grey p, .brainzone .inabout .grey .movies p.f {
   font-size: 26px;
}
    .brainzone .inabout h1 {
   width: calc(100% - 40px);
   margin: 30px 20px;
   font-size: 20px;
}
  .ingall h1 {
   margin-top: 100px;
}

div#big {
   margin-top: 30px;
}
  .ingall .l.cur, .ingall .r.cur {
   bottom: 20px;
}
    
.inofferfor {
   margin-top: 120px;
}
  .show .btn {
   float: left;
   clear: both;
   margin-top: 10px;
 }
 .inofferfor h1 {
   margin-bottom: 30px;
   font-size: 24px;
 }
    .school h1 {
   font-size: 40px;
   margin-bottom: 20px;
 }

 .schoolofmemory .text p:nth-child(1) {
     font-size: 25px;
 }

 .schoolofmemory .im {
     margin: 30px 0;
 }

 .white p {
     font-size: 20px;
 }
    .shadow p.p, #articles p.p, .shadow p, #articles p {
        width: calc(100% - 40px);
        margin: 0 20px;
   }
    .shadow p.p, #articles p.p {
        margin: 5px 20px;
   }
    #articles .download.cur {
        margin: 20px 0 0 20px;
   }
    .download.cur {
        margin-top: 0;
   }
    .inbanner .btn {
       display: none;
   }
    .inbanner p {
        display: none;
   }
    .download-banner {
        height: 20vh;
   }
    .shadow p.p, #articles p.p {
        font-size: 20px;
   }
 
.ydot{
    right: -10px;
}
   
    .down {
    float: none;
    width: calc(100% - 40px);
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    color: #cccccc;
    border-top: 1px solid #cccccc;
    text-align: center;
}
.gicons {
    margin: auto 20px;
    width: calc(100% - 40px);
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item {
    width: calc(100%  - 60px)!important;
    margin: 10px 30px !important;
}

.foto_event .sec,
.foto_event .fi {
    width: calc(100% - 60px);
    margin:10px 30px ;
}

.home .bubbles {
    margin-top: 430px;
}
}
@media all and (max-width:450px){
  .footer .bottom p.r {
    float: left;
    width: 100%;
}
    .ab .hug .r h2 {
        font-size: 18px;
   }
    .topwhite .search {
        display: none;
   }
    .data .box:nth-child(1), .data .box:nth-child(2), .data .box:nth-child(3), .data .box:nth-child(4) {
        width: 100%;
        margin: 0 0 20px;
        text-align: left;
   }
    .footer .sm {
        float: left;
   }
    .home .footer .top {
        margin-bottom: 30px;
   }
    .ab .l img {
        width: auto;
        margin-left: 0;
   }
    .inabout h1, .about .ab .hug .r p.big, .eve h1, .allblog h1, .cale h1 {
        font-size: 20px;
   }
    .ineve .e .l .day {
        width: 70px;
        height: 70px;
        margin: 0 10px;
        font-size: 23px;
   }
   .ineve .e .l .day.doble {
    font-size: 20px;
}
    .ineve .e .l {
        width: 90px;
   }
    .ineve .e .r {
        width: calc(100% - 121px);
   }
   .forcompanies .inofferfor .t p.auto {
   font-size: 16px;
 }
 .gicons b {
    font-weight:400;
    float: right;
    padding: 0;
    font-size: 14px;
    width: 77%;
}
.ydot{
    right: -20px;
    bottom: -60px;
}
  

}
@media all and (max-width:370px){
.ydot{
     
      bottom: -70px;
      right: -30px;
  }
  .gift p.btn.cur {
   
margin: 30px 0px 0px 0px;
   
}
  form .chbox p {
    
    text-align: initial;
    font-size: 12px;
}
}
@media all and (min-width:1300px){
    .txt {
        font-size: 20px;
   }
   .gift {
    float: left;
    margin:  0;
    width: 100%;
    margin: 45px 0 0 0;
    color: #565656;
}
}


@media all and (max-height:550px){
    .popup {
       display: block;
   }

   .popup .inpopup {
       margin-left: calc(50% - 225px);
       margin-top:50px;
       margin-bottom:50px;
   }
}



b {
    font-weight:bold !important;
}