.t-content {
  width: 100%;
}

/*Slider*/
.jssorb032{
  z-index: 500;
	position:absolute;
	bottom:12px;
	right:12px;
}

.jssora051 .c {
  fill: #fff;
  opacity: .3;
}
.jssora051:hover .c {
  opacity: .5;
}

.jssora051.arrowleft,
.jssora051.arrowright{
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.25);
    
    transform: scale(1)!important;
    border-radius: 100%;
}

.jssora051.arrowleft{
  left:25px;
}


.jssora051.arrowright{
  right:25px;
}

  .jssora051.arrowleft:before,
  .jssora051.arrowright:before{
    font-family: 'icomoon' !important;
    color: #fff;
    font-size: 25px;
    text-align: center;

    line-height: 40px;
    width: 40px;
    height: 40px;

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .jssora051.arrowleft:before{
    content: "\e902";
    text-indent: -3px;
  }

  .jssora051.arrowright:before{
    content: "\e903";
    text-indent: 3px;
  }

  .jssora051.arrowleft svg,
  .jssora051.arrowright svg{
    display: none;
    /* position:absolute;top:0;left:0;width:100%;height:100%; */
  }


/* .jssora051.arrowright{
  top:0px;right:25px;
  height: 0px;
  width: 0px;
  border: 8px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(45deg)!important;
  transform: rotate(45deg)!important;
} */
/* .jssora051.arrowright:before, 
.jssora051.arrowright:after {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border: 5px solid;
}
.jssora051.arrowright:after{
  border-color: transparent #fff #fff transparent;
    top: 0px;
    right: -1px;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.jssora051.arrowright:before{
  content: '';
  border-color: #fff transparent transparent #fff;
    display: block;
    top: -1px;
    right: 0px;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
} */
/* .jssora051.arrowright svg{
  position:absolute;top:0;left:0;width:100%;height:100%;
} */
.jssorb032 .i{
  width:16px;height:16px;
}
.jssorb032 svg{
  position:absolute;top:0;left:0;width:100%;height:100%;
}
/* jssor slider loading skin spin css */
.jssorl-009-spin{
  position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);
}
.jssorl-009-spin img {
  margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.slides{
  cursor:default;position:relative;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;
}
@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/*jssor slider bullet skin 032 css*/
.jssorb032 {position:absolute;}
.jssorb032 .i {position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn {opacity:.3;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

#jssor_1{
  position:relative;
  margin:0 auto;
  top:0px;
  left:0px;
  width:1300px;
  height:500px;
  overflow:hidden;
  visibility:hidden;
}
.slide-text{
  position: absolute;
 
  width: 480px;
  height: 130px;
 
  color: rgb(0, 0, 0);
  line-height: 1.5;
  padding: 5px;
  box-sizing: border-box;
  /* background-color: rgba(255, 188, 5, 0.8); */
  background-clip: padding-box;
  z-index: 1;
  font-family: 'Annabelle', arial;
 
  
  
}
.slide-text h2{
  text-shadow: 1px 1px 1px #fff;
  font-size: 30px;
   font-weight: 500;
}
.slider-text div{
  top: 0px;
  left: 0px; 
  width: 1300px; 
  height: 500px; 
  position: absolute; 
  display: block; 
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
}
.slider .jssorl-009-spin{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  text-align:center;
  background-color:rgba(0,0,0,0.7);
}
.slider .jssorl-009-spin img{
  margin-top:-19px;
  position:relative;
  top:50%;
  width:38px;
  height:38px;
}
.slider .slides-content{
  cursor:default;
  position:relative;
  top:0px;
  left:0px;
  width:980px;
  height:380px;
  overflow:hidden;
}
.text-slides{
  position:absolute;
  top:50px;
  left:50px;
  width:450px;
  height:62px;
  z-index:0;
  font-size:16px;
  color:#000000;
  line-height:24px;
  text-align:left;
  padding:5px;
  box-sizing:border-box;
}

/* Content */


/* .lines{
  width: 100%;
  height: 60px;
  position: relative;
  overflow: hidden;
  z-index: 100;
  margin-top: -60px;
}

.line, .line-2, .line-3{
  width: 100%;
  height: 100%;

  left: 0;
  right: 0;
  bottom: 0;
  
  position: absolute;
  overflow: hidden;
}

.line:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: transparent transparent #b61e73;
  border-width: 0px 113vw 51px 0;
}

.line-2:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: transparent transparent #f1f1f1;
  border-width: 20px 128vw 40px 0;
}

.line-3:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: transparent transparent #dc4e4d;
  border-width: 40px 135vw 20px 0;
} */

.hero-section{
  overflow: hidden;
  background: #c73a64;
  }
  /* This is frame of the content */
  .hero-section .hero-frame{
    overflow: hidden;
    width: 150%;
    margin: 0 -25% ;
    border-radius: 0 0 100% 100%;
  }
  
  /* this is visual part of the content under rounded frame */
  .hero-section .hero-wrapper{
    width: 66.66%;  /* IMPORNT! set/reset width of the content */
   
    overflow: hidden;
    margin: 0 auto;
  }
  .box-wrapper{
    width: 100%;
  
  }
  .box-wrapper h1{
    color: #c73a64;
    font-size: 6em;
    text-align: center;
    font-family: 'RaffyFont';
    margin-bottom: 1em;
  }
  .box-wrapper article{
    width: calc(33.33% - 20px);
    margin: 10px;
  }
  .box-wrapper img{
    width: 100%;
    text-align: center;
    border-radius: 10px 10px 0 0;
  }
  .box-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -10px;
    padding: 30px 0;
  }
  .box-wrap h2{
    text-align: center;
        font-family: 'Annabelle', arial;
        font-size: 1.7em;
        line-height: 2em;
  }
  .box-wrapper{
    max-width: 1300px;
    margin: auto;
    padding: 0 16px;

  }
  .box-wrap article > div{
    background-color: #f9cfdd;
    border-bottom: 3px solid #c73a64;
  }

  .box-wrap article:nth-child(2n+1) > div{
    background-color: #c73a64; 
    border-bottom: 3px solid #f9cfdd;
    color: #fff;
  }
.box-section{
  margin: 6em 0 6em 0;

}



.oval-section {
  position: relative;

}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.oval-section .curve {
  height: 110px;
  top: -110px;
}
.oval-section .curve {
  position: absolute;
  top: -82px;
  z-index: 999;
  width: 100%;
  height: 86px;
  overflow: hidden;
}
.oval-section .curve:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -4%;
  width: 108%;
  height: 249px;
  border-radius: 100%;
  background: transparent;
  box-shadow: 0 0 0 100px #c73a64;
}
.oval-section .section-top {
  background-color: #c73a64;
}
.oval-section .section-top {
  padding: 40px 0 40px;
  background-color: #c73a64;
}
.oval-section .container {
  position: relative;
  z-index: 500;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.section-header {
  margin-bottom: 50px;
  text-align: center;
}
.oval-section .section-header .section-title {
  color: #ffffff;
}
.section-header .section-title, .home-products .section-title {
  font-size: 48px;
  font-weight: 500;
}
.section-header .section-title {
  margin-bottom: 12px;
}
.oval-section .section-header p {
  color: #fff;
}
.oval-section .section-header h1 {
  color: #fff;
  font-size: 6em;
  padding: 0;
}

.oval-section .section-bottom {
  margin-top: -100px;
  background: transparent;
}
.oval-section .container {
  position: relative;
  z-index: 500;
}
.oval-section .row {
  text-align: center;
}
.oval-section .img-frame {
  width: 176px;
  height: 176px;
  border-radius: 50%;
  margin: 0 auto 4px;
  padding: 2px;
  border: 1px dashed #fff;
}
@media only screen and (max-width: 900px) {

  .oval-section .curve {
   display: none;
  }
  .slider{
    margin-top: 5em;
  }
  .oval-section .section-header h1 {
 
    font-size: 3em;
 
}
.oval-section .section-header p {

  font-size: 14px;
}
.box-wrap {
  display: flex;
  flex-direction: column;
}
.box-wrapper article {
width: 100%;
}
.box-wrapper h1 {
  font-size: 4em;

}
.box-wrapper article {
  margin: 0 0 10px 0;
}
}