.sppb-carousel-pro-text h2 {font-family: 'Playfair Display'!important;color: #092a41;letter-spacing: normal!important;}
.sppb-carousel-pro-text {text-align: left;}
.sppb-carousel-pro-content {color: #000;width: 70%;}

/*slide skew*/
.sppb-carousel-pro-inner-content .sppb-col-sm-8.sppb-col-xs-12 {
    background:transparent;
    padding: 90px 30px 50px 30px;
    clip-path: polygon(0 12%, 100% 0%, 100% 89%, 0% 100%);}

/*slide*/
#slideshow{
    clip-path: polygon(0 0, 100% 0%, 100% 92%, 0% 100%);
}


/*-----------------------------------------------------------------------
                                992 px
-------------------------------------------------------------------------*/
@media screen and (max-width:992px){
.sppb-carousel-pro-text h2 {font-family: 'Roboto'!important;color: #092a41;letter-spacing: normal!important;}
.sppb-carousel-pro-text {text-align: left;}
.sppb-carousel-pro-content {color: #000;width: 100%;}


/*slide skew*/
.sppb-carousel-pro-inner-content .sppb-col-sm-8.sppb-col-xs-12 {
    background: transparent;
    padding: 100px 30px 78px 30px;
    }
}


/*-----------------------------------------------------------------------
                               768 px
-------------------------------------------------------------------------*/
@media screen and (min-width:481px) and (max-width:768px){
div#slideshow {
    margin-top: 80px!important;
}
img.sppb-carousel-pro-bg-image {
    height: inherit!important;
}
.sppb-carousel-pro-inner-content .sppb-col-sm-8.sppb-col-xs-12 {
    padding:55px 30px 55px 30px;
    margin-top: -11px;
    }
.sppb-carousel-pro-text  p {
    font-size: 14px;
    line-height: 17px;
}
}


/*-----------------------------------------------------------------------
                               480 px
-------------------------------------------------------------------------*/
@media screen and (max-width:480px){
img.sppb-carousel-pro-bg-image {
    height: inherit!important;
}
.sppb-carousel-pro-inner-content .sppb-col-sm-8.sppb-col-xs-12 {
    padding: 15px;}
.sppb-carousel-pro-text  p {
    font-size: 14px;
    line-height: 17px;
}
.sppb-carousel .sppb-carousel-arrow.left {
    left: 19px;
    bottom: 0px;
}
}

/*redline*/
.zindex80{
  z-index: 80!Important;
}


/*redline*/
.red-line {
    position: relative;
}

.red-line:before {
    background: #e55345;
    width: 150px;
    border-radius: 50px;
    content: '';
    height: 11px;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.red-line-center {
    position: relative;
}

.red-line-center:before {
    background: #e55345;
    width: 150px;
    border-radius: 50px;
    content: '';
    height: 11px;
    position: absolute;
    bottom: -20px;
    left: 0;
  right:0;
  margin:auto;
}


.white-line-center {
    position: relative;
}

.white-line-center:before {
    background: #fff;
    width: 150px;
    border-radius: 50px;
    content: '';
    height: 11px;
    position: absolute;
    bottom: -20px;
    left: 0;
  right:0;
  margin:auto;
}

.cloud-bg {
    position: relative;
}

.cloud-bg:before {
    content: '';
    background: url(/images/00_tadika/home/cloud2.png);
    width: 1920px;
    height: 269px;
    position: absolute;
    right: 0;
    top: -10%;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:480px){
.cloud-bg:before {
    content: '';
    background: url(/images/00_tadika/home/cloud2.png);
    width: 700px;
    height: 300px;
    position: absolute;
    right: 0;
    top: 0%;
    background-repeat: no-repeat;
    background-size: contain;
}}

.cloud-bg-2 {
    position: relative;
}

.cloud-bg-2:before {
    content: '';
    background: url(/images/00_tadika/home/cloud3.png);
    width: 1920px;
    height: 270px;
    position: absolute;
    right: 0;
    top: -27%;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:480px){
  
.cloud-bg-2:before {
    content: '';
    background: url(/images/00_tadika/home/cloud3.png);
    width: 700px;
    height: 270px;
    position: absolute;
    right: 0;
    top: -5%;
    background-repeat: no-repeat;
    background-size: contain;
  }}



.cloud-bg-3 {
    position: relative;
}

.cloud-bg-3:before {
    content: '';
    background: url(/images/00_tadika/home/cloud3.png);
    width: 1920px;
    height: 270px;
    position: absolute;
    right: 0;
    top: -21%;
    background-repeat: no-repeat;
    background-size: contain;
}


@media screen and (max-width:480px){
.cloud-bg-3:before {
    content: '';
    background: url(/images/00_tadika/home/cloud3.png);
    width: 700px;
    height: 300px;position: absolute;
    top: -2%;right: 0;
      background-repeat: no-repeat;
    background-size: contain;
  }}


.about-image {
    position: relative;
}

.about-image:before {
    content: '';
    background: url(/images/00_tadika/home/4.png);
    width: 100px;
    height: 120px;
    position: absolute;
    left: 53%;
    top: -18%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.about-image {
    position: relative;
}

.about-image:after {
    content: '';
    background: url(/images/00_tadika/home/3.png);
    width: 500px;
    height: 600px;
    position: absolute;
    right: -60%;
    top: 20%;
    transform: scale(0.5);
    background-repeat: no-repeat;
    background-size: contain;
}


/*bg*/
/*-----------------------------------------------------------------------
                                768 px
-------------------------------------------------------------------------*/
@media screen and (max-width:768px){
.bg-position {
    background-position: 80% 0!important;
  }}











/*featurebox*/
/*-----------------------------------------------------------------------
                               1194px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px) and (max-width:1195px){
  .margin-top-percent-19{margin-top: -14%!important;padding-top: 0!important;}}

.feature-box-hover-01:hover .fb001{transform: translate(0, -15px);transition: 0.3s ease;}
.fb001{transition: 0.3s ease;}
  
/*slanted row*/

.slanted-row{
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0 100%);
}
  

.white-bg {
    position: relative;
}

.white-bg:before {content: '';background:#ffffffe0;position: absolute;width: 600px;height: 252px;left: -20%;top: 0;bottom: 0;margin: auto;}
  
.line-001 .sppb-addon-title {
    position: relative;
}

.line-001 .sppb-addon-title:before {
content: '';background: #092a41;position: absolute;width: 120px;height: 2.5px;left: -20%;top: 0;bottom: 0;margin: auto;
}


/*site development*/
.sppb-addon.sppb-addon-overlay-image.image-effect-slide-left:hover h1.sppb-addon-title {
    color: #fff!important;text-shadow: 0 0 10px black;
}

/*float*/
@keyframes float {
	0% {
	
		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {

		transform: translatey(0px);
	}
}