.content-container {
    flex-grow: 1;
    position:relative;
    padding:80px 20px 0;
    width:100%;
    max-width:1300px;
    margin: 0 auto;
}

.clear {clear:both;}

@keyframes lds-eclipse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes lds-eclipse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lds-eclipse { position: relative; } .lds-eclipse div { position: absolute; -webkit-animation: lds-eclipse 1s linear infinite; animation: lds-eclipse 1s linear infinite; width: 160px; height: 160px; top: 20px; left: 20px; border-radius: 50%; box-shadow: 0 4px 0 0 #2E63CC; -webkit-transform-origin: 80px 82px; transform-origin: 80px 82px; } .lds-eclipse { width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); }

.footer {padding: 40px 10px 20px; margin-top:20px; color: #616161; background:#EFF1F4; border-top:18px solid #719CF0;}
.notification.animated {text-align:left;}

.hero .navbar {z-index:110;background:#2E63CC; border-bottom:2px solid #aaa; height: 80px; color:#fff;position:fixed;width:100%;}
.hero .navbar a {color:#fff;}
.navbar > .container {
    height:80px;
    display: flex!important;
    padding:0 20px;
}

.logo i {font-size:4rem;margin-right:20px; vertical-align: middle;}
.logo {background: none; color:#fff ;text-align:left; z-index:111;position:absolute; top:0px;left:0px; height:80px;line-height:80px; padding:0 20px;}
.hero .nav, .hero.is-success .nav {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.hero .subtitle {
    padding: 3rem 0;
    line-height: 1.5;
}
.navbar-item img {
    max-height: 3rem;
}

@media screen and (max-width: 1088px) {
    .footer {padding: 50px 30px 20px;}
}

.creds { font-size:1.1rem;}
.triangle { width:14px; height:52px; background-image: url('data:image/svg+xml;utf8,<svg width="14" height="52" viewBox="0 0 14 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.999999L13 26L1 51" stroke="white" /></svg>');}

.bg-lightblue, .bg-lightblue[disabled] {background-color:#719CF0;}
.bg-gray, .bg-gray[disabled] {background-color:#DBDBE1;}

.button.bg-gray, .button.bg-gray:hover {color:#616161;}
.button.bg-lightblue, .button.bg-gray.is-selected:hover {color:#fff;}


.button.iaButton { padding-left:10px; border-radius:10px; border:none; height:40px; overflow:hidden;font-size:1.2rem;min-width:196px;position:relative;}

.button.trButton {padding-left: 30px;}
.button.trButton span {position:absolute;left:15px;}
.button.trButton .triangle {float:left; position:absolute;left:25px;}

.button.is-selected, .button:hover {background: #2E63CC; color:#fff;}

#steps .button.is-selected, #steps .button:hover {border:1px solid #fff;}
a[disabled], a.disabled, .button[disabled], .button.disabled {
    pointer-events: none;
}
.is-link {cursor:pointer;}

.button.iaButton:hover {color:#fff;}
#steps {margin: 30px 0; position:relative; z-index:112;}
#steps a {margin: 0 5px 10px; box-shadow:none;}
.sbottom {margin: 30px 0; text-align: center;}
.sbottom .button{margin:0 10px;}
.sbottom .button i {margin-top:0.12em;}
.sbottom .button:first-child i {margin-right:5px;}
.sbottom .button:last-child i {margin-left:5px;}

h3, .button.iaButton {text-transform:uppercase; }
h3{font-size:2rem;}

.accountItem {
    min-height:330px;
    box-shadow: inset 0 0 0 2px #c4c4c4;
    border-radius: 8px;    
    background-image: url('img/circles.svg');
    background-position: bottom left;
    background-repeat: no-repeat;
    position: relative;
    color: #888;
    overflow:hidden;
    height:100%;
    transition: background 150ms linear, color .25s;
    cursor:pointer;
}

.accountNote {color:#616161;border-radius: 8px; padding:20px; width:100%;height:100%;z-index: 106;position:absolute;background:#fff; overflow-y:auto; top:0px;  left: calc(100%); visibility:hidden;border: 2px solid #C4C4C4; cursor:auto;transition: all .5s ease 0s;}
.accountItem.hasNote .accountNote {visibility:visible;left:0px;}

.accountItem.is-selected .accountNote {border-color: #2E63CC;}

.accountContent{padding:5px;z-index: 0;}

.accountItem.is-selected {
    background-color: #2E63CC;
    background-image: url('img/circles_blue.svg');
    cursor:pointer;
    box-shadow:none;
    color:#fff;
}

.accountItem.hasNote {
    box-shadow:none;
    
}


.accountItem.hasNote::before, .accountItem.hasNote::after, .accountItem.is-selected::before, .accountItem.is-selected::after {
    border-color:#c4c4c4!important;
    transition: border 0.3s ease-in-out !important;
}

  

.accountItem.is-multiple {
    box-shadow: 10px -10px 0px 0px #2E63CC;
    border:2px solid #fff;
}
.accountItem.is-gray-selected.is-multiple {
    /* border-color:#c4c4c4;
    box-shadow: 10px -10px 0px 0px #818181; */
       /* box-shadow: inset 0 0 0 2px #c4c4c4;*/
    box-shadow: 10px -10px 0px 0px #818181;
    background-color: #f5f5f5;
}

.accountItem .fas.fa-info-circle, .accountNote .fas.fa-times-circle, .accountItem .fas.fa-plus-circle, .accountItem .fas.fa-minus-circle  {
    font-size:1.7rem;
    position:absolute;
    z-index:105;
}

.accountItem .fas.fa-info-circle, .accountNote .fas.fa-times-circle {
    top:5px;
    right:5px;
    color:#719CF0;
    cursor:pointer;
}

.accountItem .fas.fa-info-circle:hover, .accountNote .fas.fa-times-circle:hover {
    color:rgb(70, 104, 172);
}

.accountItem.is-selected .fas.fa-info-circle:hover {
    color:rgb(17, 45, 99);
}

.accountItem .fas.fa-plus-circle, .accountItem .fas.fa-minus-circle {color:#C4C4C4; right:5px;position:absolute;cursor:pointer;}
.accountItem .fas.fa-plus-circle:hover, .accountItem .fas.fa-minus-circle:hover {color:#aaa; right:5px;position:absolute;}
.accountItem .fas.fa-minus-circle { display:none;}
.accountItem.is-selected .fas.fa-plus-circle, .accountItem.is-selected .fas.fa-minus-circle, .accountItem.is-gray-selected .fas.fa-minus-circle { display:block;}
.accountItem.is-selected .fas.fa-plus-circle, 
.accountItem.is-selected .fas.fa-minus-circle {
    color:#1A469C;
}

.accountItem.is-selected .fas.fa-plus-circle:hover, 
.accountItem.is-selected .fas.fa-minus-circle:hover {
    color:rgb(17, 45, 99);
    
}

.accountItem .fas.fa-plus-circle {bottom:5px; }
.accountItem .fas.fa-minus-circle {bottom:2.5rem;}

.circle {
    display:block;
    width:47px;
    height:47px;
    background-image: url('img/circle.svg');
}

.accountItem .circle {margin:30px auto;cursor:pointer;}
.accountItem.is-selected .caption {
    color:#fff;
}

.accountItem:hover .circle, .accountItem.is-gray-selected .circle{
    background-image: url('img/circle_checkGray.svg');
}

.accountItem.is-selected .circle {
    background-image: url('img/circle_check.svg');
}


.accountItem .caption {
    color:#2E63CC;
    font-size: 1.8rem;
    font-weight:bold;
    margin-bottom:10px;
    min-height:5.5rem;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
#cnt.sticky #steps {
    width:100%;
    position: fixed;
    margin-top:10px;
    top:9px;
    left: 50%;
    transform: translateX(-50%);
}

#cnt.sticky .stepContainer {padding-top:110px;}

@media screen and (max-width: 1300px) {
    #cnt.sticky #steps a {display:none;}
    #cnt.sticky #steps a.is-current, #cnt.sticky #steps a.is-current + a {display:inline-flex;}    
}

.goals {margin-bottom: 20px;}
.goals .button {font-size:1.3rem;}
.goals-container {margin-left:10px;display:inline-block;}
.goals-container>span.button {margin-right:5px;margin-bottom:5px;}
.goals-container .button.is-selected {background:#2E63CC;color:#fff;}
.goals-container .button.is-selected i, .goals-container .button:hover i {color:#fff;}
.goals-container .button i {color: #2E63CC; margin-right:5px; font-weight:bold;}



.accountItem .counter {position:absolute; bottom:10px; width:100%;text-align:center;}
.pagination {position:relative; z-index:101;}
.pagination .is-current, .pagination .pagination-ellipsis {font-size:1.6em;}
.pagination .pagination-link, .accountItem.is-gray-selected .pagination .pagination-link.is-current {color:#fff;}
.accountItem.is-gray-selected .pagination .pagination-link  {color:#777;}
.accountItem.is-gray-selected .pagination .pagination-link.is-current {background-color:#c4c4c4; border-color:transparent;}

/*Animated border starts*/

.accountItem::before, .accountItem::after {
    box-sizing: inherit;
    content: '';
    position: absolute;    
    border: 2px solid transparent;
    width: 0px; height:0px;
}

.accountItem::before {
    top: 0;
    left: 0;
}
.accountItem::after {
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
}
  
.accountItem:hover::before, .accountItem:hover::after {
    width: 100%;
    height: 100%;
    border-radius:8px;
}
.accountItem:hover::before {
    border-top-color: #2E63CC;
    border-right-color: #2E63CC;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.accountItem:hover::after {
    border-bottom-color: #2E63CC;
    border-left-color: #2E63CC;
    transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}
.accountContent:hover::before {content:''; position:absolute;left:0;top:0; border:2px solid #2E63CC; border-radius:8px 0 0 0; width:8px;height:8px;border-bottom:none;border-right:none;}
.accountItem.hasNote .accountContent::before {display:none;}
.accountItem.is-selected::before,.accountItem.is-selected::after {display:none!important;}
/*Animated border ends*/

#myModal {z-index:1000; animation-duration: 300ms;}
.modal-card {animation-duration: 500ms;}
.modal-card-foot .button {font-size:1.6rem;}

.indexTd {vertical-align:middle;}
.accountContent .select {position:relative; z-index:100;}

.accountContent .selectContainer {width:95%; max-width:288px; margin:0 auto;}
.accountContent .selectContainer table {width:100%;}
.accountContent .selectControl.disabled {cursor:pointer; pointer-events: none; color:#888;}
.accountContent .select.disabled::after {color:#888!important; border-color:#888!important;}
.questioncheckbox {cursor:pointer; display:inline-block;margin-bottom:50px;}
.questioncheckbox label {margin-top:20px;display:block;}
.questioncheckbox .fas {color:#aaa;margin-left:5px; margin-right:3px;}

.accountItem.is-selected .questioncheckbox .fas {color:#fff;}

  @media only screen and (max-width: 425px) {
    .content-container {padding:80px 5px 0;}
    
	.button.iaButton {
		max-width: 160px;
		min-width: 150px;
    }
    .sbottom .button {margin:0 5px;}
    .button.trButton {
        padding-left: 16px;
    }
    .button.trButton .triangle {
        left:12px;
    }
    .button.trButton span {
        left:8px;
    }
    .sbottom a{margin:0 4px;}
    .pagination-ellipsis {display:none; }
    .ellipsis-container::after {content:'.'; display:block;}
    .pagination-link {margin:0 1px 0;font-size: 0.75em;padding:0;}
    .pagination-link:last-child {margin-right:0px;}
    .pagination .is-current {
        font-size: 1em;
    }
    .questioncheckbox .fas {margin:0 2px;}
    .accountItem .fas.fa-plus-circle, .accountItem .fas.fa-minus-circle {
        font-size: 1.2em;
    }
    .accountItem .fas.fa-minus-circle, .accountItem .fas.fa-minus-circle:hover {right:auto; left:2px; bottom:2px;}
    .accountItem.is-selected .fas.fa-plus-circle, .accountItem.is-selected .fas.fa-plus-circle:hover {right:2px; bottom:2px;}
    .accountItem .caption {font-size:1.5rem;}
    .tabs-content .incomeContainer {padding:0;background:#fff;}
    .experienceButtons .button{
        margin:0;
    }
}

@media screen and (max-width: 600px) {
    .pagination-ellipsis {margin:0;padding:0;}
    .accountItem {min-height: 280px;}
    .tabs-content .incomeContainer input,.tabs-content .incomeContainer .icon {font-size:1em!important;}
    .experienceHeader .is-link {margin:0 6px!important;}
    .goals-container .buttons .button {    padding-left: .25em; padding-right: .25em;}
    .goals-container .buttons .button i {padding:0px;font-size:0.8em;}
    .bHeader>.select {margin-top:10px;}
}

.control.has-icons-left .icon.has-actions, .control.has-icons-right .icon.has-actions {pointer-events: all; cursor:pointer;}

.incomeWrapper {
    position: relative;
    width: 100%;
    max-width:250px;
    margin:2rem auto 0;
}
.incomeWrapper:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.incomeContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D9EC5A;  
    border-radius: 50%;
    display:flex;
    align-items:center; padding:20%;
}
.incomeContainer:before {
    content: "";
    width:74%;
    height:74%;
    left:13%;
    top:13%;
    border-radius: 50%;
    background: #fff;
    z-index:0;
    display: block;
    position:absolute;
}
.tabs-content .incomeContainer .icon {font-size:1.5em;height:100%;width:1.5em;padding-left:0.5em;}
.tabs-content .incomeContainer .control {text-align:center;}
.tabs-content .incomeContainer input {
    text-align:center;
    font-size:1.5em;
    display:inline-block;
    padding:0.2em;   
    height:auto;
    max-width:90%;
}
.tabs-content .incomeContainer .has-icons-left input {
    padding-left: 1.1em;
}

.oddBg {margin-bottom:20px; padding:5px 5px 0;}
.oddBg:nth-child(even) {background:#e5e5e5;}

.experienceButtons { display:inline-block;}
.experienceButtons .button{
    margin:0 5px;
}
.experienceHeader {
    margin-top:2rem;
    border-bottom:1px solid #C4C4C4; 
    padding-bottom:calc(30px - 0.6rem);
    overflow:hidden;
}
.experienceHeader label {display:inline-block;}
.experienceHeader .is-link {color:#2E63CC; text-decoration:none;margin:0 2rem;position:relative;}
.experienceHeader .is-link.is-active,.experienceHeader .is-link:hover {font-weight:bold;}
.experienceHeader .is-link.is-active:after {  
    content:'';
    position:absolute;
    left:50%;
    top:2rem;
    border-right: 1px solid  #C4C4C4;
    height:30px;
}
.experienceWrapper ul {    
    max-width:1100px;
    margin-top: 10px;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;

}
.experienceWrapper ul li {
    margin-right:6rem;
    min-width:270px;
    
    flex-basis: 0;
}
.experienceWrapper input[type="checkbox"]{
    margin-right:1rem;
} 

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
  }
  sub { 
    top: 0.4em; 
  }

  .multi-select {position:relative; z-index:5;}
  .multi-select .dropdown {display:block;position:relative;z-index:10;}
  .multi-select .dropdown-content {position:relative;z-index:10000;max-height:20rem!important;}
  .secondaryJoint {margin-top:25px;}
  .secondaryJoint .multi-select .select-panel>.select-item, .hideSelectAll .multi-select .select-panel>.select-item {display:none!important;}
  .dangerSelect .multi-select .dropdown .dropdown-heading {border:1px solid #ff3860!important;}
  .bHeader {line-height: 2.25em;}
  .dropdown-item {font-size:1.2rem;}
  .stepBank h4 {font-size:1.2em;}
  .stepBank h4 i  {margin-right:.8em;}
  .bankWrapper {margin-left: 2.2em;padding-top: 10px;margin-bottom:30px;}
  .bankUl {padding-left: 2.2em;margin-bottom: 10px;}
  .bankUl li {list-style-type: disc;}

  .cbank { position: relative; width:100%; max-width:390px;min-width:300px; height:228px;display:block; border-radius: 8px;margin-right: 10px;padding:10px;margin-bottom: 20px; float:left;}
  .cbank.contribution {background: #009EEE;}
  .cbank.transfer {background: #00D0E5;}
  .cbank .deleter {position:absolute; top:5px; right:10px;color:#fff;}
  .cbank .edit {position:absolute; bottom:5px; right:10px;color:#fff;}
  .cbank .title {color:#fff;padding-top:2em;}
  .cbank .note {color:#006193;}

  .cbankWrapper{
	/* display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
    align-content: flex-start;
    margin-bottom:40px; */
}

.cbank.empty {border:2px solid #C4C4C4;}
.cbank.empty .title {color:#C4C4C4;text-align:center;font-size:3rem;}
.cbank.empty .note {color:#C4C4C4; text-align:center;font-size:2.4rem;}
.cbank .columns {min-height:228px ;margin-top:-10px; display: flex; flex-direction: row; align-items: stretch;}
.cbank .columns .column{margin: auto 0;position:relative;padding-top:0;}

.amountWrapper {
    position: relative;
    height: 110px;
    color:#fff;
}
.amountWrapper i {position:absolute;right:0;top:35%;font-size:3rem;margin-left:5px;}
.amount:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.amount {
    position: absolute;
    z-index:10;
    width: 110px;
    height: 110px;
    background: #138CCA;  
    border-radius: 50%;
    display:flex;
    font-size:1.8rem;
    align-items:center; padding:0;
}
.amount:before {
    content: "";
    width:74%;
    height:74%;
    left:13%;
    top:13%;
    border-radius: 50%;
    background: #fff;
    z-index:0;
    display: block;
    position:absolute;
}
.amountText {z-index:10;color:#616161;text-align:center;width: 100%;margin:0 auto;}
.cbank.transfer .amount{background: #03B9CB;  }
.button.has-icon {float:left; margin-right:10px;}
.button.has-icon:hover i {color:#fff!important;}

.card {margin-bottom:20px;}
.card-footer {padding-left:10px;}


/*Elephant*/
@-webkit-keyframes changeColor {
    0% {
      background-color: #a3d8d3;
    }
    50% {
      background-color: red;
    }
    100% {
      background-color: #a3d8d3;
    }
  }
  
  @keyframes changeColor {
    0% {
      background-color: #a3d8d3;
    }
    50% {
      background-color: red;
    }
    100% {
      background-color: #a3d8d3;
    }
  }
  .polygon {
    position: absolute;
  }
  
  .elephant {
    width: 100%;
    padding-top: 120%;
    position: relative;
    margin: auto;
  }
  .elephant__body {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .elephant__head {
    position: absolute;
    top: 5%;
    left: 25%;
    width: 50%;
    height: 45%;
    background-color: #a3d8d3;
    -webkit-clip-path: polygon(16% 0, 84% 0, 100% 50%, 64% 100%, 36% 100%, 0 50%);
            clip-path: polygon(16% 0, 84% 0, 100% 50%, 64% 100%, 36% 100%, 0 50%);
  }
  .elephant__head > .polygon:nth-child(1) {
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #81b6b1;
  }
  .elephant__head > .polygon:nth-child(2) {
    right: 0;
    background-color: #b4e9e4;
    width: 50%;
    height: 50%;
    top: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 52%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 52%);
  }
  .elephant__head > .polygon:nth-child(3) {
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    -webkit-clip-path: polygon(0 0, 85% 0, 20% 15%, 0 100%);
            clip-path: polygon(0 0, 85% 0, 20% 15%, 0 100%);
  }
  .elephant__proboscis {
    width: 21.5%;
    height: 52.5%;
    position: absolute;
    top: 47.5%;
    left: 42.5%;
    background-color: #81b6b1;
    z-index: 10;
    -webkit-clip-path: polygon(0 0, 33% 0, 67.5% 4.5%, 58% 52%, 75% 89%, 100% 84%, 100% 92%, 72% 100%, 49% 94%, 9% 52%);
            clip-path: polygon(0 0, 33% 0, 67.5% 4.5%, 58% 52%, 75% 89%, 100% 84%, 100% 92%, 72% 100%, 49% 94%, 9% 52%);
  }
  .elephant__proboscis > .polygon:nth-child(1) {
    background-color: #b4e9e4;
    width: 70%;
    height: 100%;
    left: 35%;
    top: 0;
    -webkit-clip-path: polygon(0 0, 100% 8%, 100% 86%, 59% 94%, 57% 89%, 0 54%);
            clip-path: polygon(0 0, 100% 8%, 100% 86%, 59% 94%, 57% 89%, 0 54%);
  }
  .elephant__proboscis > .polygon:nth-child(1) .polygon {
    background-color: #a6dbd6;
    width: 100%;
    height: 50%;
    left: 0;
    top: 50.5%;
    -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
  }
  .elephant__proboscis > .polygon:nth-child(2) {
    width: 72%;
    height: 55%;
    background-color: #5f948f;
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 100%, 60% 100%);
            clip-path: polygon(0 0, 100% 100%, 60% 100%);
  }
  .elephant__proboscis > .polygon:nth-child(3) {
    width: 54%;
    height: 100%;
    top: 3%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 100%, 0 100%);
  }
  .elephant__ear {
    position: relative;
    width: 34%;
    height: 55%;
    background-color: #6ea39e;
    -webkit-clip-path: polygon(7% 9%, 40% 0, 100% 20%, 95% 50%, 20% 100%, 21% 95%, 0 73.5%, 30% 50%);
            clip-path: polygon(7% 9%, 40% 0, 100% 20%, 95% 50%, 20% 100%, 21% 95%, 0 73.5%, 30% 50%);
  }
  .elephant__ear.left {
    float: left;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .elephant__ear.right {
    float: right;
  }
  .elephant__ear > .polygon:nth-child(1) {
    width: 60%;
    height: 42%;
    background-color: #81b6b1;
    top: 0;
    right: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .elephant__ear > .polygon:nth-child(2) {
    width: 30%;
    height: 50%;
    background-color: #5a8f8a;
    left: 0;
    bottom: 0;
  }
  .elephant__ear > .polygon:nth-child(3) {
    width: 79%;
    height: 100%;
    background-color: #4e837e;
    right: 0;
    top: 0;
    -webkit-clip-path: polygon(100% 19%, 100% 100%, 0 100%, 83% 49%);
            clip-path: polygon(100% 19%, 100% 100%, 0 100%, 83% 49%);
  }
  .elephant__ear > .polygon:nth-child(4) {
    left: 0;
    bottom: 0;
    width: 30%;
    height: 50%;
    background-color: #3d726d;
    -webkit-clip-path: polygon(0 0, 100% 0, 33% 48%, 71% 90%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 33% 48%, 71% 90%, 0 100%);
  }
  .elephant__tusks {
    position: absolute;
    width: 44%;
    height: 44%;
    top: 41%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .elephant__tusk {
    position: relative;
    width: 31%;
    height: 100%;
    background-color: #81b6b1;
    -webkit-clip-path: polygon(52% 0, 100% 42%, 65% 88%, 30% 100%, 45% 52%, 0 21%);
            clip-path: polygon(52% 0, 100% 42%, 65% 88%, 30% 100%, 45% 52%, 0 21%);
  }
  .elephant__tusk.left {
    float: left;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .elephant__tusk.right {
    float: right;
  }
  .elephant__tusk > .polygon {
    top: 0;
    left: 0;
  }
  .elephant__tusk > .polygon:nth-child(1) {
    width: 95%;
    height: 100%;
    background-color: #b4e9e4;
    -webkit-clip-path: polygon(0 0, 36% 0, 83% 43%, 32% 100%, 0 100%);
            clip-path: polygon(0 0, 36% 0, 83% 43%, 32% 100%, 0 100%);
  }
  .elephant__tusk > .polygon:nth-child(2) {
    width: 60%;
    height: 100%;
    background-color: #70a5a0;
    -webkit-clip-path: polygon(0 0, 28% 0, 100% 48%, 65% 100%, 0 100%);
            clip-path: polygon(0 0, 28% 0, 100% 48%, 65% 100%, 0 100%);
  }