/*************************
	HEADER
***************************/

/*animated heading*/
@media (max-width: 480px){
.animated-text-words-wrapper .animated-text {white-space: inherit;}
span.animated-text-words-wrapper {min-width:300px;display: flex;justify-content: center;}}

/*ecokindee bg*/
@media (max-width: 480px){
.ecokindee-bg-01 {
    background-position: 95% 50%!important;
}}

/*************************
	MISSION VISION
***************************/

/*arrow*/
.arrow-01 {position:relative;}
.arrow-01:before {position: absolute;background-size: contain !important;content: '';content: url(/images/0-ecokindee/shape/arrow.png);top: 100px;right: -230px;margin: auto;background-repeat: no-repeat;z-index: 5!important;}


/*block number*/
.project-block-number span.sppb-blocknumber-number {
    height: 60px;
    width: 60px;
    font-size: 30px;
    padding: 0px 0px 0px 0;
}

.project-block-number .pull-left {
padding: 8px;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23FE6829FF' stroke-width='3' stroke-dasharray='5' stroke-dashoffset='20' stroke-linecap='butt'/%3e%3c/svg%3e");
border-radius: 100px;
}

/*block number vertical line*/
.project-block-number {
    position: relative;
}

.project-block-number:before {
    position: absolute;
    content: '';
    border-left: 2px dashed #09186c;
    height: 100px;
    bottom: -50px;
    left: 38px;
    z-index: -1;
}

.project-block-number.last-item:before {
    height: 0px;
}


.project-block-number.contact-page:before {
    height: 113px;
    bottom: -65px;
    left: 38px;
}




/*************************
	BRANCH SECTION
***************************/


/*treebranchbox background*/
@media (max-width: 480px){
.treebranchbox {background-position:100%!important;}}


/*branch*/
.branch {position: relative;}.branch:before {position: absolute;background-size: contain !important;content: '';content: url(/images/0-ecokindee/shape/branch.png);top: -328px;left: -17%;margin: auto;background-repeat: no-repeat;z-index: -10 !important;}.branch {border: 2px solid #c86c1a;border-radius: 30px;}

@media only screen and (min-width: 1700px) {
.branch:before {top: -328px;left: -4%;}}
@media (min-width: 1024px) and (max-width: 1280px){
.branch:before {top: -328px;left: -39%;}}
@media (min-width: 768px) and (max-width: 1023px){
.branch:before {top: -285px;left: -76%;transform: scale(0.7);}}
@media (min-width: 481px) and (max-width: 767px){
.branch:before {top: -252px;left: -135%;transform: scale(0.5);}}
@media (max-width: 480px){
.branch:before {top: -240px;left: -170%;transform: scale(0.4);}}





/*tree*/
.tree:before {position: absolute;background-size: contain !important;content: '';content: url(/images/0-ecokindee/shape/tree.png);bottom: 0px;right: 300px;margin: auto;background-repeat: no-repeat;z-index: 5!important;transform: scale(0.8);}

@media (max-width: 480px){
.tree:before {transform: scale(0.6);right: 230px;}
.aboutpage.tree:before {transform: scale(0.6);right: 230px;bottom: -45px;}}



/*boy*/
.boy {position: relative;}.boy:before {position: absolute;background-size: contain !important;content: '';content: url(/images/0-ecokindee/shape/boy.png);top: -14em;right: 180px;margin: auto;background-repeat: no-repeat;z-index: -10 !important;}

@media (min-width: 1700px) {
.boy:before {top: -14em;right: 250px;margin: auto;background-repeat: no-repeat;z-index: -10 !important;}}

@media (max-width: 480px){
.boy:before {top: -35em;right: 214px;}}



/*girl*/
.girl {position: relative;}.girl:before {position: absolute;background-size: contain !important;content: '';content: url(/images/0-ecokindee/shape/girl.png);bottom: 7em;left: 120px;margin: auto;background-repeat: no-repeat;z-index: -10 !important;}

@media (min-width: 1700px) {
.girl:before {bottom: 7em;left: 200px;margin: auto;}}


/*icon*/
.project-icon-01 img {width: 100px;}
.project-icon-01:hover img {animation: spin 0.5s linear 1;}

 
/*dog*/
.dog {position: relative;}.dog:before {
position: absolute;background-size: contain !important;content: '';content: url(/images/0-ecokindee/shape/dog.png);
top: -14em;left: 10px;margin: auto;background-repeat: no-repeat;z-index: -10 !important;    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}

@media (max-width: 480px){
.dog:before {top: 12em!important;left: -50px;}}


/*bird*/
.bird {position: relative;}.bird:after {
position: absolute;background-size: contain !important;content: '';content: url(/images/0-ecokindee/shape/bird.png);
top: -14em;right: 0px;margin: auto;background-repeat: no-repeat;z-index: -10 !important;    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}

@media (max-width: 480px){
.bird:after {top: 12em;right: -68px;}}



/*end of home*/