@charset "UTF-8";
/**/@import url("https://fonts.googleapis.com/css?family=Josefin+Sans%7CBarlow:400,500,600,700"); .popout.show {
opacity: 0.5;
}
.popout.fade {
opacity: 0;
}
.popout {
z-index: 1071;
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6784313725);
}
.popout-open {
overflow: hidden;
}
.ptl-loader-overlay {
background-color: rgba(255, 255, 255, 0.6588235294);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1111;
display: flex;
align-items: center;
justify-content: center;
}
.ptl-loader-overlay .ptl-spinner {
background: linear-gradient(90deg, var(--ptl-line, #000) 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-loader-overlay .ptl-spinner:before {
background-color: #000 !important;
background-color: var(--ptl-line, #000) !important;
}
.ptl-cont .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-no-post {
text-align: center;
}
.ptl-cont .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-no-post span {
color: #000;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: capitalize;
}
.ptl-nav-wrapper .ptl-mobile-nav-btn {
display: none;
position: fixed;
transition-duration: 1s;
cursor: pointer;
top: 20px;
right: 20px;
z-index: 111;
height: 32px;
width: 45px;
transition: all 0.7s;
border-radius: 5px;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.7215686275);
box-shadow: 0px 0px 7px 0px #a7a7a7;
}
.ptl-nav-wrapper .ptl-mobile-nav-btn .lines {
height: 2px;
width: 30px;
top: 15px;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
border-radius: 20px;
position: absolute;
transition-duration: 0.5s;
transition-delay: 0.5s;
transition: top 0.5s, transform 0.5s 0.5s;
}
.ptl-nav-wrapper .ptl-mobile-nav-btn .lines:before, .ptl-nav-wrapper .ptl-mobile-nav-btn .lines:after {
left: 0;
top: -7px;
height: 2px;
width: 30px;
content: "";
position: absolute;
border-radius: 20px;
transition-duration: 0.5s;
transition: transform 0.5s, top 0.5s 0.5s;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-wrapper .ptl-mobile-nav-btn .lines:before {
top: -7px;
}
.ptl-nav-wrapper .ptl-mobile-nav-btn .lines:after {
top: 7px;
}
.ptl-nav-wrapper .ptl-mobile-nav-btn.open {
right: 150px;
}
.ptl-nav-wrapper .ptl-mobile-nav-btn.open .lines {
width: 25px;
transition-duration: 0.1s;
transition-delay: 0.5s;
background: transparent;
}
.ptl-nav-wrapper .ptl-mobile-nav-btn.open .lines:before {
transition: top 0.5s, transform 0.5s 0.5s;
top: 1px;
left: 1px;
width: 25px;
transform: rotateZ(-45deg);
}
.ptl-nav-wrapper .ptl-mobile-nav-btn.open .lines:after {
transition: top 0.4s, transform 0.5s 0.5s;
top: 1px;
left: 1px;
width: 25px;
transform: rotateZ(45deg);
}
.ptl-nav-0 .yr_list {
top: 50%;
right: 0;
z-index: 11;
width: 140px;
height: auto;
position: fixed;
transform: translateY(-50%);
}
.ptl-nav-0 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-nav-0 .yr_list .ptl-btn:hover a:after {
z-index: -1;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-0 .yr_list .ptl-btn:hover a i {
color: #fff;
}
.ptl-nav-0 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: -7px;
text-align: center;
}
.ptl-nav-0 .yr_list .btn-top a {
width: 65px;
height: 65px;
margin: auto;
font-size: 0;
margin-bottom: 0;
line-height: 40px;
text-align: center;
position: relative;
transition: all 0.5s;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-nav-0 .yr_list .btn-top a:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
border: 2px solid;
position: absolute;
border-radius: 10px;
transition: all 0.3s;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-0 .yr_list .btn-top a i {
height: 100%;
display: flex;
font-size: 22px;
align-items: center;
justify-content: center;
}
.ptl-nav-0 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: -7px;
text-align: center;
}
.ptl-nav-0 .yr_list .btn-bottom a {
width: 65px;
height: 65px;
margin: auto;
font-size: 0;
margin-bottom: 0;
line-height: 40px;
text-align: center;
position: relative;
transition: all 0.5s;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-nav-0 .yr_list .btn-bottom a:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
border: 2px solid;
position: absolute;
border-radius: 10px;
transition: all 0.3s;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-0 .yr_list .btn-bottom a i {
height: 100%;
display: flex;
font-size: 22px;
align-items: center;
justify-content: center;
}
.ptl-nav-0 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner {
width: 100%;
height: auto;
position: absolute;
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list {
padding: 10px 0 10px 0;
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
width: 100%;
padding: 3px 10px;
text-align: center;
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
width: 65px;
height: 65px;
margin: auto;
cursor: pointer;
line-height: 40px;
text-align: center;
position: relative;
transition: all 0.5s;
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
border: 2px solid;
position: absolute;
border-radius: 10px;
transition: all 0.3s;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover:after, .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active:after {
z-index: -1;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover span, .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active span {
color: #fff;
}
.ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a span {
top: 50%;
left: 50%;
display: block;
max-width: 100%;
font-size: 13px;
overflow: hidden;
position: absolute;
word-wrap: initial;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.ptl-nav-1 .yr_list {
top: 50%;
right: 0;
width: 140px;
height: auto;
z-index: 9999;
position: fixed;
transform: translateY(-50%);
}
.ptl-nav-1 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-nav-1 .yr_list .ptl-btn:hover a {
color: #fff;
border: 4px solid;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-nav-1 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: 4px;
}
.ptl-nav-1 .yr_list .btn-top a {
font-size: 0;
color: black;
width: 90px;
height: 90px;
display: flex;
margin: 0 auto;
border-radius: 50%;
align-items: center;
transition: all 0.5s;
justify-content: center;
border: 4px solid #e4e4e4;
background-color: #fff;
}
.ptl-nav-1 .yr_list .btn-top a i {
font-size: 22px;
}
.ptl-nav-1 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: 4px;
}
.ptl-nav-1 .yr_list .btn-bottom a {
font-size: 0;
color: black;
width: 90px;
height: 90px;
display: flex;
margin: 0 auto;
border-radius: 50%;
align-items: center;
transition: all 0.5s;
justify-content: center;
border: 4px solid #e4e4e4;
background-color: #fff;
}
.ptl-nav-1 .yr_list .btn-bottom a i {
font-size: 22px;
}
.ptl-nav-1 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-nav-1 .yr_list .yr_list-view .yr_list-inner {
width: 100%;
height: auto;
position: absolute;
}
.ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list {
padding: 0px;
}
.ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
padding: 4px 0;
}
.ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
width: 90px;
height: 90px;
color: black;
display: flex;
cursor: pointer;
text-align: center;
border-radius: 50%;
align-items: center;
transition: all 0.5s;
justify-content: center;
margin: 0 auto;
background-color: #fff;
border: 4px solid #e4e4e4;
}
.ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a span {
font-size: 16px;
font-weight: 600;
line-height: inherit;
}
.ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover {
color: #fff !important;
border: 4px solid;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active {
color: #fff !important;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-nav-2 .yr_list {
top: 50%;
right: 0;
z-index: 11;
width: 140px;
height: auto;
position: fixed;
transform: translateY(-50%);
}
.ptl-nav-2 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-nav-2 .yr_list .ptl-btn:hover a {
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-2 .yr_list .ptl-btn:hover a i {
color: #fff;
}
.ptl-nav-2 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: 4px;
}
.ptl-nav-2 .yr_list .btn-top a {
font-size: 0;
text-align: center;
border-radius: 5px;
padding: 15px 30px;
transition: all 0.5s;
border: 1px solid #e4e4e4;
background-color: #fff;
}
.ptl-nav-2 .yr_list .btn-top a i {
font-size: 22px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-nav-2 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: 4px;
}
.ptl-nav-2 .yr_list .btn-bottom a {
font-size: 0;
text-align: center;
border-radius: 5px;
padding: 15px 50px;
transition: all 0.5s;
border: 1px solid #e4e4e4;
background-color: #fff;
}
.ptl-nav-2 .yr_list .btn-bottom a i {
font-size: 22px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-nav-2 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-nav-2 .yr_list .yr_list-view .yr_list-inner {
width: 100%;
height: auto;
position: absolute;
}
.ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
width: 100%;
padding: 5px 0;
margin-bottom: 0;
text-align: center;
}
.ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
color: black;
cursor: pointer;
text-align: center;
border-radius: 5px;
padding: 15px 50px;
transition: all 0.5s;
border: 1px solid #e4e4e4;
background-color: #fff;
}
.ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover {
color: #fff;
border: 1px solid;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active {
border: 1px solid;
color: #fff !important;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-nav-3 .yr_list {
top: 50%;
right: 0;
z-index: 11;
width: 140px;
height: auto;
position: fixed;
transform: translateY(-50%);
}
.ptl-nav-3 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-nav-3 .yr_list .ptl-btn.ptl-disabled a i {
opacity: 1;
}
.ptl-nav-3 .yr_list .ptl-btn:hover a {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-3 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: 4px;
}
.ptl-nav-3 .yr_list .btn-top a {
font-size: 0;
text-align: center;
margin-bottom: 1px;
background: #e3e3e3;
transition: all 0.4s;
padding: 18px 15px 15px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-nav-3 .yr_list .btn-top a i {
font-size: 22px;
}
.ptl-nav-3 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: 4px;
}
.ptl-nav-3 .yr_list .btn-bottom a {
font-size: 0;
margin-top: 1px;
text-align: center;
background: #e3e3e3;
transition: all 0.4s;
padding: 18px 15px 15px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-nav-3 .yr_list .btn-bottom a i {
font-size: 22px;
}
.ptl-nav-3 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-nav-3 .yr_list .yr_list-view .yr_list-inner {
height: auto;
position: absolute;
}
.ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list {
padding: 0px;
}
.ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
width: 100%;
text-align: center;
margin-bottom: -1px;
display: inline-block;
}
.ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
color: black;
border: none;
cursor: pointer;
text-align: center;
padding: 15px 25px;
transition: all 0.5s;
border-right: 3px solid;
background-color: #ededed;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active, .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover {
color: #fff !important;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a span {
font-size: 15px;
font-weight: 600;
}
@media (max-width: 900px) {
.ptl-nav-wrapper .ptl-mobile-nav-btn {
display: flex;
}
.ptl-nav-wrapper .yr_list {
right: -200px;
transition: all 0.5s;
}
.ptl-nav-wrapper .yr_list.active {
right: 0;
}
}
.ptl-social-icon-img {
text-align: right;
}
.ptl-social-icon-img li {
margin-right: 5px;
display: inline-block;
}
.ptl-social-icon-img li a img {
width: 23px;
}
.ptl-social-icon {
display: flex;
text-align: right;
}
.ptl-social-icon li {
margin-right: 5px;
display: inline-block;
}
.ptl-social-icon li:last-child {
margin-right: 0;
}
.ptl-social-icon li a {
padding: 0 !important;
font-size: 13px !important;
border: none !important;
line-height: initial !important;
background-color: transparent !important;
}
.ptl-social-icon li a i {
width: 25px;
height: 25px;
font-size: 14px;
line-height: 26px;
border-radius: 2px;
text-align: center;
position: relative;
color: #000;
background-color: #fff;
font-family: "FontAwesome";
}
.ptl-social-icon li a i.fa-facebook-f, .ptl-social-icon li a i.fa-facebook-square, .ptl-social-icon li a i.fa-facebook {
color: #fff !important;
color: var(--ptl-facebook-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-facebook-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-pinterest-p, .ptl-social-icon li a i.fa-pinterest, .ptl-social-icon li a i.fa-pinterest-square {
color: #fff !important;
color: var(--ptl-pinterest-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-pinterest-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-linkedin-in, .ptl-social-icon li a i.fa-linkedin, .ptl-social-icon li a i.fa-linkedin-square {
color: #fff !important;
color: var(--ptl-linkedin-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-linkedin-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-twitter, .ptl-social-icon li a i.fa-twitter-square {
color: #fff !important;
color: var(--ptl-twitter-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-twitter-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-instagram, .ptl-social-icon li a i.fa-instagram-square {
color: #fff !important;
color: var(--ptl-instagram-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-instagram-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-youtube, .ptl-social-icon li a i.fa-youtube-square {
color: #fff !important;
color: var(--ptl-youtube-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-youtube-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-whatsapp, .ptl-social-icon li a i.fa-whatsapp-square {
color: #fff !important;
color: var(--ptl-whatsapp-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-whatsapp-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-google-plus, .ptl-social-icon li a i.fa-google-plus-g, .ptl-social-icon li a i.fa-google-plus-square {
color: #fff !important;
color: var(--ptl-google-plus-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-google-plus-background, #2BA362) !important;
}
.ptl-social-icon li a i.fa-envelope, .ptl-social-icon li a i.fa-circle-envelope, .ptl-social-icon li a i.fa-square-envelope {
color: #fff !important;
color: var(--ptl-envelope-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-envelope-background, #2BA362) !important;
}
.ptl-cont.ptl-light .ptl-social-icon li a i {
color: #000;
background-color: #eee;
} .fa-discord-icon:before,
.fa-etherscan-icon:before,
.fa-instagram-icon:before,
.fa-medium-icon:before,
.fa-opensea-icon:before,
.fa-telegram-icon:before,
.fa-twitter-icon:before,
.fa-web-icon:before {
top: 50%;
left: 50%;
content: "";
width: 16px;
height: 16px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
}
.fa-discord-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M83 317 c-25 -11 -57 -86 -68 -158 -6 -42 -4 -48 20 -68 28 -21 85%0A-29 85 -11 0 5 -9 15 -20 22 -36 23 -21 25 37 6 57 -20 95 -18 168 6 15 5 14%0A4 -2 -5 -13 -7 -23 -18 -23 -26 0 -21 54 -16 85 9 25 19 27 25 21 67 -10 72%0A-36 143 -51 137 -7 -2 -30 1 -51 9 -52 17 -174 24 -201 12z m47 -1 c0 -2 -9%0A-6 -20 -9 -11 -3 -18 -1 -14 4 5 9 34 13 34 5z m28 -108 c19 -19 14 -56 -8%0A-63 -11 -3 -24 -4 -29 -1 -16 11 -19 46 -4 61 18 18 25 19 41 3z m120 0 c19%0A-19 14 -56 -8 -63 -11 -3 -24 -4 -29 -1 -16 11 -19 46 -4 61 18 18 25 19 41 3z'/%3E%3Cpath d='M290 316 c28 -17 50 -21 35 -7 -6 5 -21 12 -35 15 l-25 7 25 -15z'/%3E%3C/g%3E%3C/svg%3E");
}
.fa-etherscan-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M136 385 c-83 -29 -145 -125 -132 -205 10 -62 26 -90 53 -90 21 0 23%0A4 23 58 0 71 9 87 44 78 24 -6 26 -10 26 -61 0 -30 5 -55 10 -55 6 0 10 34 10%0A81 l0 80 28 -3 c26 -3 27 -6 32 -73 7 -86 19 -67 22 35 l3 75 30 0 c30 0 30%0A-1 35 -63 l5 -63 34 35 c31 32 33 37 22 64 -26 62 -115 123 -178 122 -15 -1%0A-45 -7 -67 -15z'/%3E%3Cpath d='M361 166 c-42 -44 -128 -90 -209 -112 -60 -17 -62 -18 -40 -30 74%0A-41 171 -21 232 46 30 34 65 115 53 126 -2 2 -18 -12 -36 -30z'/%3E%3C/g%3E%3C/svg%3E");
}
.fa-instagram-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M113 363 c-58 -11 -91 -100 -80 -210 10 -95 68 -130 200 -120 53 3%0A73 9 93 28 33 31 47 90 41 172 -5 78 -27 111 -86 127 -35 10 -125 11 -168 3z%0Am199 -51 c21 -20 23 -32 23 -112 0 -80 -2 -92 -23 -112 -20 -21 -32 -23 -112%0A-23 -80 0 -92 2 -112 23 -19 19 -23 35 -26 100 -2 49 2 86 10 102 21 40 55 51%0A140 48 65 -3 81 -7 100 -26z'/%3E%3Cpath d='M280 290 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0%0A-10 -4 -10 -10z'/%3E%3Cpath d='M145 255 c-50 -49 -15 -135 55 -135 41 0 80 39 80 80 0 41 -39 80%0A-80 80 -19 0 -40 -9 -55 -25z m93 -17 c15 -15 15 -61 0 -76 -15 -15 -61 -15%0A-76 0 -15 15 -15 61 0 76 15 15 61 15 76 0z'/%3E%3C/g%3E%3C/svg%3E");
}
.fa-medium-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M19 341 c6 -11 16 -23 21 -26 6 -3 10 -51 10 -107 0 -85 -3 -104 -21%0A-129 l-20 -29 57 0 57 0 -24 26 c-20 22 -24 37 -27 107 -3 51 0 78 5 72 5 -5%0A29 -54 54 -108 24 -53 46 -97 50 -97 3 0 23 44 44 98 21 53 42 101 46 106 5 6%0A9 -28 9 -79 0 -68 -4 -93 -17 -107 -15 -17 -13 -18 57 -18 70 0 72 1 57 18%0A-24 26 -25 243 -2 262 26 22 17 30 -34 30 l-49 0 -38 -95 c-20 -52 -40 -95%0A-43 -95 -3 0 -24 42 -47 93 l-41 92 -57 3 c-55 3 -57 2 -47 -17z'/%3E%3C/g%3E%3C/svg%3E");
}
.fa-opensea-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M184 356 c-3 -9 -15 -16 -25 -16 -22 0 -23 -7 -4 -40 19 -33 18 -110%0A0 -134 -20 -27 -19 -36 5 -36 11 0 20 -7 20 -15 0 -24 -57 -19 -70 6 -9 16%0A-19 20 -53 17 -38 -3 -42 -5 -39 -28 1 -14 16 -37 32 -52 29 -27 35 -28 138%0A-28 l107 0 47 52 c27 28 48 55 48 60 0 17 -102 -12 -115 -31 -10 -17 -55 -13%0A-55 4 0 8 6 15 14 15 21 0 66 58 66 86 0 14 -16 42 -39 67 -21 23 -40 51 -42%0A61 -5 25 -27 32 -35 12z'/%3E%3Cpath d='M78 242 c-21 -32 -38 -62 -38 -65 0 -4 20 -7 44 -7 47 0 56 9 56 58%0A0 34 -10 72 -19 72 -3 0 -23 -26 -43 -58z'/%3E%3C/g%3E%3C/svg%3E");
}
.fa-telegram-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M192 267 c-100 -29 -182 -55 -182 -59 0 -4 21 -13 46 -19 41 -11 49%0A-17 66 -55 21 -49 31 -52 68 -24 25 19 25 19 68 -6 23 -14 50 -24 59 -22 10 2%0A25 35 44 103 29 103 34 136 22 134 -5 0 -90 -24 -191 -52z m50 -54 c-45 -31%0A-82 -62 -82 -70 0 -23 -19 -14 -26 12 -4 14 -5 28 -3 30 9 8 174 85 183 85 5%0A0 -27 -25 -72 -57z'/%3E%3C/g%3E%3C/svg%3E");
}
.fa-twitter-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M222 340 c-12 -12 -22 -31 -22 -44 0 -12 -3 -25 -6 -29 -10 -10 -94%0A20 -129 47 -18 14 -36 26 -39 26 -12 0 -5 -57 10 -78 14 -20 14 -22 0 -22 -23%0A0 -20 -14 9 -48 17 -20 21 -32 13 -34 -13 -5 18 -41 43 -51 21 -8 -7 -26 -55%0A-33 l-38 -7 32 -13 c57 -25 138 -18 197 16 64 36 99 87 113 160 6 29 18 63 28%0A74 16 18 16 19 0 13 -21 -7 -23 3 -5 22 10 10 7 11 -14 6 -16 -4 -30 -2 -33 4%0A-12 19 -80 13 -104 -9z'/%3E%3C/g%3E%3C/svg%3E");
}
.fa-web-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M125 363 c-46 -24 -66 -45 -86 -88 -33 -71 -17 -158 38 -207 53 -48%0A140 -60 201 -29 46 23 67 46 87 94 28 68 11 152 -42 199 -50 46 -143 60 -198%0A31z m93 -48 c18 -38 15 -45 -18 -45 -16 0 -30 4 -30 10 0 15 23 60 30 60 4 0%0A12 -11 18 -25z m100 -33 c2 -7 -7 -12 -21 -12 -19 0 -28 8 -36 31 -6 18 -11%0A34 -11 37 0 8 64 -44 68 -56z m-168 44 c0 -3 -4 -16 -10 -30 -7 -19 -17 -26%0A-35 -26 -32 0 -32 13 1 39 25 20 44 27 44 17z m-30 -126 c0 -37 -2 -40 -29%0A-40 -22 0 -30 6 -35 24 -9 37 3 56 35 56 27 0 29 -3 29 -40z m126 15 c10 -41%0A-1 -55 -45 -55 -35 0 -42 4 -47 25 -10 41 1 55 45 55 35 0 42 -4 47 -25z m98%0A1 c9 -37 -3 -56 -35 -56 -27 0 -29 3 -29 40 0 37 2 40 29 40 22 0 30 -6 35%0A-24z m-205 -118 c6 -17 10 -33 8 -34 -5 -5 -67 47 -67 57 0 5 11 9 24 9 18 0%0A27 -8 35 -32z m91 22 c0 -15 -23 -60 -30 -60 -7 0 -30 45 -30 60 0 6 14 10 30%0A10 17 0 30 -4 30 -10z m88 -2 c-6 -16 -56 -53 -63 -46 -3 3 -1 17 4 32 8 19%0A18 26 37 26 15 0 24 -5 22 -12z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 991px) {
.ptl-tmpl-3 .ptl-tmpl-main .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon li {
margin-right: 3px;
}
.ptl-tmpl-3 .ptl-tmpl-main .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon li a i {
width: 22px;
height: 22px;
font-size: 13px;
line-height: 24px;
}
}
@media (max-width: 414px) {
.ptl-tmpl-3 .ptl-tmpl-main .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon li a i {
font-size: 12px;
}
}
.ptl-loader-sec {
width: 100%;
height: 100%;
z-index: 11111;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.831372549);
}
.ptl-spinner-glow {
display: inline-block;
width: 1em;
height: 1em;
background: #dee2e6;
border-radius: 50%;
margin: 4px auto;
border: 2px solid transparent;
animation: n 1s ease infinite;
}
@keyframes n {
0% {
box-shadow: 0 0 0 0.4em #a1a2a1, 0 0 0 0.1em #a1a2a1;
transform: rotate(1turn);
}
50% {
border-top-color: #605556;
}
to {
box-shadow: 0 0 0 0.4em #a1a2a1, 0 0 0 3.6em transparent;
}
}
.ptl-spinner-glow-primary {
background: rgba(47, 71, 194, 0.45);
animation: q 1s ease infinite;
}
.ptl-spinner-glow-secondary {
background: rgba(79, 86, 121, 0.45);
animation: o 1s ease infinite;
}
.ptl-spinner-glow-success {
background: rgba(76, 175, 80, 0.45);
animation: p 1s ease infinite;
}
.ptl-spinner-glow-info {
background: rgba(47, 71, 194, 0.45);
animation: q 1s ease infinite;
}
.ptl-spinner-glow-warning {
background: rgba(255, 184, 34, 0.45);
animation: r 1s ease infinite;
}
.ptl-spinner-glow-danger {
background: rgba(223, 0, 41, 0.45);
animation: s 1s ease infinite;
}
.ptl-spinner-glow-light {
background: hsla(0, 0%, 73%, 0.45);
animation: t 1s ease infinite;
}
.ptl-spinner-glow-dark {
background: rgba(71, 77, 109, 0.45);
animation: u 1s ease infinite;
}
.ptl-spinner-glow-gray-100 {
background: rgba(248, 249, 250, 0.45);
animation: v 1s ease infinite;
}
.ptl-spinner-glow-gray-200 {
background: hsla(0, 0%, 93%, 0.45);
animation: w 1s ease infinite;
}
.ptl-spinner-glow-gray-300 {
background: rgba(222, 226, 230, 0.45);
animation: x 1s ease infinite;
}
.ptl-spinner-glow-gray-400 {
background: rgba(206, 212, 218, 0.45);
animation: y 1s ease infinite;
}
@keyframes o {
0% {
box-shadow: 0 0 0 0.4em rgba(79, 86, 121, 0.45), 0 0 0 0.1em rgba(79, 86, 121, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(79, 86, 121, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(79, 86, 121, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes p {
0% {
box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.45), 0 0 0 0.1em rgba(76, 175, 80, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(76, 175, 80, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes q {
0% {
box-shadow: 0 0 0 0.4em rgba(47, 71, 194, 0.45), 0 0 0 0.1em rgba(47, 71, 194, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(47, 71, 194, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(47, 71, 194, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes r {
0% {
box-shadow: 0 0 0 0.4em rgba(255, 184, 34, 0.45), 0 0 0 0.1em rgba(255, 184, 34, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(255, 184, 34, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(255, 184, 34, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes s {
0% {
box-shadow: 0 0 0 0.4em rgba(223, 0, 41, 0.45), 0 0 0 0.1em rgba(223, 0, 41, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(223, 0, 41, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(223, 0, 41, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes t {
0% {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 73%, 0.45), 0 0 0 0.1em hsla(0, 0%, 73%, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: hsla(0, 0%, 73%, 0.9);
}
to {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 73%, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes u {
0% {
box-shadow: 0 0 0 0.4em rgba(71, 77, 109, 0.45), 0 0 0 0.1em rgba(71, 77, 109, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(71, 77, 109, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(71, 77, 109, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes v {
0% {
box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.45), 0 0 0 0.1em rgba(248, 249, 250, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(248, 249, 250, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes w {
0% {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 93%, 0.45), 0 0 0 0.1em hsla(0, 0%, 93%, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: hsla(0, 0%, 93%, 0.9);
}
to {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 93%, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes x {
0% {
box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.45), 0 0 0 0.1em rgba(222, 226, 230, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(222, 226, 230, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes y {
0% {
box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.45), 0 0 0 0.1em rgba(206, 212, 218, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(206, 212, 218, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.75), 0 0 0 3.6em transparent;
}
}
.ptl-spinner {
display: inline-block;
font-size: 10px;
margin: auto;
text-indent: -9999em;
width: 4em;
height: 4em;
border-radius: 50%;
position: relative;
animation: z 1.4s infinite linear;
transform: translateZ(0);
}
.ptl-spinner:before {
width: 50%;
height: 50%;
border-radius: 100% 0 0 0;
}
.ptl-spinner:after, .ptl-spinner:before {
position: absolute;
top: 0;
left: 0;
content: "";
}
.ptl-spinner:after {
background: #fff;
width: 75%;
height: 75%;
border-radius: 50%;
margin: auto;
bottom: 0;
right: 0;
}
.ptl-spinner-primary {
background: #2f47c2;
background: linear-gradient(90deg, #2f47c2 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-primary:before {
background: #2f47c2;
}
.ptl-spinner-secondary {
background: #4f5679;
background: linear-gradient(90deg, #4f5679 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-secondary:before {
background: #4f5679;
}
.ptl-spinner-success {
background: #4caf50;
background: linear-gradient(90deg, #4caf50 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-success:before {
background: #4caf50;
}
.ptl-spinner-info {
background: #2f47c2;
background: linear-gradient(90deg, #2f47c2 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-info:before {
background: #2f47c2;
}
.ptl-spinner-warning {
background: #ffb822;
background: linear-gradient(90deg, #ffb822 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-warning:before {
background: #ffb822;
}
.ptl-spinner-danger {
background: #df0029;
background: linear-gradient(90deg, #df0029 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-danger:before {
background: #df0029;
}
.ptl-spinner {
background: #bbb;
background: linear-gradient(90deg, #bbb 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner:before {
background: #bbb;
}
.ptl-spinner-dark {
background: #474d6d;
background: linear-gradient(90deg, #474d6d 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-dark:before {
background: #474d6d;
}
.ptl-spinner-gray-100 {
background: #f8f9fa;
background: linear-gradient(90deg, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-gray-100:before {
background: #f8f9fa;
}
.ptl-spinner-gray-200 {
background: #eee;
background: linear-gradient(90deg, #eee 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-gray-200:before {
background: #eee;
}
.ptl-spinner-gray-300 {
background: #dee2e6;
background: linear-gradient(90deg, #dee2e6 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-gray-300:before {
background: #dee2e6;
}
.ptl-spinner-gray-400 {
background: #ced4da;
background: linear-gradient(90deg, #ced4da 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-spinner-gray-400:before {
background: #ced4da;
}
@keyframes z {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.ptl-spinner-bubble {
display: inline-block;
font-size: 8px;
margin: 30px auto;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
animation: A 1.3s infinite linear;
transform: translateZ(0);
}
.ptl-spinner-bubble-primary {
color: #2f47c2;
}
.ptl-spinner-bubble-secondary {
color: #4f5679;
}
.ptl-spinner-bubble-success {
color: #4caf50;
}
.ptl-spinner-bubble-info {
color: #2f47c2;
}
.ptl-spinner-bubble-warning {
color: #ffb822;
}
.ptl-spinner-bubble-danger {
color: #df0029;
}
.ptl-spinner-bubble-light {
color: #bbb;
}
.ptl-spinner-bubble-dark {
color: #474d6d;
}
.ptl-spinner-bubble-gray-100 {
color: #f8f9fa;
}
.ptl-spinner-bubble-gray-200 {
color: #eee;
}
.ptl-spinner-bubble-gray-300 {
color: #dee2e6;
}
.ptl-spinner-bubble-gray-400 {
color: #ced4da;
}
@keyframes A {
0%, to {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
}
}
.ptl-loader-bubble {
border-radius: 50%;
width: 2em;
height: 2em;
animation-fill-mode: both;
animation: B 1.8s infinite ease-in-out;
}
.ptl-loader-bubble:after, .ptl-loader-bubble:before {
border-radius: 50%;
width: 2em;
height: 2em;
animation-fill-mode: both;
animation: B 1.8s infinite ease-in-out;
}
.ptl-loader-bubble {
display: inline-block;
font-size: 6px;
margin: auto;
position: relative;
text-indent: -9999em;
transform: translateZ(0);
animation-delay: -0.16s;
}
.ptl-loader-bubble-primary {
color: #2f47c2;
}
.ptl-loader-bubble-secondary {
color: #4f5679;
}
.ptl-loader-bubble-success {
color: #4caf50;
}
.ptl-loader-bubble-info {
color: #2f47c2;
}
.ptl-loader-bubble-warning {
color: #ffb822;
}
.ptl-loader-bubble-danger {
color: #df0029;
}
.ptl-loader-bubble-light {
color: #bbb;
}
.ptl-loader-bubble-dark {
color: #474d6d;
}
.ptl-loader-bubble-gray-100 {
color: #f8f9fa;
}
.ptl-loader-bubble-gray-200 {
color: #eee;
}
.ptl-loader-bubble-gray-300 {
color: #dee2e6;
}
.ptl-loader-bubble-gray-400 {
color: #ced4da;
}
.ptl-loader-bubble:after {
content: "";
position: absolute;
top: 0;
}
.ptl-loader-bubble:before {
content: "";
position: absolute;
top: 0;
left: -3.5em;
animation-delay: -0.32s;
}
.ptl-loader-bubble:after {
left: 3.5em;
}
@keyframes B {
0%, 80%, to {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
.alert {
border-radius: 10px;
}
.popout.ptl-video-popup .ptl-popout-backdrop-in {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.3490196078);
}
.popout.ptl-video-popup .popout-dialog {
margin: auto;
height: 100%;
display: flex;
align-items: center;
}
.popout.ptl-video-popup .popout-dialog .popout-content .popout-body iframe {
max-width: 100% !important;
max-height: 100% !important;
}
.ptl-gallery-popup {
padding-right: 0 !important;
}
.ptl-gallery-popup .popout-dialog {
display: flex;
align-items: center;
margin: auto !important;
height: 100% !important;
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item {
padding: 10px;
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item img {
height: 530px;
object-fit: cover;
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-dots {
display: none;
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-prev, .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-next {
top: 50%;
color: #fff;
margin: 0px;
display: block;
cursor: pointer;
position: absolute;
transform: translateY(-50%);
padding: 6px 8px 5px 8px !important;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-prev {
left: 20px;
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-next {
right: 20px;
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button span {
height: 14px;
font-size: 14px;
line-height: inherit;
display: inline-block;
font-family: "FontAwesome";
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.disabled {
opacity: 0.4;
}
.ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button:focus {
outline: none;
}
@media (max-width: 575px) {
.ptl-cont .popout.ptl-video-popup .popout-dialog {
max-width: 450px;
}
}
@media (max-width: 479px) {
.ptl-cont .popout.ptl-video-popup .popout-dialog {
max-width: 390px;
}
}
@media (max-width: 414px) {
.ptl-cont .popout.ptl-video-popup .popout-dialog {
max-width: 340px;
}
}
@media (max-width: 1199px) {
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: -9px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
right: -9px;
}
}
@media (max-width: 991px) {
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
}
@media (max-width: 767px) {
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box {
margin-bottom: 45px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 106px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
top: 0;
left: 6px;
right: unset;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box svg, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box svg {
width: 58px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: 0;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
left: unset;
right: -45px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 4px;
padding-right: 0px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 230px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
left: 0;
top: 80px;
transform: translateX(0);
height: calc(100% - 125px);
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
font-size: 15px;
margin: 0px auto 40px auto;
}
}
@media (max-width: 575px) {
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
padding-left: 93px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
width: 50px;
height: 45px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
transform: rotate(0deg);
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
width: 30px;
right: -38px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 20px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p {
font-size: 13px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 14px;
}
}
@media (max-width: 479px) {
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
}
@media (max-width: 414px) {
.ptl-tmpl-5.ptl-both-side.ptl-tag-rect .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 250px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 3px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 18px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 18px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 13px;
max-width: 114px;
margin-top: 15px;
padding: 8px 13px;
}
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 250px;
}
}
@media (max-width: 375px) {
.ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 150px;
}
}
.ptl-shortcode-block {
width: 100%;
max-width: 100% !important;
}
.ptl-cont a:hover {
text-decoration: none !important;
}
.ptl-inner-cont {
background: #2BA362;
}
.ptl-tmpl-5 span.ptl-date {
border: 1px solid var(--ptl-primary);
padding: 0.2rem 0.3rem;
color: var(--ptl-primary);
border-radius: var(--ptl-border-radius, 8px);
}
.ptl-tmpl-5.ptl-dark span.ptl-date {
color: white;
}
.ptl-tmpl-5 .ptl-tmpl-main {
position: relative;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-sec-year {
font-size: 17px;
font-weight: 600;
z-index: 9;
color: #fff;
width: 280px;
min-width: 110px;
padding: 12px 10px;
max-width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
margin: 0 auto 40px auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1 !important;
border-radius: var(--ptl-border-radius, 8px);
background-color: #2BA362;
background-color: var(--ptl-line, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner {
position: relative;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-row {
justify-content: space-between;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 0;
width: 0;
left: 50%;
height: 100%;
border-top: none;
position: absolute;
border-right: none;
border-bottom: none;
opacity: 1 !important;
transform: translateX(-50%);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.solid {
border-left: 6px solid;
border-color: #2BA362 !important;
border-color: var(--ptl-line, #2BA362) !important;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dotted {
border-left: 6px dotted;
border-color: #2BA362 !important;
border-color: var(--ptl-line, #2BA362) !important;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dashed {
border-left: 6px dashed;
border-color: #2BA362 !important;
border-color: var(--ptl-line, #2BA362) !important;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box {
position: relative;
margin-bottom: 25px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.ptl-hide-ctn .ptl-top-title h2 {
padding-bottom: 0;
margin-bottom: 10px;
border-bottom: none;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 56px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box {
width: 100%;
height: 100%;
position: relative;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
top: 0;
position: absolute;
background-color: var(--ptl-primary, #ff3d7f, true);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2040%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M0%200H45Q47%200%2048.5%202L60%2020L48.5%2038Q47%2040%2045%2040H0Z%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2040%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M0%200H45Q47%200%2048.5%202L60%2020L48.5%2038Q47%2040%2045%2040H0Z%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
width: 65px;
height: 100%;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-line {
top: 50%;
height: 6px;
width: 40px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
color: white;
font-size: 22px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon svg {
width: 70px;
height: auto;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon svg g {
fill: #2BA362;
fill: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon .ptl-icon-image {
object-fit: cover;
max-width: 100%;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner {
padding: 0;
overflow: hidden;
border-radius: var(--ptl-border-radius, 8px);
background-color: #fff;
background-color: var(--ptl-post-background, #fff);
box-shadow: 0px 0px 15px -3px rgba(199, 199, 199, 0.75);
-webkit-box-shadow: 0px 0px 15px -3px rgba(199, 199, 199, 0.75);
-moz-box-shadow: 0px 0px 15px -3px rgba(199, 199, 199, 0.75);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title {
padding: 15px;
position: relative;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
color: #fff;
font-size: 26px;
font-weight: 600;
margin-bottom: 0;
line-height: initial;
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 a {
color: #fff;
font-size: 26px;
font-weight: 600;
line-height: 1.1;
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 244px;
overflow: hidden;
position: relative;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box img {
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .ptl-video-btn {
top: 50%;
left: 50%;
z-index: 1;
cursor: pointer;
position: absolute;
transform: translate(-50%, -50%);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .ptl-video-btn i {
width: 60px;
height: 60px;
color: #fff;
font-size: 20px;
padding-left: 4px;
line-height: 60px;
text-align: center;
border-radius: 50%;
border: 2px dotted white;
background-color: rgba(0, 0, 0, 0.7294117647);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel {
height: 100%;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-dots {
display: none;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-prev, .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-next {
top: 50%;
color: #fff;
margin: 0px;
display: block;
cursor: pointer;
position: absolute;
transform: translateY(-50%);
padding: 6px 8px 5px 8px !important;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-prev {
left: 8px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-next {
right: 8px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button span {
height: 14px;
font-size: 14px;
line-height: inherit;
display: inline-block;
font-family: "FontAwesome";
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.disabled {
opacity: 0.4;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button:focus {
outline: none;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .ptl-gallery-popup-btn {
cursor: pointer;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box {
padding: 10px 15px 15px 15px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box iframe {
width: 100%;
height: 200px;
margin-bottom: 10px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box video {
width: 100%;
height: 200px;
margin-bottom: 10px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc {
font-weight: 500;
line-height: 1.6;
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
color: #6f6f6f;
color: var(--ptl-post-color, #6f6f6f);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p, .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc span {
overflow: hidden;
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p, .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc span, .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc strong {
line-height: 1.6;
margin-bottom: 10px;
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
color: #6f6f6f;
color: var(--ptl-post-color, #6f6f6f);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc a {
display: inline;
font-weight: 500;
text-decoration: underline;
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
color: #6f6f6f;
color: var(--ptl-post-color, #6f6f6f);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc a:hover {
color: #000;
text-decoration: underline;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ul, .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ol {
margin: 10px 0;
padding-left: 15px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ul li, .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ol li {
font-weight: 500;
margin-bottom: 3px;
line-height: 1.4em;
color: #000;
color: var(--ptl-post-color, #000);
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ul li {
list-style-type: disc !important;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ol li {
list-style-type: auto !important;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer {
display: flex;
margin-top: 20px;
flex-flow: wrap;
align-items: center;
justify-content: space-between;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon {
margin-bottom: 5px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer .ptl-tmpl-btn {
width: 100%;
border: none;
font-size: 16px;
margin-bottom: 5px;
padding: 10px 30px;
text-align: center;
transition: all 0.5s;
max-width: max-content;
border-radius: var(--ptl-border-radius, 8px);
color: #2BA362;
color: var(--ptl-btn-color, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-btn-background, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer .ptl-tmpl-btn:hover {
box-shadow: -1px 6px 10px 0 rgba(0, 0, 0, 0.2);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box {
margin-right: 0.145rem;
padding-right: 100px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box {
top: 0;
right: 0;
position: absolute;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: -9px;
transform: rotate(180deg);
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box .ptl-inner-box .ptl-line {
left: -45px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-right: 2px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box {
margin-left: 0.145rem;
padding-left: 100px;
margin-top: 66px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box {
top: 0;
left: 0;
position: absolute;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
right: -9px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
right: -45px;
}
.ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 2px;
}
.ptl-tmpl-5 .ptl-tmpl-main .plt-load-more {
z-index: 1;
margin-top: 50px;
text-align: center;
position: relative;
}
.ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn {
border: none;
font-size: 16px;
cursor: pointer;
overflow: hidden;
font-weight: 600;
padding: 15px 45px;
transition: all 0.5s;
background-color: #ededed;
color: #2BA362;
color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-spinner {
font-size: 7px;
}
.ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-spinner-glow {
overflow: hidden;
}
.ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-loader-bubble {
top: -11px;
font-size: 5px;
}
.ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-spinner-bubble {
font-size: 4px;
margin: 10px auto;
}
.ptl-tmpl-5 .ptl-ach-tag {
position: absolute;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-container {
max-width: 640px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-container .ptl-row {
justify-content: center;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-container .pol-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 10px;
right: unset;
left: 53px;
transform: translateX(0);
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
margin: 0 auto 40px 0;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 154px;
margin-bottom: 40px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
left: 59px;
right: unset;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-arrow, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-arrow {
left: unset;
right: -12px;
border-width: 25px 0px 25px 12px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-line, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-line {
left: unset;
right: -45px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-icon, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-icon {
padding-left: 2px;
padding-right: 0px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-top: 0;
}
@media (max-width: 575px) {
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
left: 0;
top: 75px;
transform: translateX(0);
height: calc(100% - 115px);
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 100px;
height: 35px;
font-size: 15px;
margin: 0 auto 40px auto;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
padding-left: 93px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
left: 6px;
width: 50px;
height: 45px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
border-width: 22px 0px 22px 12px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
width: 30px;
right: -38px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 20px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p {
font-size: 13px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 14px;
}
}
@media (max-width: 479px) {
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
}
@media (max-width: 414px) {
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 3px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 18px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 18px;
}
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 13px;
max-width: 114px;
margin-top: 15px;
padding: 8px 13px;
}
}
@media (max-width: 375px) {
.ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 150px;
}
}
.ptl-tmpl-5.ptl-one-side-right .ptl-container {
max-width: 640px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-container .ptl-row {
justify-content: center;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-container .pol-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 10px;
left: unset;
right: 52px;
transform: translateX(0);
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
margin: 0 0 40px auto;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-right: 0;
padding-left: 0;
margin-bottom: 40px;
padding-right: 151px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
right: 58px;
left: unset;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-arrow, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-arrow {
right: unset;
left: -12px;
border-width: 25px 12px 25px 0px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-line, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-line {
right: unset;
left: -45px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-icon, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-icon {
padding-right: 0px;
padding-left: 2px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-top: 0;
}
@media (max-width: 575px) {
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
right: 0;
top: 75px;
transform: translateX(0);
height: calc(100% - 115px);
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 100px;
height: 35px;
font-size: 15px;
margin: 0 auto 40px auto;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
padding-right: 93px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
right: 6px;
width: 50px;
height: 45px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
border-width: 22px 12px 22px 0px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
width: 30px;
left: -38px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 20px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p {
font-size: 13px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 14px;
}
}
@media (max-width: 479px) {
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
}
@media (max-width: 414px) {
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 3px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 18px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 18px;
}
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 13px;
max-width: 114px;
margin-top: 15px;
padding: 8px 13px;
}
}
@media (max-width: 375px) {
.ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 150px;
}
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner {
margin-top: 60px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 0;
left: 0;
height: 0;
width: 100%;
border-bottom: none;
position: absolute;
border-right: none;
border-left: none;
transform: translateX(0);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.solid {
border-top: 4px solid;
border-color: #2BA362;
border-color: var(--ptl-line, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dotted {
border-top: 4px dotted;
border-color: #2BA362;
border-color: var(--ptl-line, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dashed {
border-top: 4px dashed;
border-color: #2BA362;
border-color: var(--ptl-line, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l, .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r {
top: -33px;
position: absolute;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l svg, .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r svg {
width: 80px;
height: 80px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l svg g, .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r svg g {
fill: #2BA362;
fill: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l {
left: -10px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r {
right: -10px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box {
margin-top: 4px;
padding: 100px 50px 0 50px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box {
left: 50%;
width: 52px;
height: 52px;
transform: translateX(-50%);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: 0;
top: unset;
right: unset;
bottom: -12px;
height: 12px;
width: 100%;
border: none !important;
clip-path: polygon(100% 0, 0 0, 50% 100%);
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-line {
left: 50%;
width: 4px;
top: unset;
right: unset;
height: 40px;
bottom: -50px;
transform: translateX(-50%);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 0;
padding-top: 5px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button {
z-index: 11;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow {
top: 50%;
width: 52px;
height: 52px;
font-size: 0;
opacity: 0.75;
border: none;
border-radius: 0;
position: absolute;
transform: translateY(-50%);
border-radius: var(--ptl-border-radius, 8px);
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow:before {
opacity: 1;
font-family: "FontAwesome";
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow:hover {
opacity: 1;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-prev {
left: -15px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-prev:before {
content: "\f104";
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-next {
right: -15px;
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-next:before {
content: "\f105";
}
.ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-prev:before, .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-next:before {
color: white;
line-height: initial;
font-size: 32px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper {
overflow: hidden;
width: 100%;
}
.ptl-tmpl-5.ptl-horz .ptl-h-nav {
position: relative;
width: 100%;
}
.ptl-tmpl-5.ptl-horz .ptl-h-nav-view {
overflow: hidden;
width: 100%;
position: relative;
display: flex;
padding: 40px 0;
justify-content: center;
}
.ptl-tmpl-5.ptl-horz .ptl-h-nav-inner {
display: flex;
transition: transform 0.5s ease-in-out;
}
.ptl-tmpl-5.ptl-horz .ptl-yr-list {
display: flex;
flex-wrap: nowrap;
justify-content: center;
min-width: 100%;
opacity: 0;
transition: opacity 0.5s ease-in-out; }
.ptl-tmpl-5.ptl-horz .ptl-yr-list.ptl-active {
opacity: 1;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper {
position: relative;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-left,
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-right {
z-index: 100;
display: none;
top: 50%;
width: 30px;
height: 30px;
font-size: 0;
opacity: 0.75;
border: none;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 5px;
border-radius: var(--ptl-border-radius, 10px);
background-color: var(--ptl-primary, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-left {
left: 0px;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-left::before {
content: "\f104";
color: white;
opacity: 1;
line-height: initial;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
opacity: 1;
font-family: "FontAwesome";
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-right {
right: 0px;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-right::before {
content: "\f105";
color: white;
opacity: 1;
line-height: initial;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
opacity: 1;
font-family: "FontAwesome";
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-disabled {
opacity: 0.2;
cursor: default !important;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
text-align: center;
position: relative;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
width: 65px;
height: 65px;
z-index: 99;
cursor: pointer;
margin: 0px 4px;
font-size: 16px;
cursor: pointer;
border: 2px solid;
line-height: 40px;
text-align: center;
position: relative;
display: inline-block;
background-color: #fff;
transform: rotate(45deg);
transition: 0.6s ease-in-out;
border-radius: var(--ptl-border-radius, 8px);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
transition: none;
align-items: center;
justify-content: center;
transform: rotate(-45deg);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
text-align: center;
position: relative;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
color: #000;
width: 90px;
height: 90px;
z-index: 99;
margin: 0 15px;
transition: 1s;
cursor: pointer;
margin-top: 2px;
font-size: 16px;
background: #fff;
line-height: 40px;
border-radius: 50%;
position: relative;
display: inline-block;
border: 4px solid #e4e4e4;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
transform: scale(1.2);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
margin: 0 auto;
text-align: center;
position: relative;
max-width: max-content; }
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
width: 130px;
height: 40px;
line-height: 40px;
display: inline-block;
z-index: 99;
position: relative;
background: #fff;
color: #000;
transition: 0.7s;
cursor: pointer;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
text-align: center;
position: relative;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
width: 130px;
height: 40px;
line-height: 40px;
display: inline-block;
margin: 0 15px;
z-index: 99;
position: relative;
background: #fff;
color: #000;
transition: 1s;
cursor: pointer;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
transform: scale(1.3);
}
.ptl-cont *,
.ptl-cont *::before,
.ptl-cont *::after {
box-sizing: border-box;
}
.ptl-cont * {
line-height: 16px;
}
@-ms-viewport {
width: device-width;
}
.ptl-cont article, .ptl-cont aside, .ptl-cont figcaption, .ptl-cont figure, .ptl-cont footer, .ptl-cont header, .ptl-cont hgroup, .ptl-cont main, .ptl-cont nav, .ptl-cont section {
display: block;
}
.ptl-cont [tabindex="-1"]:focus {
outline: 0 !important;
}
.ptl-cont hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.ptl-cont h1, .ptl-cont h2, .ptl-cont h3, .ptl-cont h4, .ptl-cont h5, .ptl-cont h6 {
margin-top: 0;
margin-bottom: 0;
clear: initial;
}
.ptl-cont p {
margin: 0;
padding: 0;
}
.ptl-cont a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
display: block;
text-decoration: none;
}
.ptl-cont label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
display: block;
}
.ptl-cont a:hover {
text-decoration: none;
}
.ptl-cont ul,
.ptl-cont ol {
margin: 0;
padding: 0;
list-style: none;
}
.ptl-cont ul li {
list-style: none;
}
.ptl-cont abbr[title],
.ptl-cont abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
.ptl-cont address {
margin-bottom: 16px;
font-style: normal;
line-height: inherit;
}
.ptl-cont ol ol,
.ptl-cont ul ul,
.ptl-cont ol ul,
.ptl-cont ul ol {
margin-bottom: 0;
}
.ptl-cont dd {
margin-bottom: 8px;
margin-left: 0;
}
.ptl-cont blockquote {
margin: 0 0 16px;
}
.ptl-cont dfn {
font-style: italic;
}
.ptl-cont b,
.ptl-cont strong {
font-weight: bolder;
}
.ptl-cont small {
font-size: 80%;
}
.ptl-cont sub,
.ptl-cont sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.ptl-cont sub {
bottom: -0.25em;
}
.ptl-cont sup {
top: -0.5em;
}
.ptl-cont a:not([href]):not([tabindex]):focus {
outline: 0;
}
.ptl-cont img {
vertical-align: middle;
border-style: none;
}
.ptl-cont svg {
overflow: hidden;
vertical-align: middle;
}
.ptl-cont table {
border-collapse: collapse;
table-layout: inherit;
border: none;
}
.ptl-cont caption {
text-align: left;
caption-side: bottom;
}
.ptl-cont th {
text-align: inherit;
}
.ptl-cont td {
border: none;
}
.ptl-cont label {
display: inline-block;
}
.ptl-cont button {
border-radius: 0;
}
.ptl-cont button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.ptl-cont input,
.ptl-cont button,
.ptl-cont select,
.ptl-cont optgroup,
.ptl-cont textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.ptl-cont button,
.ptl-cont input {
overflow: visible;
}
.ptl-cont button,
.ptl-cont select {
text-transform: none;
}
.ptl-cont button,
.ptl-cont html [type=button],
.ptl-cont [type=reset],
.ptl-cont [type=submit] {
-webkit-appearance: button;
}
.ptl-cont button::-moz-focus-inner,
.ptl-cont [type=button]::-moz-focus-inner,
.ptl-cont [type=reset]::-moz-focus-inner,
.ptl-cont [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
.ptl-cont input[type=radio],
.ptl-cont input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
.ptl-cont input[type=date],
.ptl-cont input[type=time],
.ptl-cont input[type=datetime-local],
.ptl-cont input[type=month] {
-webkit-appearance: listbox;
}
.ptl-cont textarea {
overflow: auto;
resize: vertical;
}
.ptl-cont fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.ptl-cont legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 8px;
font-size: 24px;
line-height: inherit;
color: inherit;
white-space: normal;
}
.ptl-cont progress {
vertical-align: baseline;
}
.ptl-cont [type=number]::-webkit-inner-spin-button,
.ptl-cont [type=number]::-webkit-outer-spin-button {
height: auto;
}
.ptl-cont [type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
.ptl-cont [type=search]::-webkit-search-cancel-button,
.ptl-cont [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.ptl-cont ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
.ptl-cont output {
display: inline-block;
}
.ptl-cont summary {
display: list-item;
cursor: pointer;
}
.ptl-cont template {
display: none;
}
.ptl-cont [hidden] {
display: none !important;
}
.ptl-cont [class*=col-] {
padding-top: 0px;
padding-bottom: 0px;
height: auto;
}
.ptl-cont i {
margin: auto;
}
.ptl-cont h1, .ptl-cont h2, .ptl-cont h3, .ptl-cont h4, .ptl-cont h5, .ptl-cont h6, .ptl-cont span, .ptl-cont p, .ptl-cont a {
line-height: 1.4em;
font-family: "Poppins", sans-serif;
font-weight: 700;
font-family: "Barlow", sans-serif;
}
.ptl-cont a:focus {
outline: none;
outline-offset: inherit;
}
.ptl-cont button:focus {
border: none;
box-shadow: none;
outline: none;
border-color: transparent;
}
.ptl-cont p {
line-height: 1.4em;
margin-bottom: 0;
}
.ptl-cont ul li {
line-height: 1.4em;
}
.ptl-cont ul {
padding: 0;
margin-left: 0;
}
.ptl-cont .form-control:focus {
box-shadow: none;
outline: none;
outline-offset: inherit;
border: none;
}
.ptl-cont .center {
text-align: center;
}
.ptl-cont .align_right {
text-align: right;
}
.ptl-cont .btn_center {
display: block;
margin: 0 auto;
}
.ptl-cont .child-pernt {
display: table;
height: 100%;
width: 100%;
}
.ptl-cont .child {
display: table-cell;
vertical-align: middle;
}
.ptl-cont .ptl-short-desc {
overflow: hidden;
transition: max-height 0.5s ease; position: relative;
}
.ptl-cont .ptl-short-desc.ptl-expanded {
max-height: none; }
.ptl-cont .ptl-read-more-link {
display: inline-block;
margin-top: 10px;
cursor: pointer;
color: #0073aa;
text-decoration: underline;
margin-bottom: 1rem;
}
.ptl-cont {
align-items: center;
opacity: 1 !important;
position: relative;
}
.ptl-cont * {
font-size: 13px;
}
.ptl-cont .container {
position: relative;
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn {
display: none;
position: fixed;
transition-duration: 1s;
cursor: pointer;
top: 20px;
right: 20px;
z-index: 111;
height: 32px;
width: 45px;
transition: all 0.7s;
border-radius: 5px;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.7215686275);
box-shadow: 0px 0px 7px 0px #a7a7a7;
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn .lines {
height: 2px;
width: 30px;
top: 15px;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
border-radius: 20px;
position: absolute;
transition-duration: 0.5s;
transition-delay: 0.5s;
transition: top 0.5s, transform 0.5s 0.5s;
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn .lines:before, .ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn .lines:after {
left: 0;
top: -7px;
height: 2px;
width: 30px;
content: "";
position: absolute;
border-radius: 20px;
transition-duration: 0.5s;
transition: transform 0.5s, top 0.5s 0.5s;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn .lines:before {
top: -7px;
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn .lines:after {
top: 7px;
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn.open {
right: 150px;
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn.open .lines {
width: 25px;
transition-duration: 0.1s;
transition-delay: 0.5s;
background: transparent;
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn.open .lines:before {
transition: top 0.5s, transform 0.5s 0.5s;
top: 1px;
left: 1px;
width: 25px;
transform: rotateZ(-45deg);
}
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn.open .lines:after {
transition: top 0.4s, transform 0.5s 0.5s;
top: 1px;
left: 1px;
width: 25px;
transform: rotateZ(45deg);
}
.ptl-cont .ptl-nav-0 .yr_list {
top: 50%;
right: 0;
z-index: 11;
width: 140px;
height: auto;
position: fixed;
transform: translateY(-50%);
}
.ptl-cont .ptl-nav-0 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-cont .ptl-nav-0 .yr_list .ptl-btn:hover a:after {
z-index: -1;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-0 .yr_list .ptl-btn:hover a i {
color: #fff;
}
.ptl-cont .ptl-nav-0 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: -7px;
text-align: center;
}
.ptl-cont .ptl-nav-0 .yr_list .btn-top a {
width: 65px;
height: 65px;
margin: auto;
font-size: 0;
margin-bottom: 0;
line-height: 40px;
text-align: center;
position: relative;
transition: all 0.5s;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-0 .yr_list .btn-top a:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
border: 2px solid;
position: absolute;
border-radius: 10px;
transition: all 0.3s;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-0 .yr_list .btn-top a i {
height: 100%;
display: flex;
font-size: 22px;
align-items: center;
justify-content: center;
}
.ptl-cont .ptl-nav-0 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: -7px;
text-align: center;
}
.ptl-cont .ptl-nav-0 .yr_list .btn-bottom a {
width: 65px;
height: 65px;
margin: auto;
font-size: 0;
margin-bottom: 0;
line-height: 40px;
text-align: center;
position: relative;
transition: all 0.5s;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-0 .yr_list .btn-bottom a:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
border: 2px solid;
position: absolute;
border-radius: 10px;
transition: all 0.3s;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-0 .yr_list .btn-bottom a i {
height: 100%;
display: flex;
font-size: 22px;
align-items: center;
justify-content: center;
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner {
width: 100%;
height: auto;
position: absolute;
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list {
padding: 10px 0 10px 0;
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
width: 100%;
padding: 3px 10px;
text-align: center;
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
width: 65px;
height: 65px;
margin: auto;
cursor: pointer;
line-height: 40px;
text-align: center;
position: relative;
transition: all 0.5s;
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
border: 2px solid;
position: absolute;
border-radius: 10px;
transition: all 0.3s;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover:after, .ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active:after {
z-index: -1;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover span, .ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active span {
color: #fff;
}
.ptl-cont .ptl-nav-0 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a span {
top: 50%;
left: 50%;
display: block;
max-width: 100%;
font-size: 13px;
overflow: hidden;
position: absolute;
word-wrap: initial;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.ptl-cont .ptl-nav-1 .yr_list {
top: 50%;
right: 0;
width: 140px;
height: auto;
z-index: 9999;
position: fixed;
transform: translateY(-50%);
}
.ptl-cont .ptl-nav-1 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-cont .ptl-nav-1 .yr_list .ptl-btn:hover a {
color: #fff;
border: 4px solid;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-cont .ptl-nav-1 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: 4px;
}
.ptl-cont .ptl-nav-1 .yr_list .btn-top a {
font-size: 0;
color: black;
width: 90px;
height: 90px;
display: flex;
margin: 0 auto;
border-radius: 50%;
align-items: center;
transition: all 0.5s;
justify-content: center;
border: 4px solid #e4e4e4;
background-color: #fff;
}
.ptl-cont .ptl-nav-1 .yr_list .btn-top a i {
font-size: 22px;
}
.ptl-cont .ptl-nav-1 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: 4px;
}
.ptl-cont .ptl-nav-1 .yr_list .btn-bottom a {
font-size: 0;
color: black;
width: 90px;
height: 90px;
display: flex;
margin: 0 auto;
border-radius: 50%;
align-items: center;
transition: all 0.5s;
justify-content: center;
border: 4px solid #e4e4e4;
background-color: #fff;
}
.ptl-cont .ptl-nav-1 .yr_list .btn-bottom a i {
font-size: 22px;
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view .yr_list-inner {
width: 100%;
height: auto;
position: absolute;
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list {
padding: 0px;
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
padding: 4px 0;
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
width: 90px;
height: 90px;
color: black;
display: flex;
cursor: pointer;
text-align: center;
border-radius: 50%;
align-items: center;
transition: all 0.5s;
justify-content: center;
margin: 0 auto;
background-color: #fff;
border: 4px solid #e4e4e4;
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a span {
font-size: 16px;
font-weight: 600;
line-height: inherit;
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover {
color: #fff !important;
border: 4px solid;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-cont .ptl-nav-1 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active {
color: #fff !important;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-cont .ptl-nav-2 .yr_list {
top: 50%;
right: 0;
z-index: 11;
width: 140px;
height: auto;
position: fixed;
transform: translateY(-50%);
}
.ptl-cont .ptl-nav-2 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-cont .ptl-nav-2 .yr_list .ptl-btn:hover a {
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-2 .yr_list .ptl-btn:hover a i {
color: #fff;
}
.ptl-cont .ptl-nav-2 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: 4px;
}
.ptl-cont .ptl-nav-2 .yr_list .btn-top a {
font-size: 0;
text-align: center;
border-radius: 5px;
padding: 15px 30px;
transition: all 0.5s;
border: 1px solid #e4e4e4;
background-color: #fff;
}
.ptl-cont .ptl-nav-2 .yr_list .btn-top a i {
font-size: 22px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-2 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: 4px;
}
.ptl-cont .ptl-nav-2 .yr_list .btn-bottom a {
font-size: 0;
text-align: center;
border-radius: 5px;
padding: 15px 50px;
transition: all 0.5s;
border: 1px solid #e4e4e4;
background-color: #fff;
}
.ptl-cont .ptl-nav-2 .yr_list .btn-bottom a i {
font-size: 22px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-2 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-cont .ptl-nav-2 .yr_list .yr_list-view .yr_list-inner {
width: 100%;
height: auto;
position: absolute;
}
.ptl-cont .ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
width: 100%;
padding: 5px 0;
margin-bottom: 0;
text-align: center;
}
.ptl-cont .ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
color: black;
cursor: pointer;
text-align: center;
border-radius: 5px;
padding: 15px 50px;
transition: all 0.5s;
border: 1px solid #e4e4e4;
background-color: #fff;
}
.ptl-cont .ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover {
color: #fff;
border: 1px solid;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-cont .ptl-nav-2 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active {
border: 1px solid;
color: #fff !important;
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-webkit-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
-moz-box-shadow: 0px 3px 13px -7px rgba(1, 60, 104, 0.75);
}
.ptl-cont .ptl-nav-3 .yr_list {
top: 50%;
right: 0;
z-index: 11;
width: 140px;
height: auto;
position: fixed;
transform: translateY(-50%);
}
.ptl-cont .ptl-nav-3 .yr_list .ptl-btn.ptl-disabled {
opacity: 0.4;
}
.ptl-cont .ptl-nav-3 .yr_list .ptl-btn.ptl-disabled a i {
opacity: 1;
}
.ptl-cont .ptl-nav-3 .yr_list .ptl-btn:hover a {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-3 .yr_list .btn-top {
width: 100%;
cursor: pointer;
margin-bottom: 4px;
}
.ptl-cont .ptl-nav-3 .yr_list .btn-top a {
font-size: 0;
text-align: center;
margin-bottom: 1px;
background: #e3e3e3;
transition: all 0.4s;
padding: 18px 15px 15px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-3 .yr_list .btn-top a i {
font-size: 22px;
}
.ptl-cont .ptl-nav-3 .yr_list .btn-bottom {
width: 100%;
cursor: pointer;
margin-top: 4px;
}
.ptl-cont .ptl-nav-3 .yr_list .btn-bottom a {
font-size: 0;
margin-top: 1px;
text-align: center;
background: #e3e3e3;
transition: all 0.4s;
padding: 18px 15px 15px;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-3 .yr_list .btn-bottom a i {
font-size: 22px;
}
.ptl-cont .ptl-nav-3 .yr_list .yr_list-view {
overflow: hidden;
position: relative;
}
.ptl-cont .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner {
height: auto;
position: absolute;
}
.ptl-cont .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list {
padding: 0px;
}
.ptl-cont .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li {
width: 100%;
text-align: center;
margin-bottom: -1px;
display: inline-block;
}
.ptl-cont .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a {
color: black;
border: none;
cursor: pointer;
text-align: center;
padding: 15px 25px;
transition: all 0.5s;
border-right: 3px solid;
background-color: #ededed;
color: #2BA362;
color: var(--ptl-nav, #2BA362);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a.active, .ptl-cont .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a:hover {
color: #fff !important;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-nav-3 .yr_list .yr_list-view .yr_list-inner .ptl-yr-list li a span {
font-size: 15px;
font-weight: 600;
}
@media (max-width: 900px) {
.ptl-cont .ptl-nav-wrapper .ptl-mobile-nav-btn {
display: flex;
}
.ptl-cont .ptl-nav-wrapper .yr_list {
right: -200px;
transition: all 0.5s;
}
.ptl-cont .ptl-nav-wrapper .yr_list.active {
right: 0;
}
}
.ptl-cont .ptl-social-icon-img {
text-align: right;
}
.ptl-cont .ptl-social-icon-img li {
margin-right: 5px;
display: inline-block;
}
.ptl-cont .ptl-social-icon-img li a img {
width: 23px;
}
.ptl-cont .ptl-social-icon {
display: flex;
text-align: right;
}
.ptl-cont .ptl-social-icon li {
margin-right: 5px;
display: inline-block;
}
.ptl-cont .ptl-social-icon li:last-child {
margin-right: 0;
}
.ptl-cont .ptl-social-icon li a {
padding: 0 !important;
font-size: 13px !important;
border: none !important;
line-height: initial !important;
background-color: transparent !important;
}
.ptl-cont .ptl-social-icon li a i {
width: 25px;
height: 25px;
font-size: 14px;
line-height: 26px;
border-radius: 2px;
text-align: center;
position: relative;
color: #000;
background-color: #fff;
font-family: "FontAwesome";
}
.ptl-cont .ptl-social-icon li a i.fa-facebook-f, .ptl-cont .ptl-social-icon li a i.fa-facebook-square, .ptl-cont .ptl-social-icon li a i.fa-facebook {
color: #fff !important;
color: var(--ptl-facebook-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-facebook-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-pinterest-p, .ptl-cont .ptl-social-icon li a i.fa-pinterest, .ptl-cont .ptl-social-icon li a i.fa-pinterest-square {
color: #fff !important;
color: var(--ptl-pinterest-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-pinterest-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-linkedin-in, .ptl-cont .ptl-social-icon li a i.fa-linkedin, .ptl-cont .ptl-social-icon li a i.fa-linkedin-square {
color: #fff !important;
color: var(--ptl-linkedin-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-linkedin-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-twitter, .ptl-cont .ptl-social-icon li a i.fa-twitter-square {
color: #fff !important;
color: var(--ptl-twitter-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-twitter-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-instagram, .ptl-cont .ptl-social-icon li a i.fa-instagram-square {
color: #fff !important;
color: var(--ptl-instagram-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-instagram-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-youtube, .ptl-cont .ptl-social-icon li a i.fa-youtube-square {
color: #fff !important;
color: var(--ptl-youtube-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-youtube-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-whatsapp, .ptl-cont .ptl-social-icon li a i.fa-whatsapp-square {
color: #fff !important;
color: var(--ptl-whatsapp-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-whatsapp-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-google-plus, .ptl-cont .ptl-social-icon li a i.fa-google-plus-g, .ptl-cont .ptl-social-icon li a i.fa-google-plus-square {
color: #fff !important;
color: var(--ptl-google-plus-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-google-plus-background, #2BA362) !important;
}
.ptl-cont .ptl-social-icon li a i.fa-envelope, .ptl-cont .ptl-social-icon li a i.fa-circle-envelope, .ptl-cont .ptl-social-icon li a i.fa-square-envelope {
color: #fff !important;
color: var(--ptl-envelope-color, #fff) !important;
background-color: #2BA362 !important;
background-color: var(--ptl-envelope-background, #2BA362) !important;
}
.ptl-cont .ptl-cont.ptl-light .ptl-social-icon li a i {
color: #000;
background-color: #eee;
}
.ptl-cont { }
.ptl-cont .fa-discord-icon:before,
.ptl-cont .fa-etherscan-icon:before,
.ptl-cont .fa-instagram-icon:before,
.ptl-cont .fa-medium-icon:before,
.ptl-cont .fa-opensea-icon:before,
.ptl-cont .fa-telegram-icon:before,
.ptl-cont .fa-twitter-icon:before,
.ptl-cont .fa-web-icon:before {
top: 50%;
left: 50%;
content: "";
width: 16px;
height: 16px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
}
.ptl-cont .fa-discord-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M83 317 c-25 -11 -57 -86 -68 -158 -6 -42 -4 -48 20 -68 28 -21 85%0A-29 85 -11 0 5 -9 15 -20 22 -36 23 -21 25 37 6 57 -20 95 -18 168 6 15 5 14%0A4 -2 -5 -13 -7 -23 -18 -23 -26 0 -21 54 -16 85 9 25 19 27 25 21 67 -10 72%0A-36 143 -51 137 -7 -2 -30 1 -51 9 -52 17 -174 24 -201 12z m47 -1 c0 -2 -9%0A-6 -20 -9 -11 -3 -18 -1 -14 4 5 9 34 13 34 5z m28 -108 c19 -19 14 -56 -8%0A-63 -11 -3 -24 -4 -29 -1 -16 11 -19 46 -4 61 18 18 25 19 41 3z m120 0 c19%0A-19 14 -56 -8 -63 -11 -3 -24 -4 -29 -1 -16 11 -19 46 -4 61 18 18 25 19 41 3z'/%3E%3Cpath d='M290 316 c28 -17 50 -21 35 -7 -6 5 -21 12 -35 15 l-25 7 25 -15z'/%3E%3C/g%3E%3C/svg%3E");
}
.ptl-cont .fa-etherscan-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M136 385 c-83 -29 -145 -125 -132 -205 10 -62 26 -90 53 -90 21 0 23%0A4 23 58 0 71 9 87 44 78 24 -6 26 -10 26 -61 0 -30 5 -55 10 -55 6 0 10 34 10%0A81 l0 80 28 -3 c26 -3 27 -6 32 -73 7 -86 19 -67 22 35 l3 75 30 0 c30 0 30%0A-1 35 -63 l5 -63 34 35 c31 32 33 37 22 64 -26 62 -115 123 -178 122 -15 -1%0A-45 -7 -67 -15z'/%3E%3Cpath d='M361 166 c-42 -44 -128 -90 -209 -112 -60 -17 -62 -18 -40 -30 74%0A-41 171 -21 232 46 30 34 65 115 53 126 -2 2 -18 -12 -36 -30z'/%3E%3C/g%3E%3C/svg%3E");
}
.ptl-cont .fa-instagram-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M113 363 c-58 -11 -91 -100 -80 -210 10 -95 68 -130 200 -120 53 3%0A73 9 93 28 33 31 47 90 41 172 -5 78 -27 111 -86 127 -35 10 -125 11 -168 3z%0Am199 -51 c21 -20 23 -32 23 -112 0 -80 -2 -92 -23 -112 -20 -21 -32 -23 -112%0A-23 -80 0 -92 2 -112 23 -19 19 -23 35 -26 100 -2 49 2 86 10 102 21 40 55 51%0A140 48 65 -3 81 -7 100 -26z'/%3E%3Cpath d='M280 290 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0%0A-10 -4 -10 -10z'/%3E%3Cpath d='M145 255 c-50 -49 -15 -135 55 -135 41 0 80 39 80 80 0 41 -39 80%0A-80 80 -19 0 -40 -9 -55 -25z m93 -17 c15 -15 15 -61 0 -76 -15 -15 -61 -15%0A-76 0 -15 15 -15 61 0 76 15 15 61 15 76 0z'/%3E%3C/g%3E%3C/svg%3E");
}
.ptl-cont .fa-medium-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M19 341 c6 -11 16 -23 21 -26 6 -3 10 -51 10 -107 0 -85 -3 -104 -21%0A-129 l-20 -29 57 0 57 0 -24 26 c-20 22 -24 37 -27 107 -3 51 0 78 5 72 5 -5%0A29 -54 54 -108 24 -53 46 -97 50 -97 3 0 23 44 44 98 21 53 42 101 46 106 5 6%0A9 -28 9 -79 0 -68 -4 -93 -17 -107 -15 -17 -13 -18 57 -18 70 0 72 1 57 18%0A-24 26 -25 243 -2 262 26 22 17 30 -34 30 l-49 0 -38 -95 c-20 -52 -40 -95%0A-43 -95 -3 0 -24 42 -47 93 l-41 92 -57 3 c-55 3 -57 2 -47 -17z'/%3E%3C/g%3E%3C/svg%3E");
}
.ptl-cont .fa-opensea-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M184 356 c-3 -9 -15 -16 -25 -16 -22 0 -23 -7 -4 -40 19 -33 18 -110%0A0 -134 -20 -27 -19 -36 5 -36 11 0 20 -7 20 -15 0 -24 -57 -19 -70 6 -9 16%0A-19 20 -53 17 -38 -3 -42 -5 -39 -28 1 -14 16 -37 32 -52 29 -27 35 -28 138%0A-28 l107 0 47 52 c27 28 48 55 48 60 0 17 -102 -12 -115 -31 -10 -17 -55 -13%0A-55 4 0 8 6 15 14 15 21 0 66 58 66 86 0 14 -16 42 -39 67 -21 23 -40 51 -42%0A61 -5 25 -27 32 -35 12z'/%3E%3Cpath d='M78 242 c-21 -32 -38 -62 -38 -65 0 -4 20 -7 44 -7 47 0 56 9 56 58%0A0 34 -10 72 -19 72 -3 0 -23 -26 -43 -58z'/%3E%3C/g%3E%3C/svg%3E");
}
.ptl-cont .fa-telegram-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M192 267 c-100 -29 -182 -55 -182 -59 0 -4 21 -13 46 -19 41 -11 49%0A-17 66 -55 21 -49 31 -52 68 -24 25 19 25 19 68 -6 23 -14 50 -24 59 -22 10 2%0A25 35 44 103 29 103 34 136 22 134 -5 0 -90 -24 -191 -52z m50 -54 c-45 -31%0A-82 -62 -82 -70 0 -23 -19 -14 -26 12 -4 14 -5 28 -3 30 9 8 174 85 183 85 5%0A0 -27 -25 -72 -57z'/%3E%3C/g%3E%3C/svg%3E");
}
.ptl-cont .fa-twitter-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M222 340 c-12 -12 -22 -31 -22 -44 0 -12 -3 -25 -6 -29 -10 -10 -94%0A20 -129 47 -18 14 -36 26 -39 26 -12 0 -5 -57 10 -78 14 -20 14 -22 0 -22 -23%0A0 -20 -14 9 -48 17 -20 21 -32 13 -34 -13 -5 18 -41 43 -51 21 -8 -7 -26 -55%0A-33 l-38 -7 32 -13 c57 -25 138 -18 197 16 64 36 99 87 113 160 6 29 18 63 28%0A74 16 18 16 19 0 13 -21 -7 -23 3 -5 22 10 10 7 11 -14 6 -16 -4 -30 -2 -33 4%0A-12 19 -80 13 -104 -9z'/%3E%3C/g%3E%3C/svg%3E");
}
.ptl-cont .fa-web-icon:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 40.000000 40.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,40.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M125 363 c-46 -24 -66 -45 -86 -88 -33 -71 -17 -158 38 -207 53 -48%0A140 -60 201 -29 46 23 67 46 87 94 28 68 11 152 -42 199 -50 46 -143 60 -198%0A31z m93 -48 c18 -38 15 -45 -18 -45 -16 0 -30 4 -30 10 0 15 23 60 30 60 4 0%0A12 -11 18 -25z m100 -33 c2 -7 -7 -12 -21 -12 -19 0 -28 8 -36 31 -6 18 -11%0A34 -11 37 0 8 64 -44 68 -56z m-168 44 c0 -3 -4 -16 -10 -30 -7 -19 -17 -26%0A-35 -26 -32 0 -32 13 1 39 25 20 44 27 44 17z m-30 -126 c0 -37 -2 -40 -29%0A-40 -22 0 -30 6 -35 24 -9 37 3 56 35 56 27 0 29 -3 29 -40z m126 15 c10 -41%0A-1 -55 -45 -55 -35 0 -42 4 -47 25 -10 41 1 55 45 55 35 0 42 -4 47 -25z m98%0A1 c9 -37 -3 -56 -35 -56 -27 0 -29 3 -29 40 0 37 2 40 29 40 22 0 30 -6 35%0A-24z m-205 -118 c6 -17 10 -33 8 -34 -5 -5 -67 47 -67 57 0 5 11 9 24 9 18 0%0A27 -8 35 -32z m91 22 c0 -15 -23 -60 -30 -60 -7 0 -30 45 -30 60 0 6 14 10 30%0A10 17 0 30 -4 30 -10z m88 -2 c-6 -16 -56 -53 -63 -46 -3 3 -1 17 4 32 8 19%0A18 26 37 26 15 0 24 -5 22 -12z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 991px) {
.ptl-cont .ptl-tmpl-3 .ptl-tmpl-main .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon li {
margin-right: 3px;
}
.ptl-cont .ptl-tmpl-3 .ptl-tmpl-main .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon li a i {
width: 22px;
height: 22px;
font-size: 13px;
line-height: 24px;
}
}
@media (max-width: 414px) {
.ptl-cont .ptl-tmpl-3 .ptl-tmpl-main .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon li a i {
font-size: 12px;
}
}
.ptl-cont .ptl-loader-sec {
width: 100%;
height: 100%;
z-index: 11111;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.831372549);
}
.ptl-cont .ptl-spinner-glow {
display: inline-block;
width: 1em;
height: 1em;
background: #dee2e6;
border-radius: 50%;
margin: 4px auto;
border: 2px solid transparent;
animation: n 1s ease infinite;
}
@keyframes n {
0% {
box-shadow: 0 0 0 0.4em #a1a2a1, 0 0 0 0.1em #a1a2a1;
transform: rotate(1turn);
}
50% {
border-top-color: #605556;
}
to {
box-shadow: 0 0 0 0.4em #a1a2a1, 0 0 0 3.6em transparent;
}
}
.ptl-cont .ptl-spinner-glow-primary {
background: rgba(47, 71, 194, 0.45);
animation: q 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-secondary {
background: rgba(79, 86, 121, 0.45);
animation: o 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-success {
background: rgba(76, 175, 80, 0.45);
animation: p 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-info {
background: rgba(47, 71, 194, 0.45);
animation: q 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-warning {
background: rgba(255, 184, 34, 0.45);
animation: r 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-danger {
background: rgba(223, 0, 41, 0.45);
animation: s 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-light {
background: hsla(0, 0%, 73%, 0.45);
animation: t 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-dark {
background: rgba(71, 77, 109, 0.45);
animation: u 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-gray-100 {
background: rgba(248, 249, 250, 0.45);
animation: v 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-gray-200 {
background: hsla(0, 0%, 93%, 0.45);
animation: w 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-gray-300 {
background: rgba(222, 226, 230, 0.45);
animation: x 1s ease infinite;
}
.ptl-cont .ptl-spinner-glow-gray-400 {
background: rgba(206, 212, 218, 0.45);
animation: y 1s ease infinite;
}
@keyframes o {
0% {
box-shadow: 0 0 0 0.4em rgba(79, 86, 121, 0.45), 0 0 0 0.1em rgba(79, 86, 121, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(79, 86, 121, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(79, 86, 121, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes p {
0% {
box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.45), 0 0 0 0.1em rgba(76, 175, 80, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(76, 175, 80, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes q {
0% {
box-shadow: 0 0 0 0.4em rgba(47, 71, 194, 0.45), 0 0 0 0.1em rgba(47, 71, 194, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(47, 71, 194, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(47, 71, 194, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes r {
0% {
box-shadow: 0 0 0 0.4em rgba(255, 184, 34, 0.45), 0 0 0 0.1em rgba(255, 184, 34, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(255, 184, 34, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(255, 184, 34, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes s {
0% {
box-shadow: 0 0 0 0.4em rgba(223, 0, 41, 0.45), 0 0 0 0.1em rgba(223, 0, 41, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(223, 0, 41, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(223, 0, 41, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes t {
0% {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 73%, 0.45), 0 0 0 0.1em hsla(0, 0%, 73%, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: hsla(0, 0%, 73%, 0.9);
}
to {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 73%, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes u {
0% {
box-shadow: 0 0 0 0.4em rgba(71, 77, 109, 0.45), 0 0 0 0.1em rgba(71, 77, 109, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(71, 77, 109, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(71, 77, 109, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes v {
0% {
box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.45), 0 0 0 0.1em rgba(248, 249, 250, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(248, 249, 250, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes w {
0% {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 93%, 0.45), 0 0 0 0.1em hsla(0, 0%, 93%, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: hsla(0, 0%, 93%, 0.9);
}
to {
box-shadow: 0 0 0 0.4em hsla(0, 0%, 93%, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes x {
0% {
box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.45), 0 0 0 0.1em rgba(222, 226, 230, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(222, 226, 230, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.75), 0 0 0 3.6em transparent;
}
}
@keyframes y {
0% {
box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.45), 0 0 0 0.1em rgba(206, 212, 218, 0.45);
transform: rotate(1turn);
}
50% {
border-top-color: rgba(206, 212, 218, 0.9);
}
to {
box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.75), 0 0 0 3.6em transparent;
}
}
.ptl-cont .ptl-spinner {
display: inline-block;
font-size: 10px;
margin: auto;
text-indent: -9999em;
width: 4em;
height: 4em;
border-radius: 50%;
position: relative;
animation: z 1.4s infinite linear;
transform: translateZ(0);
}
.ptl-cont .ptl-spinner:before {
width: 50%;
height: 50%;
border-radius: 100% 0 0 0;
}
.ptl-cont .ptl-spinner:after, .ptl-cont .ptl-spinner:before {
position: absolute;
top: 0;
left: 0;
content: "";
}
.ptl-cont .ptl-spinner:after {
background: #fff;
width: 75%;
height: 75%;
border-radius: 50%;
margin: auto;
bottom: 0;
right: 0;
}
.ptl-cont .ptl-spinner-primary {
background: #2f47c2;
background: linear-gradient(90deg, #2f47c2 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-primary:before {
background: #2f47c2;
}
.ptl-cont .ptl-spinner-secondary {
background: #4f5679;
background: linear-gradient(90deg, #4f5679 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-secondary:before {
background: #4f5679;
}
.ptl-cont .ptl-spinner-success {
background: #4caf50;
background: linear-gradient(90deg, #4caf50 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-success:before {
background: #4caf50;
}
.ptl-cont .ptl-spinner-info {
background: #2f47c2;
background: linear-gradient(90deg, #2f47c2 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-info:before {
background: #2f47c2;
}
.ptl-cont .ptl-spinner-warning {
background: #ffb822;
background: linear-gradient(90deg, #ffb822 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-warning:before {
background: #ffb822;
}
.ptl-cont .ptl-spinner-danger {
background: #df0029;
background: linear-gradient(90deg, #df0029 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-danger:before {
background: #df0029;
}
.ptl-cont .ptl-spinner {
background: #bbb;
background: linear-gradient(90deg, #bbb 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner:before {
background: #bbb;
}
.ptl-cont .ptl-spinner-dark {
background: #474d6d;
background: linear-gradient(90deg, #474d6d 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-dark:before {
background: #474d6d;
}
.ptl-cont .ptl-spinner-gray-100 {
background: #f8f9fa;
background: linear-gradient(90deg, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-gray-100:before {
background: #f8f9fa;
}
.ptl-cont .ptl-spinner-gray-200 {
background: #eee;
background: linear-gradient(90deg, #eee 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-gray-200:before {
background: #eee;
}
.ptl-cont .ptl-spinner-gray-300 {
background: #dee2e6;
background: linear-gradient(90deg, #dee2e6 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-gray-300:before {
background: #dee2e6;
}
.ptl-cont .ptl-spinner-gray-400 {
background: #ced4da;
background: linear-gradient(90deg, #ced4da 10%, rgba(67, 236, 76, 0) 42%);
}
.ptl-cont .ptl-spinner-gray-400:before {
background: #ced4da;
}
@keyframes z {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.ptl-cont .ptl-spinner-bubble {
display: inline-block;
font-size: 8px;
margin: 30px auto;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
animation: A 1.3s infinite linear;
transform: translateZ(0);
}
.ptl-cont .ptl-spinner-bubble-primary {
color: #2f47c2;
}
.ptl-cont .ptl-spinner-bubble-secondary {
color: #4f5679;
}
.ptl-cont .ptl-spinner-bubble-success {
color: #4caf50;
}
.ptl-cont .ptl-spinner-bubble-info {
color: #2f47c2;
}
.ptl-cont .ptl-spinner-bubble-warning {
color: #ffb822;
}
.ptl-cont .ptl-spinner-bubble-danger {
color: #df0029;
}
.ptl-cont .ptl-spinner-bubble-light {
color: #bbb;
}
.ptl-cont .ptl-spinner-bubble-dark {
color: #474d6d;
}
.ptl-cont .ptl-spinner-bubble-gray-100 {
color: #f8f9fa;
}
.ptl-cont .ptl-spinner-bubble-gray-200 {
color: #eee;
}
.ptl-cont .ptl-spinner-bubble-gray-300 {
color: #dee2e6;
}
.ptl-cont .ptl-spinner-bubble-gray-400 {
color: #ced4da;
}
@keyframes A {
0%, to {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
}
}
.ptl-cont .ptl-loader-bubble {
border-radius: 50%;
width: 2em;
height: 2em;
animation-fill-mode: both;
animation: B 1.8s infinite ease-in-out;
}
.ptl-cont .ptl-loader-bubble:after, .ptl-cont .ptl-loader-bubble:before {
border-radius: 50%;
width: 2em;
height: 2em;
animation-fill-mode: both;
animation: B 1.8s infinite ease-in-out;
}
.ptl-cont .ptl-loader-bubble {
display: inline-block;
font-size: 6px;
margin: auto;
position: relative;
text-indent: -9999em;
transform: translateZ(0);
animation-delay: -0.16s;
}
.ptl-cont .ptl-loader-bubble-primary {
color: #2f47c2;
}
.ptl-cont .ptl-loader-bubble-secondary {
color: #4f5679;
}
.ptl-cont .ptl-loader-bubble-success {
color: #4caf50;
}
.ptl-cont .ptl-loader-bubble-info {
color: #2f47c2;
}
.ptl-cont .ptl-loader-bubble-warning {
color: #ffb822;
}
.ptl-cont .ptl-loader-bubble-danger {
color: #df0029;
}
.ptl-cont .ptl-loader-bubble-light {
color: #bbb;
}
.ptl-cont .ptl-loader-bubble-dark {
color: #474d6d;
}
.ptl-cont .ptl-loader-bubble-gray-100 {
color: #f8f9fa;
}
.ptl-cont .ptl-loader-bubble-gray-200 {
color: #eee;
}
.ptl-cont .ptl-loader-bubble-gray-300 {
color: #dee2e6;
}
.ptl-cont .ptl-loader-bubble-gray-400 {
color: #ced4da;
}
.ptl-cont .ptl-loader-bubble:after {
content: "";
position: absolute;
top: 0;
}
.ptl-cont .ptl-loader-bubble:before {
content: "";
position: absolute;
top: 0;
left: -3.5em;
animation-delay: -0.32s;
}
.ptl-cont .ptl-loader-bubble:after {
left: 3.5em;
}
@keyframes B {
0%, 80%, to {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
.ptl-cont .alert {
border-radius: 10px;
}
.ptl-cont .popout.ptl-video-popup .ptl-popout-backdrop-in {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.3490196078);
}
.ptl-cont .popout.ptl-video-popup .popout-dialog {
margin: auto;
height: 100%;
display: flex;
align-items: center;
}
.ptl-cont .popout.ptl-video-popup .popout-dialog .popout-content .popout-body iframe {
max-width: 100% !important;
max-height: 100% !important;
}
.ptl-cont .ptl-gallery-popup {
padding-right: 0 !important;
}
.ptl-cont .ptl-gallery-popup .popout-dialog {
display: flex;
align-items: center;
margin: auto !important;
height: 100% !important;
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item {
padding: 10px;
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item img {
height: 530px;
object-fit: cover;
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-dots {
display: none;
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-prev, .ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-next {
top: 50%;
color: #fff;
margin: 0px;
display: block;
cursor: pointer;
position: absolute;
transform: translateY(-50%);
padding: 6px 8px 5px 8px !important;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-prev {
left: 20px;
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.owl-next {
right: 20px;
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button span {
height: 14px;
font-size: 14px;
line-height: inherit;
display: inline-block;
font-family: "FontAwesome";
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button.disabled {
opacity: 0.4;
}
.ptl-cont .ptl-gallery-popup .popout-dialog .popout-content .ptl-popup-carousel .owl-carousel .owl-nav button:focus {
outline: none;
}
@media (max-width: 575px) {
.ptl-cont .ptl-cont .popout.ptl-video-popup .popout-dialog {
max-width: 450px;
}
}
@media (max-width: 479px) {
.ptl-cont .ptl-cont .popout.ptl-video-popup .popout-dialog {
max-width: 390px;
}
}
@media (max-width: 414px) {
.ptl-cont .ptl-cont .popout.ptl-video-popup .popout-dialog {
max-width: 340px;
}
}
@media (max-width: 1199px) {
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: -9px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
right: -9px;
}
}
@media (max-width: 991px) {
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
}
@media (max-width: 767px) {
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box {
margin-bottom: 45px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 106px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
top: 0;
left: 6px;
right: unset;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box svg, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box svg {
width: 58px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: 0;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
left: unset;
right: -45px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 4px;
padding-right: 0px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 230px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
left: 0;
top: 80px;
transform: translateX(0);
height: calc(100% - 125px);
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
font-size: 15px;
margin: 0px auto 40px auto;
}
}
@media (max-width: 575px) {
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
padding-left: 93px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
width: 50px;
height: 45px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
transform: rotate(0deg);
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
width: 30px;
right: -38px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 20px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p {
font-size: 13px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 14px;
}
}
@media (max-width: 479px) {
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
}
@media (max-width: 414px) {
.ptl-cont .ptl-tmpl-5.ptl-both-side.ptl-tag-rect .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 250px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 3px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 18px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 18px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 13px;
max-width: 114px;
margin-top: 15px;
padding: 8px 13px;
}
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 250px;
}
}
@media (max-width: 375px) {
.ptl-cont .ptl-tmpl-5.ptl-both-side .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 150px;
}
}
.ptl-cont .ptl-shortcode-block {
width: 100%;
max-width: 100% !important;
}
.ptl-cont .ptl-cont a:hover {
text-decoration: none !important;
}
.ptl-cont .ptl-inner-cont {
background: #2BA362;
}
.ptl-cont .ptl-tmpl-5 span.ptl-date {
border: 1px solid var(--ptl-primary);
padding: 0.2rem 0.3rem;
color: var(--ptl-primary);
border-radius: var(--ptl-border-radius, 8px);
}
.ptl-cont .ptl-tmpl-5.ptl-dark span.ptl-date {
color: white;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main {
position: relative;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-sec-year {
font-size: 17px;
font-weight: 600;
z-index: 9;
color: #fff;
width: 280px;
min-width: 110px;
padding: 12px 10px;
max-width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
margin: 0 auto 40px auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1 !important;
border-radius: var(--ptl-border-radius, 8px);
background-color: #2BA362;
background-color: var(--ptl-line, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner {
position: relative;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-row {
justify-content: space-between;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 0;
width: 0;
left: 50%;
height: 100%;
border-top: none;
position: absolute;
border-right: none;
border-bottom: none;
opacity: 1 !important;
transform: translateX(-50%);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.solid {
border-left: 6px solid;
border-color: #2BA362 !important;
border-color: var(--ptl-line, #2BA362) !important;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dotted {
border-left: 6px dotted;
border-color: #2BA362 !important;
border-color: var(--ptl-line, #2BA362) !important;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dashed {
border-left: 6px dashed;
border-color: #2BA362 !important;
border-color: var(--ptl-line, #2BA362) !important;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box {
position: relative;
margin-bottom: 25px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.ptl-hide-ctn .ptl-top-title h2 {
padding-bottom: 0;
margin-bottom: 10px;
border-bottom: none;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 56px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box {
width: 100%;
height: 100%;
position: relative;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
top: 0;
position: absolute;
background-color: var(--ptl-primary, #ff3d7f, true);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2040%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M0%200H45Q47%200%2048.5%202L60%2020L48.5%2038Q47%2040%2045%2040H0Z%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2040%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M0%200H45Q47%200%2048.5%202L60%2020L48.5%2038Q47%2040%2045%2040H0Z%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
width: 65px;
height: 100%;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-line {
top: 50%;
height: 6px;
width: 40px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
color: white;
font-size: 22px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon svg {
width: 70px;
height: auto;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon svg g {
fill: #2BA362;
fill: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon .ptl-icon-image {
object-fit: cover;
max-width: 100%;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner {
padding: 0;
overflow: hidden;
border-radius: var(--ptl-border-radius, 8px);
background-color: #fff;
background-color: var(--ptl-post-background, #fff);
box-shadow: 0px 0px 15px -3px rgba(199, 199, 199, 0.75);
-webkit-box-shadow: 0px 0px 15px -3px rgba(199, 199, 199, 0.75);
-moz-box-shadow: 0px 0px 15px -3px rgba(199, 199, 199, 0.75);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title {
padding: 15px;
position: relative;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
color: #fff;
font-size: 26px;
font-weight: 600;
margin-bottom: 0;
line-height: initial;
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 a {
color: #fff;
font-size: 26px;
font-weight: 600;
line-height: 1.1;
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 244px;
overflow: hidden;
position: relative;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box img {
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .ptl-video-btn {
top: 50%;
left: 50%;
z-index: 1;
cursor: pointer;
position: absolute;
transform: translate(-50%, -50%);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .ptl-video-btn i {
width: 60px;
height: 60px;
color: #fff;
font-size: 20px;
padding-left: 4px;
line-height: 60px;
text-align: center;
border-radius: 50%;
border: 2px dotted white;
background-color: rgba(0, 0, 0, 0.7294117647);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel {
height: 100%;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-dots {
display: none;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-prev, .ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-next {
top: 50%;
color: #fff;
margin: 0px;
display: block;
cursor: pointer;
position: absolute;
transform: translateY(-50%);
padding: 6px 8px 5px 8px !important;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-prev {
left: 8px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.owl-next {
right: 8px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button span {
height: 14px;
font-size: 14px;
line-height: inherit;
display: inline-block;
font-family: "FontAwesome";
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button.disabled {
opacity: 0.4;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .owl-carousel .owl-nav button:focus {
outline: none;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box .ptl-gallery-popup-btn {
cursor: pointer;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box {
padding: 10px 15px 15px 15px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box iframe {
width: 100%;
height: 200px;
margin-bottom: 10px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box video {
width: 100%;
height: 200px;
margin-bottom: 10px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc {
font-weight: 500;
line-height: 1.6;
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
color: #6f6f6f;
color: var(--ptl-post-color, #6f6f6f);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p, .ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc span {
overflow: hidden;
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p, .ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc span, .ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc strong {
line-height: 1.6;
margin-bottom: 10px;
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
color: #6f6f6f;
color: var(--ptl-post-color, #6f6f6f);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc a {
display: inline;
font-weight: 500;
text-decoration: underline;
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
color: #6f6f6f;
color: var(--ptl-post-color, #6f6f6f);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc a:hover {
color: #000;
text-decoration: underline;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ul, .ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ol {
margin: 10px 0;
padding-left: 15px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ul li, .ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ol li {
font-weight: 500;
margin-bottom: 3px;
line-height: 1.4em;
color: #000;
color: var(--ptl-post-color, #000);
font-size: 14px;
font-size: var(--ptl-post-ctn-size, 14px);
letter-spacing: 0px;
letter-spacing: var(--ptl-post-ltr-spacing, 0px);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ul li {
list-style-type: disc !important;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc ol li {
list-style-type: auto !important;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer {
display: flex;
margin-top: 20px;
flex-flow: wrap;
align-items: center;
justify-content: space-between;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer .ptl-social-icon {
margin-bottom: 5px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer .ptl-tmpl-btn {
width: 100%;
border: none;
font-size: 16px;
margin-bottom: 5px;
padding: 10px 30px;
text-align: center;
transition: all 0.5s;
max-width: max-content;
border-radius: var(--ptl-border-radius, 8px);
color: #2BA362;
color: var(--ptl-btn-color, #2BA362);
background-color: #2BA362;
background-color: var(--ptl-btn-background, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-tmpl-footer .ptl-tmpl-btn:hover {
box-shadow: -1px 6px 10px 0 rgba(0, 0, 0, 0.2);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box {
margin-right: 0.145rem;
padding-right: 100px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box {
top: 0;
right: 0;
position: absolute;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: -9px;
transform: rotate(180deg);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box .ptl-inner-box .ptl-line {
left: -45px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .left-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-right: 2px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box {
margin-left: 0.145rem;
padding-left: 100px;
margin-top: 66px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box {
top: 0;
left: 0;
position: absolute;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
right: -9px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
right: -45px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .ptl-tmpl-main-inner .right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 2px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .plt-load-more {
z-index: 1;
margin-top: 50px;
text-align: center;
position: relative;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn {
border: none;
font-size: 16px;
cursor: pointer;
overflow: hidden;
font-weight: 600;
padding: 15px 45px;
transition: all 0.5s;
background-color: #ededed;
color: #2BA362;
color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-spinner {
font-size: 7px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-spinner-glow {
overflow: hidden;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-loader-bubble {
top: -11px;
font-size: 5px;
}
.ptl-cont .ptl-tmpl-5 .ptl-tmpl-main .plt-load-more .ptl-more-btn .ptl-spinner-bubble {
font-size: 4px;
margin: 10px auto;
}
.ptl-cont .ptl-tmpl-5 .ptl-ach-tag {
position: absolute;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-container {
max-width: 640px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-container .ptl-row {
justify-content: center;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-container .pol-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 10px;
right: unset;
left: 53px;
transform: translateX(0);
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
margin: 0 auto 40px 0;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 154px;
margin-bottom: 40px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
left: 59px;
right: unset;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-arrow, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-arrow {
left: unset;
right: -12px;
border-width: 25px 0px 25px 12px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-line, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-line {
left: unset;
right: -45px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-icon, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-icon {
padding-left: 2px;
padding-right: 0px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-top: 0;
}
@media (max-width: 575px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
left: 0;
top: 75px;
transform: translateX(0);
height: calc(100% - 115px);
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 100px;
height: 35px;
font-size: 15px;
margin: 0 auto 40px auto;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
padding-left: 93px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
left: 6px;
width: 50px;
height: 45px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
border-width: 22px 0px 22px 12px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
width: 30px;
right: -38px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 20px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p {
font-size: 13px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 14px;
}
}
@media (max-width: 479px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
}
@media (max-width: 414px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 3px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 18px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 18px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 13px;
max-width: 114px;
margin-top: 15px;
padding: 8px 13px;
}
}
@media (max-width: 375px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-left .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 150px;
}
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-container {
max-width: 640px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-container .ptl-row {
justify-content: center;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-container .pol-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 10px;
left: unset;
right: 52px;
transform: translateX(0);
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
margin: 0 0 40px auto;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-right: 0;
padding-left: 0;
margin-bottom: 40px;
padding-right: 151px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
right: 58px;
left: unset;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-arrow, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-arrow {
right: unset;
left: -12px;
border-width: 25px 12px 25px 0px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-line, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-line {
right: unset;
left: -45px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-icon, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-icon {
padding-right: 0px;
padding-left: 2px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
margin-top: 0;
}
@media (max-width: 575px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
right: 0;
top: 75px;
transform: translateX(0);
height: calc(100% - 115px);
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-sec-year {
width: 100px;
height: 35px;
font-size: 15px;
margin: 0 auto 40px auto;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box {
padding-right: 93px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box {
right: 6px;
width: 50px;
height: 45px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-arrow, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
border-width: 22px 12px 22px 0px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-line, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-line {
width: 30px;
left: -38px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 20px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box .ptl-short-desc p {
font-size: 13px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 14px;
}
}
@media (max-width: 479px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 20px;
}
}
@media (max-width: 414px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 3px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.left-box .ptl-arrow-box .ptl-inner-box .ptl-icon i, .ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box.right-box .ptl-arrow-box .ptl-inner-box .ptl-icon i {
font-size: 18px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 180px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-top-title h2 {
font-size: 18px;
}
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-ctn-box a {
font-size: 13px;
max-width: 114px;
margin-top: 15px;
padding: 8px 13px;
}
}
@media (max-width: 375px) {
.ptl-cont .ptl-tmpl-5.ptl-one-side-right .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-tmpl-box-inner .ptl-tmpl-img-box {
height: 150px;
}
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner {
margin-top: 60px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line {
top: 0;
left: 0;
height: 0;
width: 100%;
border-bottom: none;
position: absolute;
border-right: none;
border-left: none;
transform: translateX(0);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.solid {
border-top: 4px solid;
border-color: #2BA362;
border-color: var(--ptl-line, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dotted {
border-top: 4px dotted;
border-color: #2BA362;
border-color: var(--ptl-line, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-center-line.dashed {
border-top: 4px dashed;
border-color: #2BA362;
border-color: var(--ptl-line, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l, .ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r {
top: -33px;
position: absolute;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l svg, .ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r svg {
width: 80px;
height: 80px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l svg g, .ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r svg g {
fill: #2BA362;
fill: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-l {
left: -10px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .shape-r {
right: -10px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box {
margin-top: 4px;
padding: 100px 50px 0 50px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box {
left: 50%;
width: 52px;
height: 52px;
transform: translateX(-50%);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-arrow {
left: 0;
top: unset;
right: unset;
bottom: -12px;
height: 12px;
width: 100%;
border: none !important;
clip-path: polygon(100% 0, 0 0, 50% 100%);
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-line {
left: 50%;
width: 4px;
top: unset;
right: unset;
height: 40px;
bottom: -50px;
transform: translateX(-50%);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner .ptl-tmpl-box .ptl-arrow-box .ptl-inner-box .ptl-icon {
padding-left: 0;
padding-top: 5px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button {
z-index: 11;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow {
top: 50%;
width: 52px;
height: 52px;
font-size: 0;
opacity: 0.75;
border: none;
border-radius: 0;
position: absolute;
transform: translateY(-50%);
border-radius: var(--ptl-border-radius, 8px);
background-color: #2BA362;
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow:before {
opacity: 1;
font-family: "FontAwesome";
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow:hover {
opacity: 1;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-prev {
left: -15px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-prev:before {
content: "\f104";
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-next {
right: -15px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-arrow.agile_slick-next:before {
content: "\f105";
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-prev:before, .ptl-cont .ptl-tmpl-5.ptl-horz .ptl-tmpl-main .ptl-tmpl-main-inner button.agile_slick-next:before {
color: white;
line-height: initial;
font-size: 32px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper {
overflow: hidden;
width: 100%;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-h-nav {
position: relative;
width: 100%;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-h-nav-view {
overflow: hidden;
width: 100%;
position: relative;
display: flex;
padding: 40px 0;
justify-content: center;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-h-nav-inner {
display: flex;
transition: transform 0.5s ease-in-out;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-yr-list {
display: flex;
flex-wrap: nowrap;
justify-content: center;
min-width: 100%;
opacity: 0;
transition: opacity 0.5s ease-in-out; }
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-yr-list.ptl-active {
opacity: 1;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper {
position: relative;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-left,
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-right {
z-index: 100;
display: none;
top: 50%;
width: 30px;
height: 30px;
font-size: 0;
opacity: 0.75;
border: none;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 5px;
border-radius: var(--ptl-border-radius, 10px);
background-color: var(--ptl-primary, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-left {
left: 0px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-left::before {
content: "\f104";
color: white;
opacity: 1;
line-height: initial;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
opacity: 1;
font-family: "FontAwesome";
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-right {
right: 0px;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-btn-right::before {
content: "\f105";
color: white;
opacity: 1;
line-height: initial;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
opacity: 1;
font-family: "FontAwesome";
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper .ptl-disabled {
opacity: 0.2;
cursor: default !important;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
text-align: center;
position: relative;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
width: 65px;
height: 65px;
z-index: 99;
cursor: pointer;
margin: 0px 4px;
font-size: 16px;
cursor: pointer;
border: 2px solid;
line-height: 40px;
text-align: center;
position: relative;
display: inline-block;
background-color: #fff;
transform: rotate(45deg);
transition: 0.6s ease-in-out;
border-radius: var(--ptl-border-radius, 8px);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
transition: none;
align-items: center;
justify-content: center;
transform: rotate(-45deg);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-0 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
text-align: center;
position: relative;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
color: #000;
width: 90px;
height: 90px;
z-index: 99;
margin: 0 15px;
transition: 1s;
cursor: pointer;
margin-top: 2px;
font-size: 16px;
background: #fff;
line-height: 40px;
border-radius: 50%;
position: relative;
display: inline-block;
border: 4px solid #e4e4e4;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-1 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
border-color: #2BA362;
border-color: var(--ptl-nav, #2BA362);
transform: scale(1.2);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
margin: 0 auto;
text-align: center;
position: relative;
max-width: max-content; }
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
width: 130px;
height: 40px;
line-height: 40px;
display: inline-block;
z-index: 99;
position: relative;
background: #fff;
color: #000;
transition: 0.7s;
cursor: pointer;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-2 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner {
text-align: center;
position: relative;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li {
width: 130px;
height: 40px;
line-height: 40px;
display: inline-block;
margin: 0 15px;
z-index: 99;
position: relative;
background: #fff;
color: #000;
transition: 1s;
cursor: pointer;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li.active {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
}
.ptl-cont .ptl-tmpl-5.ptl-horz .ptl-nav-wrapper.ptl-nav-3 .ptl-h-nav .ptl-h-nav-view .ptl-h-nav-inner li:hover {
color: #fff;
background-color: #2BA362;
background-color: var(--ptl-nav, #2BA362);
transform: scale(1.3);
}
.rtl .ptl-cont input {
text-align: right;
}
.ptl-cont {
--ptl-primary: #E11619;
--ptl-title-color: #fff;
--ptl-post-color: #fff;
--ptl-post-background: #E11619;
--ptl-btn-color: #E11619;
--ptl-btn-background: #fff;
--ptl-line: #E11619;
--ptl-nav: #E11619;
--ptl-social-icon-color: #E11619;
--ptl-social-icon-bg: #fff;
--ptl-facebook-color:#385398;
--ptl-facebook-background:#fff;
--ptl-pinterest-color:#cc2129;
--ptl-pinterest-background:#fff;
--ptl-linkedin-color:#117bb7;
--ptl-linkedin-background:#fff;
--ptl-twitter-color:#28a9e2;
--ptl-twitter-background:#fff;
--ptl-instagram-color:#f55376;
--ptl-instagram-background:#fff;
--ptl-youtube-color:#c32719;
--ptl-youtube-background:#fff;
--ptl-whatsapp-color:#30cc67;
--ptl-whatsapp-background:#fff;
--ptl-google-plus-color:#e04a39;
--ptl-google-plus-background:#fff;
--ptl-envelope-color:#cb0001;
--ptl-envelope-background:#fff;
--ptl-border-radius: 8px;
}
.ptl-cont.ptl-light {
--ptl-primary: #E11619;
--ptl-title-color: #111111;
--ptl-post-color: #6f6f6f;
--ptl-post-background: #fff;
--ptl-btn-color: #fff;
--ptl-btn-background: #E11619;
--ptl-line: #E11619;
--ptl-nav: #E11619;
--ptl-social-icon-color: #fff;
--ptl-social-icon-bg: #E11619;
--ptl-facebook-color:#fff;
--ptl-facebook-background:#385398;
--ptl-pinterest-color:#fff;
--ptl-pinterest-background:#cc2129;
--ptl-linkedin-color:#fff;
--ptl-linkedin-background:#117bb7;
--ptl-twitter-color:#fff;
--ptl-twitter-background:#28a9e2;
--ptl-instagram-color:#fff;
--ptl-instagram-background:#f55376;
--ptl-youtube-color:#fff;
--ptl-youtube-background:#c32719;
--ptl-whatsapp-color:#fff;
--ptl-whatsapp-background:#30cc67;
--ptl-google-plus-color:#fff;
--ptl-google-plus-background:#e04a39;
--ptl-envelope-color:#fff;
--ptl-envelope-background:#cb0001;
}
 :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*0.8);
animation-duration: calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce),
print {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important
}
.animate__animated[class*=Out] {
opacity: 0
}
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration)*1.3);
animation-duration: calc(var(--animate-duration)*1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.animate__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.animate__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.animate__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
} @-webkit-keyframes fadeUpLeft {
0% {
-webkit-transform:translate3d(100px,60px,0);
transform:translate3d(100px,60px,0);
opacity: 0;
}
75% {
-webkit-transform:translate3d(-5px,-5px,0);
transform:translate3d(-5px,-5px,0);
opacity: 1;
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity: 1;
}
}
@keyframes fadeUpLeft {
0% {
-webkit-transform:translate3d(100px,60px,0);
transform:translate3d(100px,60px,0);
opacity: 0;
}
75% {
-webkit-transform:translate3d(-5px,-5px,0);
transform:translate3d(-5px,-5px,0);
opacity: 1;
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity: 1;
}
}
.animate__fadeUpLeft {
-webkit-animation-name: fadeUpLeft;
animation-name: fadeUpLeft;
}/*/*/@-webkit-keyframes fadeUpRight {
0% {
-webkit-transform:translate3d(-100px,60px,0);
transform:translate3d(-100px,60px,0);
opacity: 0;
}
75% {
-webkit-transform:translate3d(5px,-5px,0);
transform:translate3d(5px,-5px,0);
opacity: 1;
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity: 1;
}
}
@keyframes fadeUpRight {
0% {
-webkit-transform:translate3d(-100px,60px,0);
transform:translate3d(-100px,60px,0);
opacity: 0;
}
75% {
-webkit-transform:translate3d(5px,-5px,0);
transform:translate3d(5px,-5px,0);
opacity: 1;
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity: 1;
}
}
.animate__fadeUpRight {
-webkit-animation-name: fadeUpRight;
animation-name: fadeUpRight;
}/*/*/@-webkit-keyframes flip-Right {
0% {
opacity: 0;
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg)
}
to {
opacity: 1;
visibility: hidden;
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
}
@keyframes flip-Right {
0% {
opacity: 0;
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg)
}
to {
opacity: 1;
visibility: hidden;
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
}
.animate__flip-Right {
-webkit-animation-name: flip-Right;
animation-name: flip-Right;
}/*/*/@-webkit-keyframes flip-Left {
0% {
opacity: 0;
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg)
}
to {
opacity: 1;
visibility: hidden;
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
}
@keyframes flip-Left {
0% {
opacity: 0;
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg)
}
to {
opacity: 1;
visibility: hidden;
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
}
.animate__flip-Left {
-webkit-animation-name: flip-Left;
animation-name: flip-Left;
}/*/*/@-webkit-keyframes fadeDownLeft {
0% {
opacity: 0;
-webkit-transform:translate3d(100px,-60px,0);
transform:translate3d(100px,-60px,0)
}
75% {
opacity: 1;
-webkit-transform:translate3d(-5px,5px,0);
transform:translate3d(-5px,5px,0)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
@keyframes fadeDownLeft {
0% {
opacity: 0;
-webkit-transform:translate3d(100px,-60px,0);
transform:translate3d(100px,-60px,0)
}
75% {
opacity: 1;
-webkit-transform:translate3d(-5px,5px,0);
transform:translate3d(-5px,5px,0)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.animate__fadeDownLeft {
-webkit-animation-name: fadeDownLeft;
animation-name: fadeDownLeft;
}/*/*/@-webkit-keyframes fadeDownRight {
0% {
opacity: 0;
-webkit-transform:translate3d(-100px,-60px,0);
transform:translate3d(-100px,-60px,0)
}
75% {
opacity: 1;
-webkit-transform:translate3d(5px,5px,0);
transform:translate3d(5px,5px,0)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
@keyframes fadeDownRight {
0% {
opacity: 0;
-webkit-transform:translate3d(-100px,-60px,0);
transform:translate3d(-100px,-60px,0)
}
75% {
opacity: 1;
-webkit-transform:translate3d(5px,5px,0);
transform:translate3d(5px,5px,0)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.animate__fadeDownRight {
-webkit-animation-name: fadeDownRight;
animation-name: fadeDownRight;
}/*/*/@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform:translate3d(0,100px,0) scale(.6);
transform:translate3d(0,100px,0) scale(.6);
}
75% {
opacity: 1;
-webkit-transform:translate3d(0,0,0) scale(1.05);
transform:translate3d(0,0,0) scale(1.05)
}
100% {
opacity: 1;
-webkit-transform:translateZ(0) scale(1);
transform:translateZ(0) scale(1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform:translate3d(0,100px,0) scale(.6);
transform:translate3d(0,100px,0) scale(.6);
}
75% {
opacity: 1;
-webkit-transform:translate3d(0,0,0) scale(1.05);
transform:translate3d(0,0,0) scale(1.05)
}
100% {
opacity: 1;
-webkit-transform:translateZ(0) scale(1);
transform:translateZ(0) scale(1)
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}/*/*/@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform:translate3d(300px,0,0) scale(.6);
transform:translate3d(300px,0,0) scale(.6);
}
75% {
opacity: 1;
-webkit-transform:translate3d(0,0,0) scale(1.05);
transform:translate3d(0,0,0) scale(1.05)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform:translate3d(300px,0,0) scale(.6);
transform:translate3d(300px,0,0) scale(.6);
}
75% {
opacity: 1;
-webkit-transform:translate3d(0,0,0) scale(1.05);
transform:translate3d(0,0,0) scale(1.05)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}/*/*/@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform:translate3d(-300px,0,0) scale(.6);
transform:translate3d(-300px,0,0) scale(.6);
}
75% {
opacity: 1;
-webkit-transform:translate3d(0,0,0) scale(1.05);
transform:translate3d(0,0,0) scale(1.05)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform:translate3d(-300px,0,0) scale(.6);
transform:translate3d(-300px,0,0) scale(.6);
}
75% {
opacity: 1;
-webkit-transform:translate3d(0,0,0) scale(1.05);
transform:translate3d(0,0,0) scale(1.05)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}/*/*/@-webkit-keyframes zoomOutLeft {
0% {
opacity: 0;
-webkit-transform:translate3d(50px,0px,0px) scale(1.1);
transform:translate3d(50px,0px,0px) scale(1.1);
}
75% {
opacity: 1;
-webkit-transform:translate3d(4px,0px,0px) scale(.98);
transform:translate3d(4px,0px,0px) scale(.98)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
@keyframes zoomOutLeft {
0% {
opacity: 0;
-webkit-transform:translate3d(50px,0px,0px) scale(1.1);
transform:translate3d(50px,0px,0px) scale(1.1);
}
75% {
opacity: 1;
-webkit-transform:translate3d(4px,0px,0px) scale(.98);
transform:translate3d(4px,0px,0px) scale(.98)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}/*/*/@-webkit-keyframes zoomOutRight {
0% {
opacity: 0;
-webkit-transform:translate3d(-50px,0px,0px) scale(1.1);
transform:translate3d(-50px,0px,0px) scale(1.1);
}
75% {
opacity: 1;
-webkit-transform:translate3d(-4px,0px,0px) scale(.98);
transform:translate3d(-4px,0px,0px) scale(.98)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
@keyframes zoomOutRight {
0% {
opacity: 0;
-webkit-transform:translate3d(-50px,0px,0px) scale(1.1);
transform:translate3d(-50px,0px,0px) scale(1.1);
}
75% {
opacity: 1;
-webkit-transform:translate3d(-4px,0px,0px) scale(.98);
transform:translate3d(-4px,0px,0px) scale(.98)
}
100% {
opacity: 1;
-webkit-transform:translate3d(0) scale(1);
transform:translate3d(0) scale(1)
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//oddilpoutnici.cz/wp-content/plugins/post-timeline/public/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.agile_slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.agile_slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.agile_slick-list:focus
{
outline: none;
}
.agile_slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.agile_slick-slider .agile_slick-track,
.agile_slick-slider .agile_slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.agile_slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.agile_slick-track:before,
.agile_slick-track:after
{
display: table;
content: '';
}
.agile_slick-track:after
{
clear: both;
}
.agile_slick-loading .agile_slick-track
{
visibility: hidden;
}
.agile_slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .agile_slick-slide
{
float: right;
}
.agile_slick-slide img
{
display: block;
}
.agile_slick-slide.agile_slick-loading img
{
display: none;
}
.agile_slick-slide.dragging img
{
pointer-events: none;
}
.agile_slick-initialized .agile_slick-slide
{
display: block;
}
.agile_slick-loading .agile_slick-slide
{
visibility: hidden;
}
.agile_slick-vertical .agile_slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.agile_slick-arrow.agile_slick-hidden {
display: none;
}