@charset "UTF-8";


.themesflat-container {
position     : relative;
margin-left  : auto;
margin-right : auto;
padding-right: 15px;
padding-left : 15px;
width        : 1320px;
max-width    : 100%;
}
.themesflat-container.full {
width: 100%;
}
.themesflat-container.w1420 {
width: 1450px;
}  .side-bar > div {
border: 1.2px solid rgba(104, 68, 237, 0.20);
box-shadow: 0px 4px 30px 0px rgba(141, 141, 141, 0.05);
border-radius: 14px;
}
.side-bar .widget {
padding: 30px 50px 40px;
background: #f2f8fd;
border-radius: 14px;
margin-bottom: 30px;
}
.side-bar h4.title-widget {
line-height: 33px;
color: #030014;
letter-spacing: -0.66px;
padding-bottom: 17px;
border-bottom: 1px solid rgba(104, 68, 237, 0.20);
margin-bottom: 40px;
}
.side-bar .wg-search {
border: none !important;
}
.side-bar .wg-search input {
height: 65px;
padding: 24px 25px 24px 25px;
}
.widget-categories ul {
margin-top: 43px;
}
.widget-categories ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 31px;
}
.widget-categories ul li:last-child {
margin-bottom: 0;
}
.widget-categories ul li i,
.widget-categories .cate-item a {
color: #696969;
font-size: 16px;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.32px;
}
.widget-categories ul li i {
margin-right: -9px;
font-size: 24px;
}
.widget-categories .cate-item a:hover {
color: #00A39E;
}
.recent-news-item {
display: flex;
gap: 20px;
margin-bottom: 30px;
align-items: center;
}
.recent-news-item:last-child {
margin-bottom: 0;
}
.recent-news-item .card-media img {
width: 90px;
min-width: 90px;
border-radius: 50%;
}
.recent-news-item h6 {
letter-spacing: -0.54px;
margin-bottom: 3px;
line-height: 27px;
}
.recent-news-item h6 a {
color: #030014;
}
.recent-news-item h6 a:hover {
color: #00A39E;
}
.comment,
.date {
color: #696969;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.widget-trailer {
position: relative;
border-radius: 14px;
overflow: hidden;
margin-bottom: 30px;
border: none !important;
}
.widget-trailer::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(12, 9, 29, 0.00) 0%, rgba(12, 9, 29, 0.80) 43.23%, #0C091D 100%);
}
.widget-trailer img {
width: 100%;
}
.widget-trailer .content {
position: absolute;
left: 0;
bottom: 0;
padding: 0 50px 50px 50px;
}
.widget-trailer .content .title {
margin-bottom: 14px;
}
.widget-trailer .content .title .text {
color: #FFF;
font-size: 28px;
font-weight: 300;
line-height: 36px;
letter-spacing: -0.84px;
}
.widget-trailer .content .title .text-1 {
color: #FFF;
font-size: 28px;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.84px;
}
.widget-trailer .content .title .text-2 {
color: #CBED44;
font-family: 'Playfair Display';
font-size: 28px;
font-style: italic;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.84px;
}
.widget-trailer .content p {
color: #FFF;
line-height: 28px;
margin-bottom: 22px;
}
.widget-tag ul {
margin-top: -12px;
}
.widget-tag ul li a {
font-size: 14px;
font-weight: 500;
letter-spacing: -0.28px;
line-height: 10px;
padding: 12px 20px;
font-size: 14px;
border-radius: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
color: #696969;
}
.widget-tag ul li a:hover {
background-color: #00A39E;
color: #FFF;
} .side-bar.style-1 > div {
border: 1.2px solid #00A39E;
}
.tf-blog-detail .side-bar .wg-search input {
border: 1px solid #00A39E;
padding: 23px 29px 23px 24px;
} .side-bar.style-2 .widget {
padding: 29px 30px;
}
.side-bar.style-2 h4.title-widget {
padding-bottom: 0;
border: none;
margin-bottom: 20px;
color: #030014;
font-size: 18px;
font-weight: 700;
line-height: 13px;
letter-spacing: -0.54px;
}
.side-bar.style-2 .widget-search input {
height: 50px;
padding: 20px;
}
.side-bar.style-2 .widget-search .icon-search {
right: 18px;
font-size: 16px;
}
.side-bar.style-2 .widget-search .icon-search::before {
color: #00A39E;
}
.side-bar.style-2 .widget-trailer .content {
padding: 0 30px 30px 30px;
}
.side-bar.style-2 .widget-trailer .content .title {
margin-bottom: 9px;
}
.side-bar.style-2 .widget-trailer .content .title .text {
color: #FFF;
font-size: 20px;
font-weight: 300;
line-height: 32px;
letter-spacing: -0.6px;
}
.side-bar.style-2 .widget-trailer .content .title .text-1 {
color: #FFF;
font-size: 20px;
font-weight: 700;
line-height: 32px;
letter-spacing: -0.6px;
}
.side-bar.style-2 .widget-trailer .content .title .text-2 {
color: #CBED44;
font-family: 'Playfair Display';
font-size: 20px;
font-style: italic;
font-weight: 700;
line-height: 32px;
letter-spacing: -0.6px;
}
.side-bar.style-2 .widget-trailer .content p {
font-weight: 400;
margin-bottom: 21px;
}
.side-bar.style-2 .widget-categories ul {
margin-top: 26px;
}
.side-bar.style-2 .widget-categories ul li {
margin-bottom: 26px;
}
.side-bar.style-2 .widget-categories ul li:last-child {
margin-bottom: 0;
}  .blog-article .card-media {
border-radius: 16px;
overflow: hidden;
}
.blog-article .card-media .video-wrap.style-2 img {
width: 100%;
height: 100%;
}
.blog-article .wrapper-info {
margin: -80px 40px 50px 40px;
border-radius: 14px;
background-color: #FFF;
box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.20);
padding: 26px 40px 30px 40px;
position: relative;
z-index: 5;
}
.meta {
display: flex;
align-items: center;
gap: 56px;
margin-bottom: 6px;
}
.wrapper-info h3 {
letter-spacing: -0.72px;
color: #030014;
line-height: 36px;
}
.wrapper-info h3 a:hover {
color: #00A39E;
}
.wrapper-info .bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
border-top: 1px solid #D9D9D9;
margin-top: 30px;
}
.author {
display: flex;
align-items: center;
gap: 7px;
}
.author i {
font-size: 16px
}
.author a {
line-height: 16px;
font-size: 16px;
}
.wg-quote {
padding: 26px 50px 30px 153px;
background: #f2f8fd;
border-radius: 14px;
margin-bottom: 50px;
position: relative;
border: 1px solid rgba(104, 68, 237, 0.20);
}
.wg-quote svg {
position: absolute;
top: 35px;
left: 50px;
}
.blog-article-1 {
border-radius: 16px;
position: relative;
margin-bottom: 50px;
overflow: hidden;
}
.blog-article-1::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(12, 9, 29, 0.85);
}
.blog-article-1 .wrapper-info {
position: absolute;
bottom: 0;
left: 0;
padding: 0 60px 50px 60px ;
}
.blog-article-1 .wrapper-info .icon-user::before,
.blog-article-1 .wrapper-info * {
color: #FFF;
} .widget-pagination {
margin-top: 68px;
}
.widget-pagination ul {
display: flex; 
gap: 10px;
align-items: center;
}
.widget-pagination ul li {
width: 50px;
height: 50px;
border-radius: 50px;
background-color: transparent;
border: 1.5px solid rgba(104, 68, 237, 0.20);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget-pagination ul li a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #00A39E;
font-size: 18px;
font-weight: 700;
line-height: 27px;
letter-spacing: -0.54px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget-pagination ul li a i::before {
font-size: 18px;
}
.widget-pagination ul li.active,
.widget-pagination ul li:hover {
background-color: #00A39E;
}
.widget-pagination ul li.active a,
.widget-pagination ul li:hover a {
color: #fff;
}  .tf-blog-detail,
.tf-blog {
padding-top: 130px;
padding-bottom: 130px;
}
.flat-title-page.blog-detail {
padding-bottom: 156px;
}
.flat-title-page.blog-detail .heading {
font-size: 48px;
letter-spacing: -1.44px;
margin-top: 11px;
margin-bottom: 30px;
}
.flat-title-page.blog-detail .breadcrumbs {
gap: 43px;
margin-left: 16px;
}
.flat-title-page.blog-detail .breadcrumbs li::before {
right: -33px;
font-size: 24px;
}
.flat-title-page.blog-detail .breadcrumbs li a {
font-size: 18px;
font-weight: 500;
line-height: 27px;
letter-spacing: -0.54px;
}
.tf-blog-detail .main-image img {
border-radius: 14px;
width: 100%;
}
.tf-blog-detail .wrap-inner {
padding: 24px 30px 30px 40px;
}
.tf-blog-detail .wrap-inner .meta {
padding-bottom: 24px;
border-bottom: 1px solid rgba(104, 68, 237, 0.20);
margin-bottom: 32px;
}
.tf-blog-detail .wrap-inner > p {
color: #696969;
font-size: 16px;
font-weight: 400;
line-height: 28px; 
margin-bottom: 40px;
}
.tf-blog-detail .wrap-inner .wg-quote {
position: relative;
border: none;
}
.tf-blog-detail .wrap-inner .wg-quote::after {
position: absolute;
content: '';
width: 5px;
height: 100px;
background: #00A39E;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.tf-blog-detail .wrap-inner .wg-quote {
padding: 23px 65px 27px 148px;
margin-top: 42px;
margin-bottom: 42px;
}
.tf-blog-detail .wrap-inner .wg-quote .wrapper-info h3 {
color: #030014;
font-size: 27px;
font-weight: 700;
line-height: 32.4px;
letter-spacing: -0.81px;
margin-bottom: 22px;
}
.tf-blog-detail .wrap-inner .wg-quote .wrapper-info .author {
color: #696969;
font-size: 16px;
font-weight: 600;
line-height: 28px;
padding-left: 70px;
position: relative;
}
.tf-blog-detail .wrap-inner .wg-quote .wrapper-info .author::before {
position: absolute;
content: '';
width: 40px;
height: 2px;
top: 50%;
left: 0;
background: #00A39E;
}
.tf-blog-detail .wrap-inner .bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 40px;
border-top: 1px solid rgba(104, 68, 237, 0.20);
margin-bottom: 40px;
margin-top: -9px;
}
.tf-blog-detail .wrap-inner .widget-tag a {
border-radius: 10px;
border: 1.5px solid rgba(104, 68, 237, 0.20);
padding: 13px 23px;
line-height: 11px;
font-size: 16px;
font-weight: 400;
}
.wg-social.style-1 li a {
background-color: rgba(104, 68, 237, 0.20);
color: #00A39E;
}
.wg-social.style-1 li a:hover {
background-color: #00A39E;
color: #FFF;
}
.wg-review {
padding: 39px 50px;
background: #f2f8fd;
border-radius: 10px;
border: 1.2px solid rgba(104, 68, 237, 0.20);
display: flex;
gap: 50px;
margin-bottom: 80px;
}
.wg-review .image img {
width: 160px;
min-width: 160px;
box-sizing: 50%;
}
.wg-review h4 {
letter-spacing: -0.66px;
margin-bottom: 14px;
}
.wg-review p {
margin-bottom: 31px;
}
.wg-social.style-2 {
gap: 34px;
}
.wg-social.style-2 li a {
color: #696969;
width: unset;
height: unset;
background: none;
}
.wg-social.style-2 li a:hover {
color: #00A39E;
background: none;
}
.related-post {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
row-gap: 30px;
padding-bottom: 80px;
border-bottom: 1px solid rgba(104, 68, 237, 0.20);
margin-bottom: 71px;
}
.related-post h6 {
width: 200px;
}
.widget-comment {
margin-bottom: 51px;
}
.widget-comment .title {
color: #030014;
font-size: 24px;
font-weight: 600;
line-height: 36px; 
letter-spacing: -0.72px;
margin-bottom: 40px;
}
.comment-box {
display: flex;
gap: 40px;
margin-bottom: 60px;
}
.comment-box.rep {
padding-left: 50px;
gap: 37px;
}
.comment-box:last-child {
margin-bottom: 0;
}
.comment-box > img {
width: 100px;
height: 100px;
min-width: 100px;
border-radius: 50%;
}
.comment-box .top {
display: flex;
gap: 23px;
align-items: center;
margin-bottom: 7px;
}
.comment-box h6.name {
color:  #030014;
font-size: 18px;
font-weight: 700;
line-height: 27px;
letter-spacing: -0.54px;
}
.comment-box .date {
line-height: 32px;
}
.comment-box .reply {
margin-top: 16px;
display: flex;
}
.comment-box .reply a {
color: #696969;
}
.comment-box .reply a:hover {
color: #00A39E;
}
.widget-reply {
padding: 50px 60px 60px 60px;
background: #f2f8fd;
border-radius: 10px;
border: 1px solid rgba(104, 68, 237, 0.20);
}
.widget-reply h3 {
letter-spacing: -0.72px;
margin-bottom: 3px;
}
.widget-reply > p {
margin-bottom: 31px;
}
.widget-reply textarea {
height: 150px;
}  .wg-banner-1 {
position: relative;
padding-top: 275px;
padding-bottom: 214px;
background: #030014;
overflow: hidden;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line.png);
}
.wg-banner-1 .bg-item .item-1 {
position: absolute;
top: 217px;
left: 99px;
animation: ani-1 25s infinite linear;
}
.wg-banner-1 .bg-item .item-2 {
position: absolute;
bottom: 109px;
left: 85px;
animation: to-right 7s infinite linear;
}
.wg-banner-1 .bg-item .item-3 {
position: absolute;
bottom: 295px;
left: -59px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #61FF00;
filter: blur(40px);
}
.wg-banner-1 .bg-item .item-4 {
position: absolute;
bottom: -69px;
left: 668px;
width: 102px;
height: 102px;
border-radius: 50%;
background: #00FFF0;
filter: blur(50px);
}
.wg-banner-1 .bg-item .item-5 {
position: absolute;
top: -27px;
right: 438px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #FF00E5;
filter: blur(40px);
}
.wg-banner-1 .bg-item .item-6 {
position: absolute;
bottom: 191px;
right: -189px;
width: 223px;
height: 223px;
border-radius: 50%;
background: #ECE30A;
filter: blur(50px);
}
.wg-banner-1 .content .title {
color: #FFF;
font-size: 65px;
font-weight: 700;
line-height: 75px;
letter-spacing: -1.95px;
margin-bottom: 24px;
}
.wg-banner-1 .content .title span {
color: #00A39E;
font-family: 'Playfair Display';
font-style: italic;
font-size: 65px;
font-weight: 700;
line-height: 67px;
letter-spacing: -1.95px;
}
.wg-banner-1 .content p {
color: #FFF;
font-size: 20px;
line-height: 36px;
margin-bottom: 39px;
}
.wg-banner-1 .content .tf-button:hover svg path {
fill: #00A39E;
}
.wg-banner-1 .content .tf-button.active {
border: 1.5px solid rgba(255, 255, 255, 0.20);
background: var(--color-2nd-black, #0C091D);
color: #696969;
}
.wg-banner-1 .content .tf-button.active:hover {
color: #00A39E;
background-color: #FFF;
} 
.wg-banner-1 .content .grid-button > span {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 28px;  
}
.wg-banner-1 .box-1 {
position: absolute;
top: -75px;
left: 113px;
z-index: 5;
animation: to-left 7s infinite linear;
}
.wg-banner-1 .box-1 .wrap {
border-radius: 20px;
border: 1px solid #3468F0;
background: #FFF;
box-shadow: 0px 10px 50px 0px rgba(52, 104, 240, 0.20);
padding: 16px 20px;
position: relative;
}
.wg-banner-1 .box-1 p {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 28px;
padding: 6px 0px 6px 20px;
color: #696969;
border-radius: 7px;
width: 170px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.wg-banner-1 .box-1 p.active,
.wg-banner-1 .box-1 p:hover {
background: #3468F0;
}
.wg-banner-1 .box-1 p:hover a,
.wg-banner-1 .box-1 p.active a {
color: #FFF;
}
.wg-banner-1 .box-1 img {
position: absolute;
bottom: -20px;
right: -20px;
}
.wg-banner-1 .box-2 {
position: absolute;
bottom: -33px;
right: -79px;
z-index: 5;
animation: to-right 7s infinite linear;
}
.wg-banner-1 .box-2 .wrap {
border-radius: 15px;
border: 1px solid #3468F0;
background: #FFF;
box-shadow: 0px 10px 50px 0px rgba(52, 104, 240, 0.20);
padding: 26px 70px 26px 60px;
position: relative;
}
.wg-banner-1 .box-2 .wrap p {
width: max-content;
line-height: 13px;
}
.wg-banner-1 .box-2 .wrap p a {
color: #000;
font-size: 18px;
font-weight: 500;
line-height: 13px; 
letter-spacing: -0.54px;
}
.wg-banner-1 .box-2 .wrap img {
position: absolute;
right: 5px;
bottom: -33px;
width: 46px;
height: 74px;
}
.wg-banner-1 .box-2 .wrap .ellipse {
position: absolute;
top: 15px;
left: 17px;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #FC8800;
}
.wg-banner-1 .box-2 .wrap .ellipse-1 {
position: absolute;
bottom: 10px;
left: 27px;
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #FC8800;
}
.wg-banner-1 .box-2 .wrap .ellipse-2 {
position: absolute;
top: 12px;
right: 24px;
width: 42px;
height: 42px;
border-radius: 50%;
background-color: rgba(104, 68, 237, 0.2);
border: 6px solid rgba(104, 68, 237, 0.2);
}
.wg-banner-1 .wrap-user {
position: absolute;
width: 290px; border: 1px solid #fff;
border-radius: 20px;
background: linear-gradient(180deg, rgba(242, 242, 242, 0.60) 0%, rgba(233, 233, 233, 0.80) 100%);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(40px);
padding: 26px 37px 29px 38px;
}
.wg-banner-1 .wrap-user h4 {
letter-spacing: -0.66px;
margin-bottom: -3px;
}
.wg-banner-1 .wrap-user h4 a {
color: #FFF;
}
.wg-banner-1 .wrap-user h4 a:hover {
color: #00A39E;
}
.wg-banner-1 .wrap-user p {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 35px;
}
.wg-banner-1 .wrap-user .image {
position: relative;
}
.wg-banner-1 .wrap-user .image img {
width: 215px;
height: 215px;
border-radius: 215px;
border: 2px solid #FFF;
}
.wg-banner-1 .wrap-user .image .icon {
position: absolute;
left: 4px;
bottom: 10px;
width: 45px;
height: 45px;
border: 1px solid rgba(104, 68, 237, 0.20);
border-radius: 50%;
background: #FFF;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.wg-banner-1 .wrap-user .counter-like {
width: 70px;
height: 70px;
background: #0925B6;
position: absolute;
top: 0;
right: -8px;
text-align: center;
padding: 18px 0;
border-radius: 50%;
}
.wg-banner-1 .wrap-user .counter-like .number-counter {
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 14px;
letter-spacing: -0.6px;
margin-bottom: 8px;
}
.wg-banner-1 .wrap-user .counter-like .icon-heart {
font-size: 16px;
}
.wg-banner-1 .wrap-user.item-1 {
left: 45px;
bottom: -86px;
animation: to-bottom 7s infinite linear;
}
.wg-banner-1 .wrap-user.item-1 .icon-facebook {
color: #3468F0;
}
.wg-banner-1 .wrap-user.item-1 .counter-like {
background-color: #00A39E;
}
.wg-banner-1 .wrap-user.item-2 {
left: 230px;
bottom: 18px;
animation: to-top 7s infinite linear;
}
.wg-banner-1 .wrap-user.item-2 .icon-instagram {
color: #F034A5;
}
.wg-banner-1 .wrap-user.item-3 {
top: -50px;
right: -116px;
animation: to-bottom 7s infinite linear;
}
.wg-banner-1 .wrap-user.item-3 .icon-tiktok {
color: #F62B52;
}
.wg-banner-1 .wrap-user.item-3 .counter-like {
background-color: #F62B52;
}
.wg-banner-1 .border-dashed-line {
position: absolute;
top: -14px;
left: 161px;
width: 436px;
height: 489px;
border-radius: 20px;
border: 2px dashed #FFF;
}  .heading-section {
margin-bottom: 58px;
}
.heading-section .sub-title {
color: #696969;
font-size: 22px;
font-weight: 500;
line-height: 33px;
letter-spacing:-0.66px;
margin-bottom: 10px;
margin-top: -9px;
}
.heading-section .main-title {
color: #030014;
font-size: 48px;
font-weight: 700;
line-height: 57px;
letter-spacing: -1.44px;
}
.heading-section .main-title span {
color: #00A39E;
font-family: 'Playfair Display';
font-style: italic;
line-height: 51px;
} .heading-section.style-1 .main-title {
color: #FFF;
} .heading-section.style-2 { }
.heading-section.style-2 h6 {
color: #696969;
}  .wg-result.style-1::before {
position: absolute;
content: '';
top: -63px;
left: 0;
width: 100%;
height: 800px;
background: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-1.png);
}
.wg-result .counter {
margin-top: -47px;
margin-bottom: 55px;
}
.wg-result .number-counter span {
color: #00A39E;
font-family: 'Playfair Display';
font-size: 100px;
font-style: italic;
font-weight: 700;
line-height: normal;
letter-spacing: -3px;
}  .partners-inner {
padding: 49px;
border: 1px solid #00A39E;
border-radius: 20px;
background: #FFF;
}
.partners-inner .swiper-wrapper {
transition-timing-function: linear;
}
.partners-inner .swiper-slide {
width: auto;
}
.partners-inner .swiper-slide .item-1 {
width: 100px;
height: 30px;
}
.partners-inner .swiper-slide .item-2 {
width: 153px;
height: 30px;
}
.partners-inner .swiper-slide .item-3 {
width: 96px;
height: 30px;
}
.partners-inner .swiper-slide .item-4 {
width: 96px;
height: 30px;
}
.partners-inner .swiper-slide .item-5 {
width: 157px;
height: 30px;
} .wg-partners-1 {
padding-top: 122px;
padding-bottom: 130px;
}
.wg-partners-1 p {
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 145%;
margin-bottom: 42px;
text-align: center;
}
.wg-partners-1 .wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 30px 123px;
flex-wrap: wrap;
}
.wg-partners-1.type-1 {
padding-top: 0;
}
.wg-partners-1.type-1 .partners-inner-1 p {
color: #030014;
margin-top: -8px;
}
.wg-partners-1.type-1 .wrap img.item-1,
.wg-partners-1.type-1 .wrap img:nth-child(1) {
width: 133.216px;
height: 40px;
}
.wg-partners-1.type-1 .wrap img.item-2,
.wg-partners-1.type-1 .wrap img:nth-child(2) {
width: 203.39px;
height: 40px;
}
.wg-partners-1.type-1 .wrap img.item-3,
.wg-partners-1.type-1 .wrap img:nth-child(3) {
width: 127.66px;
height: 40px;
}
.wg-partners-1.type-1 .wrap img.item-4,
.wg-partners-1.type-1 .wrap img:nth-child(4) {
width: 127.66px;
height: 40px;
}
.wg-partners-1.type-1 .wrap img.item-5,
.wg-partners-1.type-1 .wrap img:nth-child(5) {
width: 209.967px;
height: 40px;
} .wg-partners-2 h5 {
color: #FFF;
letter-spacing: -0.6px;
text-align: center;
margin-bottom: 42px;
}
.wg-partners-2 .wrap {
display: flex;
gap: 127px;
align-items: center;
width: 1400px;
height: 80px;
padding: 30px 55px ;
margin: auto;
margin-bottom: 40px;
border-radius: 18px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.wg-partners-2 .wrap img:nth-child(1) {
width: 133.216px;
height: 40px;
}
.wg-partners-2 .wrap img:nth-child(2) {
width: 203.39px;
height: 40px;
}
.wg-partners-2 .wrap img:nth-child(3) {
width: 127.66px;
height: 40px;
}
.wg-partners-2 .wrap img:nth-child(4) {
width: 127.66px;
height: 40px;
}
.wg-partners-2 .wrap img:nth-child(5) {
width: 209.967px;
height: 40px;
}
.wg-partners-2 .info {
display: flex;
gap: 60px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.wg-partners-2 .info .text {
color: rgba(255, 255, 255, 0.65);
font-size: 16px;
font-weight: 500;
line-height: 21px;
padding-left: 33px;
position: relative;
}
.wg-partners-2 .info .text::before {
position: absolute;
content: '';
left: 8px;
top: 8px;
width: 5px;
height: 5px;
background: #00A39E;
border-radius: 50%;
}
.wg-partners-2 .info .text::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 21px;
height: 21px;
border: 1px solid #00A39E;
border-radius: 50%;
}  .wg-create-design .image {
position: relative;
width: 629px;
height: 565px;
z-index: 1;
}
.wg-create-design .image .img-01 {
position: absolute;
top: 0;
left: 40px;
border-radius: 16px;
animation: to-bottom 5s infinite linear;
}
.wg-create-design .image .rectangle {
position: absolute;
left: 0;
top: 90px;
width: 520px;
height: 410px;
border-radius: 20px;
border: 1.5px solid rgba(104, 68, 237, 0.30);
background: #f2f8fd;
}
.wg-create-design .image .place {
position: absolute;
left: 319px;
top: 43px;
width: 150px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
border: 5px solid #00A39E;
background-color: #FFF;
border-radius: 50%;
box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.50);
animation: to-top 5s infinite linear;
}
.wg-create-design .image .img-02 {
position: absolute;
bottom: 0;
right: 0;
border-radius: 50%;
width: 345px;
height: 345px;
animation: to-right 5s infinite linear;
}
.wg-create-design .content {
padding-top: 42px;
padding-left: 61px;
}
.heading-section h6 {
letter-spacing: -0.54px;
margin-bottom: 12px;
margin-top: -7px;
}
.wg-create-design .heading-section {
margin-bottom: 31px;
}
.wg-create-design .content p {
margin-bottom: 24px;
}
.wg-create-design ul {
margin-bottom: 42px;
} .wg-create-design.style-1 {
position: relative;
background: #0C091D;
padding-top: 130px;
padding-bottom: 155px;
overflow: hidden;
}
.wg-create-design.style-1 .content {
padding-left: 0;
padding-top: 68px;
}
.wg-create-design.style-1 .content h6,
.wg-create-design.style-1 .content .main-title {
color: #FFF;
}
.wg-create-design.style-1 .content p {
margin-bottom: 36px;
}
.wg-create-design.style-1 .content ul {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.wg-create-design.style-1 .content ul li {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 25px 15px 20px;
border-radius: 15px;
background: #FFF;
color: #030014;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.6px;
margin-bottom: 0;
}
.wg-create-design.style-1 .content ul li i {
padding: 7px;
background-color: #00A39E;
color: #FFF;
font-size: 16px;
border-radius: 50%;
}
.wg-create-design.style-1 .image {
width: 100%;
}
.wg-create-design.style-1 .image .img-01 {
position: absolute;
left: 100px;
border-radius: 25px;
}
.wg-create-design.style-1 .image .img-02 {
position: absolute;
bottom: -25px;
left: 42px;
width: 355px;
height: 355px;
border: 5px solid #FFF;
}
.wg-create-design.style-1 .image .img-03 {
position: absolute;
bottom: -30px;
right: -59px;
z-index: -1;
animation: to-left 7s infinite linear;
}
.wg-create-design.style-1 .item1 {
position: absolute;
top: 111px;
left: 108px;
animation: to-bottom 5s infinite linear;
}
.wg-create-design.style-1 .item2 {
position: absolute;
bottom: 295px;
left: -59px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #61FF00;
filter: blur(40px);
}
.wg-create-design.style-1 .item3 {
position: absolute;
bottom: -69px;
left: 668px;
width: 102px;
height: 102px;
border-radius: 50%;
background: #00FFF0;
filter: blur(50px);
}
.wg-create-design.style-1 .item4 {
position: absolute;
top: -27px;
right: 438px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #FF00E5;
filter: blur(40px);
}
.wg-create-design.style-1 .item5 {
position: absolute;
bottom: 191px;
right: -189px;
width: 223px;
height: 223px;
border-radius: 50%;
background: #ECE30A;
filter: blur(50px);
}
.wg-create-design.style-1 .item6 {
position: absolute;
bottom: 0px;
left: -339px;
animation: to-right 7s infinite linear;
} .wg-create-design.style-2 .content {
padding-left: 0;
padding-top: 28px;
}
.wg-create-design.style-2 p {
margin-bottom: 34px;
color: #C8C8C8;
}
.wg-create-design.style-2 ul {
margin-bottom: 0;
}
.wg-create-design.style-2 ul li {
color: #FFF;
}
.wg-create-design.style-2 ul li .icon-tick::before {
color: rgba(9, 182, 162, 1);
}
.wg-create-design.style-2 .image {
width: 100%;
height: 476px;
}
.wg-create-design.style-2 .image img {
right: 0;
left: unset;
box-shadow: 0px 20px 40px 0px rgba(9, 182, 162, 0.10);
animation: none;
} .wg-create-design.style-3 .content {
padding-left: 0;
padding-top: 58px;
}
.wg-create-design.style-3 .content h6 {
padding-left: 4px;
}
.wg-create-design.style-3 .content p {
margin-bottom: 31px;
}
.grid-counter {
display: flex;
gap: 100px;
}
.grid-counter .number-counter {
color: #FFF;
font-size: 24px;
font-weight: 700;
line-height: 75px;
letter-spacing: -0.72px;
margin-bottom: -10px;
}
.grid-counter .number-counter span {
color: #FFF;
font-size: 48px;
font-weight: 700;
line-height: 75px; 
letter-spacing: -1.44px;
}
.grid-counter .counter .text {
color: #C8C8C8;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.wg-create-design.style-3 .image {
margin-left: 31px;
width: 558px;
height: 522px;
}
.wg-create-design.style-3 .image img {
width: 558px;
height: 522px;
border-radius: 20px;
animation: none;
} .wg-create-design.style-4 {
padding-top: 130px;
padding-bottom: 130px;
background: rgba(242, 248, 253, 1);
}
.wg-create-design.style-4 .image {
position: relative;
width: 630px;
height: 532px;
border-radius: 20px;
border: 1px solid rgba(52, 104, 240, 0.30);
background: #FFF;
box-shadow: 0px 10px 60px 0px rgba(52, 104, 240, 0.15);
}
.wg-create-design.style-4 .image .item-1 {
position: absolute;
top: 46px;
left: 29px;
border-radius: 10px;
animation: to-top 5s infinite linear;
}
.wg-create-design.style-4 .image .item-2 {
position: absolute;
bottom: 29px;
left: 99px;
border-radius: 10px;
animation: to-left 5s infinite linear;
}
.wg-create-design.style-4 .image .item-3 {
position: absolute;
top: 29px;
right: 111px;
border-radius: 10px;
animation: to-right 5s infinite linear;
}
.wg-create-design.style-4 .image .box-1 {
position: absolute;
top: 105px;
right: 158px;
}
.wg-create-design.style-4 .image .box-2 {
position: absolute;
right: 30px;
bottom: 97px;
width: 270px;
height: 231px;
}
.wg-create-design.style-4 .image .box-2 .wrap {
border-radius: 16px;
background: #F90;
padding: 90px 50px 30px 41px;
animation: to-bottom 5s infinite linear;
}
.wg-create-design.style-4 .image .box-2 .wrap .text {
font-size: 24px;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.72px;
margin-bottom: 21px;
}
.wg-create-design.style-4 .image .box-2 .wrap .text a {
color:  #FFF;
}
.wg-create-design.style-4 .image .box-1 .wrap {
border-radius: 20px;
border: 1px solid #3468F0;
background: #FFF;
box-shadow: 0px 10px 50px 0px rgba(52, 104, 240, 0.20);
padding: 16px 20px;
position: relative;
}
.wg-create-design.style-4 .image .box-1 p {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 28px;
padding: 6px 0px 6px 20px;
color: #696969;
border-radius: 7px;
width: 170px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.wg-create-design.style-4 .image .box-1 p.active,
.wg-create-design.style-4 .image .box-1 p:hover {
background: #3468F0;
}
.wg-create-design.style-4 .image .box-1 p:hover a,
.wg-create-design.style-4 .image .box-1 p.active a {
color: #FFF;
}
.wg-create-design.style-4 .image .box-1 img {
position: absolute;
bottom: -20px;
right: -20px;
}
.wg-create-design.style-4 .content {
padding-top: 25px;
padding-left: 72px;
}
.wg-create-design.style-4 ul li .icon-tick::before {
color: #3468F0;
} .wg-create-design.style-5 .image {
width: unset;
height: unset;
}
.wg-create-design.style-5 .image img {
border-radius: 25px;
border: 1px solid rgba(104, 68, 237, 0.15);
background:  #f2f8fd;
}
.wg-create-design.style-5 .content {
padding-top: 2px;
padding-left: 47px;
} .wg-create-design.style-6 .content {
padding-top: 27px;
padding-left: 0;
}
.wg-create-design.style-6 .content p {
margin-top: -5px;
margin-bottom: 31px;
} .wg-create-design.style-7 .content {
padding-top: 46px;
padding-left: 0;
}
.wg-create-design.style-7 .content p {
margin-top: -5px;
margin-bottom: 41px;
}
.wg-create-design.style-7 .image {
position: unset;
width: unset;
height: unset;
border-radius: 25px;
border: 1px solid rgba(104, 68, 237, 0.15);
background: #f2f8fd;
padding: 45px 50px;
} ul.list-item li {
margin-bottom: 10px;
color: #696969;
font-size: 16px;
font-weight: 400;
line-height: 28px;
display: flex;
gap: 10px;
align-items: center;
}
ul.list-item li .icon-tick::before {
color: #00A39E;
}  .list-tool {
padding-top: 130px;
padding-bottom: 100px;
position: relative;
background: linear-gradient(180deg, rgba(235, 235, 253, 0.00) 0%, #f2f8fd 100%);
}
.list-tool::before {
position: absolute;
content: '';
width: 100%;
height: 800px;
bottom: 0;
left: 0;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-1.png);
}
.wg-tool {
border: 1px solid #fff;
padding: 38px 50px 30px 50px;
border-radius: 16px;
background: #fff;
margin-bottom: 30px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wg-tool:hover {
border: 1px solid #00A39E;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.10);
}
.wg-tool .icon {
font-size: 35px;
}
.wg-tool h3 {
letter-spacing: -0.72px;
margin-top: 21px;
margin-bottom: 8px;
}
.wg-tool h3 a {
color: #030014;
}
.wg-tool h3 a:hover {
color: #00A39E;
}
.wg-tool .order {
position: absolute;
top: 30px;
right: 53px;
font-size: 100px;
font-weight: 700;
line-height: 90px;
letter-spacing: -3px;
background: linear-gradient(180deg, rgba(230, 228, 252, 0.50) 0%, rgba(230, 228, 252, 0.00) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .list-tool-1 {
padding-top: 130px;
}
.wg-tool.style-1 {
padding: 45px 50px 50px 45px;
border-radius: 16px;
background: #FFF;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.10);
}
.wg-tool.style-1 h4 {
color:  #030014;
line-height: 33px;
letter-spacing: -0.66px;
margin-top: 27px;
margin-bottom: 13px;
}
.wg-tool.style-1 p {
margin-bottom: 31px;
}
.wg-tool.style-1 a {
color: #696969;
}
.wg-tool.style-1 .order {
top: 22px;
right: 46px;
}  .wg-helpful {
border-radius: 15px;   padding: 35px 30px 27px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wg-helpful:hover {
border: 1px solid #00A39E;
background: #FFF;
box-shadow: 0px 10px 60px 0px rgba(104, 68, 237, 0.20);
}
.wg-helpful .image {
width: 60px !important;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
background: #fff;
border-radius: 50%;
margin-bottom: 17px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wg-helpful:hover .image {
background: #00A39E;
box-shadow: 0px 7px 40px rgba(104, 68, 237, 0.60);
}
.wg-helpful .image span::before {
color: #00A39E;
font-size: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wg-helpful:hover .image span::before {
color: #FFF;
}
.wg-helpful h6 a {
letter-spacing: -0.54px;
color: #030014;   
}
.wg-helpful h6 a:hover {
color: #00A39E;
} .wg-helpful.style-1 {
padding: 51px 49px 41px 49px;
box-shadow: 0px 7px 60px rgba(104, 68, 237, 0.15);
background: none;
border: 1.5px solid transparent;
}
.wg-helpful.style-1:hover {
border-color: #00A39E;
}
.wg-helpful.style-1 .image {
margin: unset;
margin-bottom: 27px;
width: 85px !important;
height: 85px;
border:  1px solid #f2f8fd;
background-color: #FFF;
padding: 9px;
}
.wg-helpful.style-1:hover .image {
box-shadow: none;
}
.wg-helpful.style-1 .image .icon {
width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f2f8fd;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.wg-helpful.style-1:hover .image .icon {
background-color: #00A39E;
}
.wg-helpful.style-1 .image span::before {
font-size: 24px;
}
.wg-helpful.style-1 p {
color: #696969;
font-size: 20px;
font-weight: 400;
line-height: 28px;
margin-top: 6px;
}  .road-map-content {
position: relative;
padding: 0 110px;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.road-map-content::before {
position: absolute;
content: '';
top: 0;
left: 50%;
width: 2px;
height: 100%;
background: rgba(104, 68, 237, 0.10);
}
.road-map-item {
max-width: 410px;
border-radius: 15px;
background: #f2f8fd;
padding: 40px 50px 30px;
border: 1px solid #f2f8fd;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.road-map-item:hover {
border: 1px solid #00A39E;
background: #FFF;
box-shadow: 0px 10px 60px 0px rgba(104, 68, 237, 0.20);
}
.road-map-item.item-1 {
margin-top: 60px;
}
.road-map-item.item-2 {
margin-top: 188px;
}
.road-map-item.item-3 {
margin-top: -48px;
}
.road-map-item.item-4 {
margin-top: 80px;
margin-bottom: 72px;
}
.road-map-item .number {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 20px 40px rgba(104, 68, 237, 0.20);
border: 5px solid #fff;
background: #00A39E;
border-radius: 50%;
color: #fff;
font-size: 20px;
}
.road-map-item h4 {
margin-top: 20px;
margin-bottom: 9px;
}
.road-map-item h4 a {
color: #030014;
letter-spacing: -0.66px;
}
.road-map-item h4 a:hover {
color: #00A39E;
}
.road-map-item .arrow {
position: absolute;
opacity: 0.2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.road-map-item:hover .arrow {
opacity: 1;
}
.road-map-item.item-3 .arrow,
.road-map-item.item-1 .arrow {
right: -125px;
top: 50%;
transform: translateY(-50%);
}
.road-map-item.item-4 .arrow,
.road-map-item.item-2 .arrow {
left: -125px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
}  .wg-pricing {
padding: 130px 0;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-1.png);
background-color: #f2f8fd;
position: relative;
overflow: hidden;
}
.wg-pricing .item1 {
position: absolute;
top: 522px;
left: -59px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #61FF00;
filter: blur(40px);
}
.wg-pricing .item2 {
position: absolute;
bottom: -86px;
left: 668px;
width: 102px;
height: 102px;
border-radius: 50%;
background: #00FFF0;
filter: blur(50px);
}
.wg-pricing .item3 {
position: absolute;
top: -27px;
right: 438px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: rgba(10, 127, 236, 0.70);
filter: blur(40px);
}
.wg-pricing .item4 {
position: absolute;
bottom: 396px;
right: -129px;
width: 223px;
height: 223px;
border-radius: 50%;
background: #ECE30A;
filter: blur(50px);
}
.pricing-item {
padding: 40px 50px 50px;
background: #FFF;
border: 1px solid #fff;
border-radius: 15px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricing-item:hover {
border: 1px solid #00A39E;
box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.20);
}
.pricing-item h3 {
letter-spacing: -0.72px;
margin-bottom: 8px;
}
.pricing-item p {
margin-bottom: 27px;
}
.pricing-item .tf-button {
margin-bottom: 50px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricing-item:hover .tf-button {
background-color: #00A39E;
}
.pricing-item .number-price {
color: #00A39E;
font-size: 48px;
font-weight: 600;
line-height: 34px;
letter-spacing: -1.44px;
margin-bottom: 46px;
}
.pricing-item .number-price span {
display: inline-block;
color: #696969;
font-family: 'Playfair Display';
font-size: 24px;
font-style: italic;
font-weight: 700;
line-height: 28px;
letter-spacing: 0;
}
.pricing-item ul li {
padding-left: 40px;
color: #696969;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 25px;
position: relative;
}
.pricing-item ul li:last-child {
margin-bottom: 0;
}
.pricing-item ul li .icon-check {
position: absolute;
left: 0;
top: 0%;
width: 28px;
height: 28px;
font-size: 14px;
background-color: #00A39E;
color: #FFF;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.pricing-item ul li .number {
font-weight: 700;
} .wg-pricing-1 {
padding-top: 130px;
position: relative;
}
.wg-pricing-1 > svg {
position: absolute;
content: '';
top: -167px;
left: 0;
width: 100%;
height: 666px;
}
.wg-pricing-1 .heading-section {
margin-bottom: 61px;
}
.wg-pricing-1 .heading-section .main-title {
margin-top: -11px;
margin-bottom: 15px;
}
.wg-pricing-1 .heading-section .text {
color:  #FFF;
font-size: 18px;
font-weight: 400;
line-height: 28.8px;
}
.pricing-item.style-1 {
padding: 43px 50px 50px;
border-radius: 40px;
background: linear-gradient(163deg, rgba(255, 255, 255, 0.15) 0%, rgba(9, 182, 162, 0.10) 100%);
border: 1px solid rgba(255, 255, 255, 0.10);
box-shadow: none;
}
.pricing-item.style-1 .top {
margin-bottom: 35px;
}
.pricing-item.style-1.active {
background: linear-gradient(163deg, rgba(9, 182, 162, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
}
.pricing-item.style-1 h3 {
margin-bottom: 0;
color: #FFF;
}
.pricing-item.style-1 .number-price {
color: #FFF;
font-family: 'Playfair Display';
font-size: 48px;
font-style: italic;
font-weight: 700;
line-height: 48px;
letter-spacing: 0px;
margin-bottom: 0;
}
.pricing-item.style-1 p {
color: #FFF;
padding-bottom: 41px;
border-bottom: 2px solid rgba(255, 255, 255, 0.10);
margin-bottom: 50px;
}
.pricing-item.style-1.active {
padding-bottom: 44px;
}
.pricing-item.style-1 ul li {
color: #FFF;
}
.pricing-item.style-1 ul li .icon-check {
background: #09B6A2;
}
.pricing-item.style-1 .tf-button {
margin: unset;
padding: 20px 28px;
}
.pricing-item.style-1:hover .tf-button {
background: none;
}
.pricing-item.style-1 .tf-button:hover {
background: linear-gradient(145deg, #09B6A2 0%, #55EDDB 100%);
}
.pricing-item.style-1.active .tf-button {
background: linear-gradient(145deg, #09B6A2 0%, #55EDDB 100%);
} .wg-pricing.type-1 {
padding-top: 100px;
background: none;
}
.wg-pricing.type-1 .pricing-item {
box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.20);
} .pricing-item.style-2 {
border-radius: 20px;
border: 1px solid rgba(52, 104, 240, 0.20);
background: #F2F8FD;
padding: 41px 50px 50px;
}
.pricing-item.style-2 h3 {
margin-bottom: 3px;
font-size: 27px;
letter-spacing: -0.81px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.pricing-item.style-2 > p {
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.pricing-item.style-2 .avatar-wrapper {
margin-bottom: 50px;
}
.pricing-item.style-2 .avatar-wrapper p {
color: #030014;
margin-bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.pricing-item.style-2 .price-tabs {
border-radius: 10px;
background: #FFF;
padding: 15px 20px;
margin-bottom: 50px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.pricing-item.style-2 .price-tabs::before {
position: absolute;
content: '';
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 2px;
height: 20px;
border-radius: 10px;
background: #3468F0;
}
.pricing-item.style-2 .price-tabs .button-price {
color: #696969;
font-size: 14px;
font-weight: 700;
line-height: 21px;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.pricing-item.style-2 .price-tabs .price-month {
padding-left: 41px;
}
.pricing-item.style-2 .price-tabs .price-year {
padding-right: 41px;
}
.pricing-item.style-2 .price-tabs .button-price.active {
color: #030014;
}
.pricing-item.style-2 .price-tabs .button-price::after,
.pricing-item.style-2 .price-tabs .button-price::before {
position: absolute;
content: '';
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.pricing-item.style-2 .price-tabs .price-month::before {
top: 0;
left: 0;
width: 21px;
height: 21px;
border: 1px solid rgba(52, 104, 240, 0.2);
}
.pricing-item.style-2 .price-tabs .price-month::after {
top: 7px;
left: 7px;
width: 7px;
height: 7px;
background: rgba(52, 104, 240, 0.2);
}
.pricing-item.style-2 .price-tabs .price-year::before {
top: 0;
right: 0;
width: 21px;
height: 21px;
border: 1px solid rgba(52, 104, 240, 0.2);
}
.pricing-item.style-2 .price-tabs .price-year::after {
top: 7px;
right: 7px;
width: 7px;
height: 7px;
background: rgba(52, 104, 240, 0.2);
}
.pricing-item.style-2 .price-tabs .button-price.active::before {
border-color: #3468F0;
}
.pricing-item.style-2 .price-tabs .button-price.active::after {
background: #3468F0;
}
.pricing-item.style-2 ul {
margin-bottom: 49px;
}
.pricing-item.style-2 ul li {
padding-left: 44px;
color: #030014;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.pricing-item.style-2 ul li .icon-check {
left: 4px;
background: #3468F0;
}
.pricing-item.style-2 .number-price {
color:#030014;
font-family: 'Playfair Display';
font-size: 48px;
font-style: italic;
font-weight: 700;
line-height: 28px;
padding-left: 5px;
margin-bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.pricing-item.style-2 .tf-button {
border: 1px solid rgba(52, 104, 240, 0.20);
background: #FFF;
color: #030014;
margin-bottom: 0;
}
.pricing-item.style-2:hover {
background-color: #0D111A;
border: 1px solid #0D111A;
}
.pricing-item.style-2:hover ul li,
.pricing-item.style-2:hover p,
.pricing-item.style-2:hover h3 {
color: #FFF;
}
.pricing-item.style-2:hover .avatar-wrapper p strong,
.pricing-item.style-2:hover .number-price {
color: #CBED44 !important;
}
.pricing-item.style-2:hover .tf-button {
background: #3468F0;
color: #FFF;
} .wg-pricing-3 {
padding-top: 119px;
padding-bottom: 129px;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line.png);
}
.wg-pricing-3 .heading-section {
margin-bottom: 68px;
}
.wg-pricing-3 h6 {
color: #FFF;
letter-spacing: -0.54px;
margin: 0;
}
.wg-pricing-3 .number-price {
margin-bottom: 55px;
}
.wg-pricing-3 .check {
position: relative;
min-width: 50px;
width: 50px;
height: 28px;
-webkit-appearance: none;
background: #00A39E;
border-radius: 999px;
transition: .5s;
margin-right: 0;
}
.wg-pricing-3 input:checked[type=checkbox] {
transition: .5s;
}
.wg-pricing-3 .check::before {
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
position: absolute;
top: 2px;
left: 2px;
background: #171825;
transition: .5s;
}
.wg-pricing-3 input:checked[type=checkbox]::before {
background: #FFF;
left: 24px;
}
.pricing-item.style-3 {
background-color: #171825;
border-color: #171825;
position: relative;
}
.pricing-item.style-3 h3 {
color: #FFF;
margin-bottom: 20px;
}
.pricing-item.style-3 p {
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.65);
}
.pricing-item.style-3 .number-price {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 28px;
position: relative;
}
.pricing-item.style-3 .number-price::before {
position: absolute;
content: '';
width: calc(100% + 100px);
height: 78px;
left: -50px;
top: -27px;
background: linear-gradient(113deg, rgba(230, 248, 94, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.pricing-item.style-3 .number-price b {
color: #00A39E;
font-size: 40px;
font-weight: 600;
line-height: 28px;
letter-spacing: -1.2px;
}
.pricing-item.style-3 ul li {
color: #FFF;
}
.pricing-item.style-3 ul li .icon-check {
background-color: #00A39E;
color: #030014;
}
.pricing-item.style-3 .tf-button {
border: 1px solid rgba(255, 255, 255, 0.15);
background: #11121C;
margin-top: 40px;
margin-bottom: 0;
}
.pricing-item.style-3:hover {
border-color: #00A39E;
box-shadow: none;
}
.pricing-item.style-3:hover .tf-button {
background-color: #00A39E;
color: #030014;
}  .faqs-wrap {
padding-top: 129px;
padding-bottom: 130px;
}
.flat-accordion .flat-toggle,
.flat-accordion2 .flat-toggle2,
.flat-accordion1 .flat-toggle1 {
position: relative;
border-radius: 10px;
padding: 20px 30px 18px;
background: #FFF;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.10);
margin-bottom: 15px;
}
.flat-accordion .flat-toggle:last-child,
.flat-accordion2 .flat-toggle2:last-child,
.flat-accordion1 .flat-toggle1:last-child {
margin-bottom: 0;
}
.flat-accordion .flat-toggle.active ,
.flat-accordion2 .flat-toggle2.active ,
.flat-accordion1 .flat-toggle1.active {
background-color: #00A39E;
}
.flat-accordion .flat-toggle .toggle-title ,
.flat-accordion2 .flat-toggle2 .toggle-title ,
.flat-accordion1 .flat-toggle1 .toggle-title {
position: relative;
letter-spacing: -0.66px;
cursor: pointer;
}
.flat-accordion .flat-toggle.active .toggle-title ,
.flat-accordion2 .flat-toggle2.active .toggle-title ,
.flat-accordion1 .flat-toggle1.active .toggle-title {
color: #FFF;
}
.flat-accordion .flat-toggle .toggle-title::after ,
.flat-accordion2 .flat-toggle2 .toggle-title::after ,
.flat-accordion1 .flat-toggle1 .toggle-title::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
font-size: 18px;
content: '\ea3c';
font-weight: 400;
font-family: 'icomoon';
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flat-accordion .flat-toggle.active .toggle-title::after ,
.flat-accordion2 .flat-toggle2.active .toggle-title::after ,
.flat-accordion1 .flat-toggle1.active .toggle-title::after {
color: #FFF;
transform: translateY(-50%) rotate(90deg);
}
.flat-accordion .flat-toggle .toggle-content ,
.flat-accordion2 .flat-toggle2 .toggle-content ,
.flat-accordion1 .flat-toggle1 .toggle-content {
display: none;
}
.flat-accordion .flat-toggle .toggle-content p ,
.flat-accordion2 .flat-toggle2 .toggle-content p ,
.flat-accordion1 .flat-toggle1 .toggle-content p {
margin-top: 10px;
color: #FFF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .video-wrap {
padding: 60px 35px;
border-radius: 20px;
border: 1.5px solid rgba(104, 68, 237, 0.20);
background: #F2F8FD;
position: relative;
}
.video-wrap img {
border-radius: 10px;
width: 100%;
}
.popup-youtube {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
width: 100px;
height: 100px;
border: 1px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 13px;
background-color: rgba(255, 255, 255, 0.30);
}
.popup-youtube::before {
position: absolute;
content: '';
width: 100px;
height: 100px;
top: 0;
left: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.30);
z-index: 1;
}
.popup-youtube:hover::before {
animation: playvideo 2.5s ease-in-out infinite;
}
.popup-youtube .icon {
font-size: 15px;
background-color: #00A39E;
border-radius: 50%;
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.faqs-wrap-1 {
padding-top: 130px;
padding-bottom: 122px;
}
.faqs-wrap-1 .heading-section {
margin-bottom: 30px;
}
.faqs-wrap-1 p.text {
margin-bottom: 31px;
}
.faqs-wrap-1 .flat-toggle {
margin-bottom: 10px;
padding: 15px 30px 20px 37px;
background: linear-gradient(163deg, rgba(255, 255, 255, 0.15) 0%, rgba(9, 182, 162, 0.05) 100%);
}
.faqs-wrap-1 .flat-toggle.active {
background: linear-gradient(163deg, rgba(9, 182, 162, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
}
.faqs-wrap-1 .flat-toggle h4.toggle-title {
color: #FFF;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.6px;
}
.faqs-wrap-1 .flat-toggle .toggle-content p {
margin-top: 7px;
}
.faqs-wrap-1 .flat-accordion .flat-toggle .toggle-title::after {
right: -8px;
}
.faqs-wrap-1 .flat-accordion .flat-toggle.active .toggle-title::after {
color: rgba(9, 182, 162, 1) !important;
} .faqs-wrap-1.type-1 {
padding-top: 0;
}
.faqs-wrap-1.type-1 .flat-toggle {
background: #FFF ;
box-shadow: 0px 10px 60px 0px rgba(104, 68, 237, 0.20);
}
.faqs-wrap-1.type-1 .flat-toggle h4.toggle-title {
color: #030014;
}
.faqs-wrap-1.type-1 .flat-accordion .flat-toggle .toggle-title::after {
color: #00A39E !important;
}
.faqs-wrap-1.type-1 .flat-toggle .toggle-content p {
color: #696969;
} .faqs-wrap-2 {
padding-top: 118px;
background: rgba(13, 17, 26, 1);
padding-bottom: 115px;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line.png);
position: relative;
}
.faqs-wrap-2 > .item1 {
position: absolute;
content: '';
top: 163px;
left: 133px;
width: 15px;
height: 15px;
border-radius: 50%;
background: rgba(203, 237, 68, 1);
}
.faqs-wrap-2 > .item2 {
position: absolute;
content: '';
bottom: 176px;
right: 296px;
width: 15px;
height: 15px;
border-radius: 50%;
background: rgba(9, 182, 162, 1);
}
.faqs-wrap-2 > .item3 {
position: absolute;
content: '';
bottom: 186px;
left: 169px;
width: 100px;
height: 100px;
border-radius: 50%;
animation: to-top 7s infinite linear;
}
.faqs-wrap-2 > .item4 {
position: absolute;
content: '';
top: 138px;
right: 220px;
width: 120px;
height: 120px;
border-radius: 50%;
animation: to-top 7s infinite linear;
}
.faqs-wrap-2 .heading-section {
margin-bottom: 61px;
}
.faqs-wrap-2 .heading-section .text {
color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 28.8px;
margin-top: 15px;
}
.faqs-wrap-2 .flat-accordion .flat-toggle.active {
background-color: #3468F0;
}
.faqs-wrap-2 .flat-accordion .flat-toggle {
padding: 21px 80px 20px 35px;
margin-bottom: 12px;
}
.faqs-wrap-2 .flat-accordion .flat-toggle .toggle-title::after {
right: -48px;
} .faqs-wrap-3 {
padding-top: 130px;
position: relative;
}
.faqs-wrap-3 .heading-section {
padding-left: 20px;
}
.faqs-wrap-3 .linear-line {
position: absolute;
top: 25px;
left: -25px;
}
.faqs-wrap-3 .line {
position: absolute;
top: 173px;
left: -3px;
}
.faqs-wrap-3 .flat-toggle {
background: none;
padding: 0 0 30px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: none;
border-radius: 0;
margin-bottom: 2px;
}
.faqs-wrap-3 .flat-toggle:nth-child(4),
.faqs-wrap-3 .flat-toggle:nth-child(2) {
margin-bottom: 23px;
padding-bottom: 22px;
}
.faqs-wrap-3 .flat-toggle:nth-child(3) {
margin-bottom: 33px;
padding-bottom: 22px;
}
.faqs-wrap-3 .flat-toggle.active {
background: none;
border: none;
}
.faqs-wrap-3 .flat-toggle .toggle-title {
color: #FFF;
}
.faqs-wrap-3 .flat-toggle.active .toggle-title::after,
.faqs-wrap-3 .flat-toggle.active .toggle-title {
color: rgba(230, 248, 94, 1);
}
.faqs-wrap-3 .flat-toggle .toggle-content p {
color: rgba(255, 255, 255, 0.65);
border-radius: 14px;
border: 1px solid #00A39E;
background: #171825;
margin-top: 22px;
padding: 22px 30px 20px;
}
.faqs-wrap-3 .image {
margin-left: 81px;
border-radius: 20px;
border: 1.5px solid rgba(255, 255, 255, 0.10);
background: #171825;
padding: 37px 40px 30px;
}
.faqs-wrap-3 .image img {
border-radius: 15px;
width: 470px;
height: 365px;
}
.faqs-page .flat-title-page {
padding-top: 226px;
}
.faqs-page .wrap-faqs-1 {
padding-top: 130px;
padding-bottom: 116px;
}
.faqs-page .wrap-faqs-1 .flat-toggle {
margin-bottom: 8px;
}
.faqs-page .wrap-faqs-2 {
background-color: #f2f8fd;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/dot-2.png);
background-position: 0 203px;
background-repeat: no-repeat;
}
.faqs-page .wrap-faqs-2 .heading-section {
margin-top: 17px;
margin-bottom: 38px;
}
.faqs-page .wrap-faqs-2 .image {
margin-left: 110px;
width: 597px;
height: 641px;
position: relative;
}
.faqs-page .wrap-faqs-2 .image .img-01 {
width: 521px;
height: 610px;
border-top-left-radius: 521px;
border-top-right-radius: 521px;
animation: to-bottom 7s infinite linear;
}
.faqs-page .wrap-faqs-2 .image .place {
position: absolute;
right: 0;
top: 117px;
width: 150px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
border: 5px solid #00A39E;
background-color: #FFF;
border-radius: 50%;
box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.50);
animation: to-top 7s infinite linear;
}
.faqs-page .wrap-faqs-2 .image .img-02 {
position: absolute;
bottom: 0;
right: 31px;
animation: to-left 7s infinite linear;
}
.faqs-page .wrap-faqs-3 {
position: relative;
padding-top: 119px;
background: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-1.png);
}
.faqs-page .wrap-faqs-3 > .item1 {
position: absolute;
content: '';
top: 163px;
left: 133px;
width: 15px;
height: 15px;
border-radius: 50%;
background: rgba(203, 237, 68, 1);
}
.faqs-page .wrap-faqs-3 > .item2 {
position: absolute;
content: '';
bottom: 176px;
right: 296px;
width: 15px;
height: 15px;
border-radius: 50%;
background: rgba(9, 182, 162, 1);
}
.faqs-page .wrap-faqs-3 > .item3 {
position: absolute;
content: '';
bottom: 186px;
left: 169px;
width: 100px;
height: 100px;
border-radius: 50%;
animation: to-top 7s infinite linear;
}
.faqs-page .wrap-faqs-3 > .item4 {
position: absolute;
content: '';
top: 138px;
right: 220px;
width: 120px;
height: 120px;
border-radius: 50%;
animation: to-top 7s infinite linear;
}
.faqs-page .wrap-faqs-3 .heading-section {
margin-bottom: 61px;
}
.faqs-page .wrap-faqs-3 .heading-section .text {
color: #030014;
font-size: 18px;
font-weight: 400;
line-height: 28.8px;
margin-top: 15px;
}
.faqs-page .wrap-faqs-3 .flat-accordion2 .flat-toggle2 {
padding: 21px 32px 17px 35px;
}
.wg-create-design-2 .content .heading-section {
margin-top: 62px;
margin-bottom: 31px;
}
.wg-create-design-2 .content p {
margin-bottom: 29px;
}
.wg-feedback {
padding: 39px 55px 50px 55px;
box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.20);
border: 1.5px solid #00A39E;
border-radius: 15px;
}
.wg-feedback h3 {
letter-spacing: -0.72px;
margin-bottom: 20px;
}  .wg-banner-2 {
position: relative;
padding-top: 155px;
padding-bottom: 185px;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line.png);
}
.wg-banner-2 .bg-item .item-1 {
position: absolute;
top: 0;
right: 0;
width: 565.5px;
height: 514px;
background: linear-gradient(180deg, #09B6A2 0%, rgba(9, 182, 162, 0.00) 100%);
opacity: 0.8;
filter: blur(150px);
}
.wg-banner-2 .bg-item .item-2 {
position: absolute;
bottom: -352px;
left: -487px;
width: 750px;
height: 750px;
border-radius: 750px;
opacity: 0.2;
background: #09B6A2;
filter: blur(250px);
}
.wg-banner-2 .content .title {
margin-top: 81px;
margin-bottom: 24px;
color:  #FFF;
font-size: 65px;
font-weight: 700;
line-height: 75px;
letter-spacing: -1.95px;
}
.wg-banner-2 .content .title span {
font-family: 'Playfair Display';
font-style: italic;
line-height: 67px;
}
.wg-banner-2 .content > p {
color: #FFF;
font-size: 20px;
line-height: 36px;
margin-bottom: 34px;
}
.wg-banner-2 .image .item-2 {
position: absolute;
right: 0px;
bottom: -38px;
width: 318px;
height: 296px;
border-radius: 12px;
box-shadow: 0px 20px 60px 0px rgba(9, 182, 162, 0.20);
animation: to-left 5s infinite linear;
}
.wg-banner-2 .image .item-1 {
position: absolute;
top: 57px;
left: 11px;
border-radius: 17px;
box-shadow: 0px 20px 40px 0px rgba(9, 182, 162, 0.20);
animation: to-top 5s infinite linear;
}
.wg-banner-2 .image .item-3 {
position: absolute;
top: 0;
right: -65px;
width: 393px;
height: 393px;
border-radius: 393px;
border: 3px dashed #FFF;
animation: rotate360 20s infinite linear;
}
.wg-banner-2 .image .item-4 {
position: absolute;
left: -58px;
bottom: -101px;
width: 393px;
height: 393px;
border-radius: 393px;
border: 3px dashed rgba(255, 255, 255, 0.10);
animation: rotate360rv 20s infinite linear;
}  .wg-doing {
padding-top: 46px;
}
.doing-item {
padding: 35px 50px 25px;
text-align: center;
border-radius: 40px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: linear-gradient(163deg, rgba(255, 255, 255, 0.15) 0%, rgba(9, 182, 162, 0.10) 100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.doing-item.active {
background: linear-gradient(163deg, rgba(9, 182, 162, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
}
.doing-item:hover {
box-shadow:  0px 0px 15px rgba(9, 182, 162, 0.10);
}
.doing-item .icon {
width: 70px;
height: 70px;
background: linear-gradient(150deg, #09B6A2 0%, rgba(9, 182, 162, 0.05) 100%);
font-size: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: auto;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 15px;
}
.doing-item.active .icon {
background: linear-gradient(145deg, #09B6A2 0%, #55EDDB 100%);
}
.doing-item h3 a {
margin-bottom: 25px;
}
.doing-item h3 a {
color: #FFF;
letter-spacing: -0.72px;
}
.doing-item h3 a:hover {
color: rgba(9, 182, 162, 1);
}
.doing-item p {
margin-top: 8px;
color: #C8C8C8;
} .wg-testimonials.bg-line::before {
position: absolute;
content: '';
width: 100%;
height: 887px;
bottom: 0;
left: 0;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-2.png);
}
.wg-testimonials > .item-1 {
position: absolute;
content: '';
right: -110px;
bottom: 46px;
width: 370px;
height: 336px;
background: linear-gradient(180deg, #09B6A2 0%, rgba(9, 182, 162, 0.00) 100%);
opacity: 0.6;
filter: blur(150px);
}
.wg-testimonials > .item-2 {
position: absolute;
content: '';
left: -108px;
top: -400px;
width: 430px;
height: 390px;
transform: rotate(-105deg);
background: linear-gradient(180deg, #09B6A2 0%, rgba(9, 182, 162, 0.00) 100%);
opacity: 0.6;
filter: blur(150px);
}
.testimonial-item {
display: flex;
padding-left: 135px;
height: 290px;
}
.testimonial-item .image {
width: 275px;
min-width: 275px;
height: 275px;
position: relative;
margin: 8px 203px 7px 0;
}
.testimonial-item .image::before {
position: absolute;
content: '';
top: -8px;
right: -102px;
width: 2px;
height: 290px;
background: rgba(255, 255, 255, 0.20);
}
.testimonial-item .image .icon {
position: absolute;
top: 2px;
left: -27px;
width: 80px;
height: 80px;
background-color: #09B6A2;
border-radius: 50%;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
}
.testimonial-item .image img {
border-radius: 50%;
width: 100%;
}
.testimonial-item .content {
max-width: 570px;
}
.testimonial-item .content p {
color:  #FFF;
font-size: 24px;
font-weight: 600;
line-height: 36px;
letter-spacing: -0.72px;
margin-top: 31px;
margin-bottom: 18px;
}
.testimonial-item .content .infor {
color: #C8C8C8;
font-size: 18px;
font-weight: 500;
line-height: 38.4px;
letter-spacing: -0.54px;
margin-bottom: 5px;
}
.rating {
display: flex;
gap: 11px;
font-size: 17px;
} .wg-testimonials-1 {
padding-bottom: 124px;
}
.wg-testimonials-1 .ellipse1 {
position: absolute;
content: '';
left: 0;
top: -130px;
border-radius: 50%;
transform: translate(-50%, -50%);
border: 1px solid rgba(12, 9, 29, 0.07);
animation: ellipse4 3s linear 0s infinite;
}
.wg-testimonials-1 .ellipse1.item1 {
width: 155px;
height: 155px;
}
.wg-testimonials-1 .ellipse1.item2 {
width: 237px;
height: 237px;
animation-delay: 0.25s;
}
.wg-testimonials-1 .ellipse1.item3 {
width: 321px;
height: 321px;
animation-delay: 0.5s;
}
.wg-testimonials-1 .ellipse1.item4 {
width: 410px;
height: 410px;
animation-delay: 0.75s;
}
.wg-testimonials-1 .ellipse1.item5 {
width: 498px;
height: 498px;
animation-delay: 1s;
}
.wg-testimonials-1 > .box-color {
position: absolute;
top: -100px;
left: -334px;
width: 548px;
height: 548px;
border-radius: 548px;
opacity: 0.55;
background: #00A39E;
filter: blur(250px);
}
.wg-testimonials-1 .ellipse {
position: absolute;
content: '';
right: 315px;
top: 0;
border-radius: 50%;
transform: translate(50%, -50%);
border: 1px solid rgba(12, 9, 29, 0.07);
animation: ellipse3 3s linear 0s infinite;
}
.wg-testimonials-1 .ellipse.item1 {
width: 155px;
height: 155px;
}
.wg-testimonials-1 .ellipse.item2 {
width: 237px;
height: 237px;
animation-delay: 0.25s;
}
.wg-testimonials-1 .ellipse.item3 {
width: 321px;
height: 321px;
animation-delay: 0.5s;
}
.wg-testimonials-1 .ellipse.item4 {
width: 410px;
height: 410px;
animation-delay: 0.75s;
}
.wg-testimonials-1 .ellipse.item5 {
width: 498px;
height: 498px;
animation-delay: 1s;
}
.testimonial-item1 .content h2 {
color: #030014;
font-size: 48px;
font-weight: 700;
line-height: 57px;
letter-spacing: -1.44px;
margin-top: 23px;
margin-bottom: 31px;
}   
.testimonial-item1 .content h2 span {
color: #00A39E;
font-family: 'Playfair Display';
font-size: 48px;
font-style: italic;
font-weight: 700;
line-height: 51px;
letter-spacing: -1.44px;
}
.box-quote-left {
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.10);
margin-left: 50px;
}
.testimonial-item1 .say {
padding: 50px 60px;
border-radius: 10px;
background-color: #FFF;
}
.testimonial-item1 .say .image {
position: relative;
box-shadow: 0px 20px 40px 0px rgba(104, 68, 237, 0.30);
border-radius: 50%;
}
.testimonial-item1 .say .image::after {
width: 80px;
height: 80px;
position: absolute;
top: 0;
left: 0;
content: '';
border: 3px solid #00A39E;
border-radius: 50%;
}
.testimonial-item1 .say img {
width: 80px;
border-radius: 50%;
}
.testimonial-item1 .say .icon {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
background-color: #00A39E;
border-radius: 50%;
}
.testimonial-item1 .say p {
color: #030014;
font-size: 24px;
font-weight: 500;
line-height: 38.4px;
letter-spacing: -0.72px;
margin-bottom: 29px;
}
.testimonial-item1 .say .infor a {
color:  #00A39E;
font-size: 20px;
font-weight: 600;
line-height: 14px;
letter-spacing: -0.6px;
}
.testimonial-item1 .say .infor a:hover {
color: #030014;
}
.testimonial-item1 .say .infor .meta {
color: #696969;
font-size: 18px;
font-weight: 400;
line-height: 13px;
letter-spacing: -0.54px;
margin-top: 13px;
}
.testimonial-item1 .say .rating {
padding-right: 19px;
margin-top: -5px;
} .wg-testimonials-2 {
padding-top: 117px;
padding-bottom: 130px;
}
.wg-testimonials-2 .testimonial-item1 .say {
margin-left: 0;
padding: 50px 60px 44px;
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.10);
} .slider-type1 .swiper-wrapper {
padding-bottom: 135px;
}
.slider-type1 .swiper-pagination-bullet {
margin: 0 7px !important;
background: rgba(255, 255, 255, 1);
}
.slider-type1 .swiper-pagination {
bottom: 4px !important;
}
.slider-type1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: rgba(9, 182, 162, 1);
position: relative;
}
.slider-type1 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
position: absolute;
content: '';
top: -6.5px;
left: -6.5px;
width: 21px;
height: 21px;
border-radius: 50%;
border: 1px solid rgba(9, 182, 162, 1);
}
.slider-type1 .testimonial-item .image::before,
.slider-type1 .testimonial-item .content p,
.slider-type1 .testimonial-item .content .infor,
.slider-type1 .testimonial-item .content .rating ,
.slider-type1 .testimonial-item .image .icon,
.slider-type1 .testimonial-item .image img {
opacity: 0;
visibility: hidden;
transform: translateX(10px);
}
.slider-type1 .swiper-slide-active .testimonial-item .image::before,
.slider-type1 .swiper-slide-active .testimonial-item .content .rating,
.slider-type1 .swiper-slide-active .testimonial-item .content .infor,
.slider-type1 .swiper-slide-active .testimonial-item .content p,
.slider-type1 .swiper-slide-active .testimonial-item .image .icon,
.slider-type1 .swiper-slide-active .testimonial-item .image img {
visibility: visible;
opacity: 1;
transform: translateX(0);
-webkit-transition: all 0.5s ease;
-moz-transition   : all 0.5s ease;
-ms-transition    : all 0.5s ease;
-o-transition     : all 0.5s ease;
transition        : all 0.5s ease;
transition-delay: 0.25s;
}
.slider-type1 .swiper-slide-active .testimonial-item .content .infor {
transition-delay: 0.5s;
}
.slider-type1 .swiper-slide-active .testimonial-item .content .rating {
transition-delay: 0.7s;
} .slider-type2 .swiper-button-prev,
.slider-type2 .swiper-button-next {
width: 50px;
height: 50px;
background-color: #f2f8fd;
border-radius: 50%;
bottom: 40px;
top: unset;
right: unset;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.slider-type2 .swiper-button-prev {
left: -535px;
} 
.slider-type2 .swiper-button-next {
left: -475px;
} 
.slider-type2 .swiper-button-next::after {
content: '\ea3c';
font-family: 'icomoon';
font-size: 16px;
color: #00A39E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.slider-type2 .swiper-button-prev::after {
content: '\ea40';
font-family: 'icomoon';
font-size: 16px;
color: #00A39E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.slider-type2 .swiper-button-next:hover,
.slider-type2 .swiper-button-prev:hover {
background-color: #00A39E;
}
.slider-type2 .swiper-button-next:hover::after,
.slider-type2 .swiper-button-prev:hover::after {
color: #FFF;
}
.swiper-container.show-shadow {
padding: 60px 15px;
margin: -60px -15px;
}  .wg-banner-3 {
background: #F2F8FD;
background: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/square.png);
}
.wg-banner-3 .content {
padding-top: 132px;
}
.wg-banner-3 .content .title {
color: #030014;
font-size: 65px;
font-weight: 700;
line-height: 75px;
letter-spacing: -1.95px;
margin-bottom: 17px;
}
.wg-banner-3 .content .title span {
color: #3468F0;
font-family: 'Playfair Display';
font-size: 65px;
font-style: italic;
font-weight: 700;
line-height: 80px;
letter-spacing: -1.95px;
margin-top: -7px;
}
.wg-banner-3 .content p {
color: #696969;
font-size: 20px;
line-height: 36px;
margin-bottom: 39px;
}
.wg-banner-3 .content .note {
display: flex;
align-items: center;
gap: 10px;
padding-left: 31px;
margin-top: 16px;
margin-bottom: 30px;
color:  #696969;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.wg-banner-3 .content .note i {
font-size: 12px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #3468F0;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
} .box-generate form input {
border-radius: 14px;
border: 1px solid rgba(52, 104, 240, 0.20);
background: #FFF;
box-shadow: 0px 10px 50px 0px rgba(52, 104, 240, 0.20);
padding: 30px 56px;
height: 71px;
}
.box-generate form input:focus {
padding: 30px 56px;
box-shadow: 0px 10px 50px 0px rgba(52, 104, 240, 0.20);
}
.box-generate form svg {
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
.box-generate form button {
position: absolute;
top: 10px;
right: 10px;
background: #3468F0;
}
.box-generate form button:hover {
background-color: #030014;
color: #FFF;
}
.auto-slide {
padding-left: 70px;
display: flex;
gap: 20px;
}
.auto-slide .swiper-container {
height: 745px;
}
.auto-slide .swiper-slide {
height: auto;
}  .works-item {
width: 600px;
border-radius: 20px;
border: 1px solid rgba(52, 104, 240, 0.20);
background: #F2F8FD;
margin-left: auto;
padding: 25px 0 25px 70px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.works-item:hover {
border: 1px solid #3468F0;
background: #FFF;
box-shadow: 0px 10px 40px 0px rgba(52, 104, 240, 0.20);
}
.works-item .number {
position: absolute;
top: 34px;
left: -25px;
width: 55px;
height: 55px;
border-radius: 12px;
border: 1.5px solid rgba(52, 104, 240, 0.20);
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
color: #3468F0;
font-weight: 700;
font-size: 24px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.works-item:hover .number {
background: #3468F0;
color: #FFF;
}
.works-item h3 {
letter-spacing: -0.72px;
margin-bottom: 13px;
}
.works-item h3 a {
color: #030014;
}
.works-item h3 a:hover {
color: #00A39E;
}
.wg-works-1 .content {
margin-top: 12px;
}
.works-item.style-1 {
width: unset;
padding: 25px 40px 25px 38px;
}
.works-item.style-1 h3 {
margin-bottom: 8px;
}
.video-wrap.style-1 {
margin-left: 80px;
padding: 30px 37px 30px 38px;
}
.video-wrap.style-1 img {
border-radius: 15px;
}
.video-wrap.style-1 .popup-youtube .icon {
background: #FFF;
}
.video-wrap.style-1 .popup-youtube .icon-play::before {
color: rgba(52, 104, 240, 1);
}  .widget-gallery-slider {
padding-top: 3px;
padding-right: 35px;
}
.widget-gallery-slider .gallery .swiper-item {
overflow: hidden;
}
.widget-gallery-slider .gallery-thumbs {
margin: 0 0 10px 0;
}
.widget-gallery-slider .gallery-slider .swiper-slide {
width: 595px;
height: 500px;
display: flex;
flex-wrap: wrap;
}
.widget-gallery-slider .gallery-thumbs .swiper-slide img ,
.widget-gallery-slider .gallery-slider .swiper-slide img {
width: 100%;
height: 100%;
}
.widget-gallery-slider .gallery-thumbs {
width: 100%;
padding: 0;
overflow: hidden;
}
.widget-gallery-slider .gallery-thumbs .swiper-slide {
width: 191px;
height: 172px;
overflow: hidden;
} .widget-gallery-slider.gallery-style-1 {
padding: 0 ;
}
.widget-gallery-slider.gallery-style-1 .gallery-slider {
margin-bottom: 20px;
}
.widget-gallery-slider.gallery-style-1 .gallery-slider .swiper-slide {
height: 515px;
}
.widget-gallery-slider.gallery-style-1 .gallery-thumbs .swiper-slide img,
.widget-gallery-slider.gallery-style-1 .gallery-slider .swiper-slide img {
border-radius: 10px;
}
.widget-gallery-slider.gallery-style-1 .gallery-thumbs .swiper-slide {
width: 190px;
height: 190px;
} .filter {
position: relative;
padding-bottom: 130px;
}
.filter::before {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 1920px;
height: 887px;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-1.png);
}
.widget-filter-isotope .button-group {
border: 1.5px solid rgba(52, 104, 240, 0.25);
border-radius: 15px;
width: max-content;
padding: 13px 38px 12px;
margin: auto;
margin-bottom: 50px;
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
}
.widget-filter-isotope .button-group button {
width: max-content;
height: 34px;
border-radius: 5px;
padding: 10px 12px;
color: #696969;
background: none;
font-size: 18px;
font-weight: 500;
line-height: 13px;
letter-spacing: -0.54px;
}
.widget-filter-isotope .button-group button::after {
display: none;
}
.widget-filter-isotope .button-group .button:hover,
.widget-filter-isotope .button-group .button.is-checked {
color: #fff;
background: #3468F0;
}
.widget-filter-isotope .grid {
margin-left: -15px;
margin-right: -15px;
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 6px;
}
.widget-filter-isotope .grid .element-item {
position: unset !important;
height: max-content;
} .box-image {
margin: 0 15px 30px 15px;
position: relative;
}
.box-image img {
width: 100%;
}
.box-image h4 {
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 40px;
padding: 18px 20px 17px;
background-color: #FFF;
letter-spacing: -0.66px;
line-height: 15px;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.box-image:hover h4 {
bottom: 45px;
opacity: 1;
visibility: visible;
}
.box-image h4 a {
color: #030014;
}
.box-image h4 a:hover {
color: #00A39E;
}  .news-item {
border-radius: 20px;
border: 1px solid rgba(52, 104, 240, 0.20);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.news-item .image.type-1 {
border-radius: 10px;
border: 1px solid rgba(13, 17, 26, 0.10);
background: #F2F8FD;
padding: 24px 30px;
margin: 28px 29px 22px 29px;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 10px;
}
.news-item .image.type-2 {
margin: 28px 29px 22px 29px;
}
.news-item .image img {
width: 100%;
border-radius: 10px;
}
.news-item .meta {
margin: 0 50px 6px;
}
.news-item h4 {
color: #030014;
font-size: 22px;
font-weight: 700;
line-height: 33px;
letter-spacing: -0.66px;
margin: 0 50px 31px;
}
.news-item .bottom {
border-top: 1px solid rgba(52, 104, 240, 0.20);
padding: 25px 50px;
}
.news-item .bottom a {
color: #696969;
font-weight: 700;
}
.news-item:hover {
box-shadow: 0px 10px 60px 0px rgba(52, 104, 240, 0.20);
}
.news-item:hover .bottom a {
color: rgba(52, 104, 240, 1);
}  .wg-services {
background: #171825;
padding-top: 130px;
padding-bottom: 100px;
}
.services-item {
background-color: #11121C;
border: 1px solid rgba(255, 255, 255, 0.10);
padding: 25px 40px;
border-radius: 10px;
display: flex;
gap: 40px;
align-items: center;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.services-item .icon {
width: 80px;
min-width: 80px;
height: 80px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(230, 248, 94, 0.10) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.services-item .icon i {
font-size: 45px;
}
.services-item .content h4 {
color: #FFF;
letter-spacing: -0.66px;
margin-bottom: 9px;
}
.services-item .content p {
color: rgba(255, 255, 255, 0.65);
}
.services-item > a {
font-size: 20px;
color: #62647A;
background-color: rgba(255, 255, 255, 0.03);
padding: 21px 22px;
border: 1.5px solid rgba(255, 255, 255, 0.10);
border-radius: 50%;
transform: rotate(45deg);
}   
.services-item:hover {
border-color: #00A39E;
}
.services-item:hover > a {
color: #030014;
background: #00A39E;
} .wg-clients {
padding: 131px 0 122px;
position: relative;
}
.wg-clients > svg {
position: absolute;
top: 0;
right: 0;
}
.client-item .images {
position: relative;
width: 435px;
height: 435px; border-radius: 50%;
margin-top: 23px;
margin-bottom: 20px;
border: 1px solid rgba(255, 255, 255, 0.10);
}
.client-item .images .ellipse {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 350px;
height: 350px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
}
.client-item .images img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.client-item .images .item-1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.client-item .images .item-2 {
position: absolute;
top: -24px;
left: 203px;
border-radius: 25px;
}
.client-item .images .item-2 {
position: absolute;
top: -24px;
left: 203px;
border-radius: 25px;
}
.client-item .images .item-3 {
position: absolute;
top: 103px;
right: -11px;
border-radius: 25px;
}
.client-item .images .item-4 {
position: absolute;
bottom: 85px;
right: 8px;
border-radius: 25px;
}
.client-item .images .item-5 {
position: absolute;
bottom: -21px;
left: 166px;
border-radius: 25px;
}
.client-item .images .item-6 {
position: absolute;
bottom: 105px;
left: 0px;
border-radius: 25px;
}
.client-item .images .item-7 {
position: absolute;
top: 43px;
left: 20px;
border-radius: 25px;
}
.client-item .images .item-2:hover,
.client-item .images .item-3:hover,
.client-item .images .item-4:hover,
.client-item .images .item-5:hover,
.client-item .images .item-6:hover,
.client-item .images .item-7:hover {
transform: translateY(-10px);
}
.client-item .content h6 {
color: #00A39E;
letter-spacing: -0.54px;
margin-bottom: 12px;
}
.client-item .content h2 {
color:#FFF;
letter-spacing: -1.44px;
margin-bottom: 49px;
}
.client-item .content h2 span {
color: #00A39E;
font-family: 'Playfair Display';
font-size: 48px;
font-style: italic;
font-weight: 700;
line-height: 51px;
letter-spacing: -1.44px;
}
.client-item .content p {
color:  #FFF;
font-size: 24px;
font-weight: 600;
line-height: 36px;
letter-spacing: -0.72px;
margin-bottom: 35px;
}
.client-item .content .infor {
display: flex;
align-items: center;
gap: 30px;
max-width: 540px;
}
.client-item .content .infor img {
border-radius: 50%;
width: 65px;
}
.client-item .content .infor .name {
color: #00A39E;
font-size: 20px;
font-weight: 500;
line-height: 38.4px;
letter-spacing: -0.6px;
}
.client-item .content .infor .name:hover {
color: #00A39E;
}
.client-item .content .infor .meta {
color: rgba(255, 255, 255, 0.65);
font-size: 18px;
font-weight: 400;
line-height: 32px;
letter-spacing: -0.54px;
}
.wg-clients .swiper-container {
max-height: 487px;
overflow: hidden;
}
.client-slider .swiper-wrapper {
padding-bottom: 20px;
}
.client-slider .swiper-pagination-bullet {
margin: 15px 0 !important;
background: rgba(255, 255, 255, 1);
opacity: 1;
width: 5px;
height: 5px;
}
.client-slider .swiper-pagination-bullets {
top: 0;
right: 8px;
bottom: unset !important;
left: unset !important;
width: unset !important;
display: flex;
flex-direction: column;
}
.client-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #00A39E;
position: relative;
}
.client-slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
position: absolute;
content: '';
top: -8px;
left: -8px;
width: 21px;
height: 21px;
border-radius: 50%;
border: 1px solid #00A39E;
}  .wg-members {
padding-top: 99px;
position: relative;
}
.wg-members::before {
position: absolute;
content: '';
top: 74px;
left: 0;
width: 100%;
height: 1377px;
background: linear-gradient(180deg, rgba(235, 235, 253, 0.00) 0%, #f2f8fd 100%);
}
.member-item .image {
position: relative;
margin-bottom: 30px;
}
.member-item .image img {
border-radius: 14px;
width: 100%;
}
.member-item .image ul {
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 20px;
left: 30px;
padding: 10px 20px;
background: #FFF;
border-radius: 10px;
-webkit-transition: all 0.3s linear;
-moz-transition   : all 0.3s linear;
-ms-transition    : all 0.3s linear;
-o-transition     : all 0.3s linear;
transition        : all 0.3s linear;
}
.member-item:hover .image ul {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.member-item .image ul li a {
width: 34px;
height: 34px;
background: rgba(104, 68, 237, 0.10);
color: #00A39E;
}
.member-item .image ul li a:hover {
background-color: #00A39E;
color: #FFF;
}
.member-item .content {
padding: 0 20px;
}
.member-item .content h4 {
font-size: 22px;
font-weight: 700;
line-height: 15px;
letter-spacing: -0.66px;
margin-bottom: 15px;
}
.member-item .content h4 a {
color: #030014;
}
.member-item .content h4 :hover {
color: #00A39E;
}
.member-item .content p {
color: #696969;
line-height: 11px;
}  .step-item {
display: flex;
gap: 80px;
justify-content: center;
}
.wg-steps .line svg ,
.wg-steps .line {
height: 178px;
}
.step-item.item2 {
margin-left: 76px;
}
.step-item.item4 .image,
.step-item.item2 .image {
padding: 24px 50px;
}
.step-item.item3 {
margin-left: 41px;
}
.step-item.item3 .content {
padding-top: 95px;
}
.step-item.item3 .image {
padding: 24px 59px;
}
.step-item.item4 {
margin-left: 78px;
}
.step-item.item4 .image {
margin-left: 26px;
}
.step-item .image {
width: 520px;
height: 376px;
padding: 29px 39px;
border-radius: 25px;
border: 1px solid rgba(104, 68, 237, 0.15);
background: #f2f8fd;
}
.step-item .image img {
border-radius: 13px;
width: 100%;
}
.step-item .content {
padding-top: 75px;
}
.step-item .content .number {
width: 50px;
height: 50px;
box-shadow: 0px 20px 40px rgba(104, 68, 237, 0.20);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 5px solid #FFF;
background-color: #00A39E;
margin-bottom: 21px;
font-size: 20px;
font-weight: 600;
color: #FFF;
}
.step-item .content .title {
font-size: 35px;
font-weight: 700;
line-height: 42px;
letter-spacing: -1.05px;
margin-bottom: 23px;
}
.step-item .content .title a {
color: #030014;
}
.step-item .content .title a:hover {
color: #00A39E;
}  .wg-features {
padding: 100px 0;
background-color: #f2f8fd;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-1.png);
}
.feature-item {
background-color: #FFF;
padding: 39px 60px 41px 60px;
border: 1px solid #fff;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.feature-item:hover {
border: 1px solid #00A39E;
}
.feature-item h3 {
letter-spacing: -0.72px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(104, 68, 237, 0.20);
margin-bottom: 23px;
}
.feature-item h3 a {
color: #030014;
}
.feature-item h3 a:hover {
color: #00A39E;
}  #range-two-val {
margin-top: 32px;
margin-bottom: 60px;
height: 4px;
background: rgba(104, 68, 237, 0.2);
border: none;
box-shadow: none;
}
#range-two-val .noUi-connect {
background: #00A39E;
}
#range-two-val .noUi-handle {
width: 4px;
height: 4px;
border: none;
border-radius: 0;
box-shadow: none;
top: 0;
right: -4px;
background-color: #00A39E;
}
#range-two-val .noUi-handle.noUi-handle-upper {
right: 0;
}
#range-two-val .noUi-handle::before,
#range-two-val .noUi-handle::after {
display: none;
}
#range-two-val .noUi-tooltip {
left: 0;
top: 22px;
bottom: unset;
transform: none;
background: none;
border: none;
color: #696969;
font-family: 'Space Grotesk';
font-size: 16px;
font-weight: 400;
line-height: 11px;
padding: 0;
}
#range-two-val .noUi-tooltip::before {
content: '$';
}
#range-two-val .noUi-handle.noUi-handle-upper .noUi-tooltip {
left: -10px;
}  .dropdown {
border-radius: 14px;
border: 1.5px solid rgba(104, 68, 237, 0.20);
padding: 7px 20px;
width: 150px;
position: relative;
cursor: pointer;
}
.dropdown::after {
position: absolute;
font-family: 'icomoon';
content: '\e915';
color: #696969;
font-size: 16px;
top: 14px;
right: 20px;
}
.dropdown span {
color:  #696969;
font-size: 16px;
font-weight: 400;
line-height: 28px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.dropdown span:hover {
color: #00A39E;
}
.dropdown ul {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #FFF;
border: 1.5px solid rgba(104, 68, 237, 0.20);
border-radius: 10px;
}
.dropdown ul li span {
padding: 10px 20px;
}  .card-item {
margin-bottom: 41px;
}
.card-item .card-media {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.card-item .card-media::before {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
left: 0;
content: '';
background: rgba(12, 9, 29, 0.85);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.card-item:hover .card-media::before {
top: 0;
}
.card-item .card-media img {
width: 100%;
}
.card-item .card-media .more-infor {
position: absolute;
top: 49%;
left: 27.7%;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.card-item .card-media .infor-item {
position: relative;
width: 45px;
height: 45px;
background: #FFF;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
z-index: 5;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
} 
.card-item:hover .card-media .infor-item {
opacity: 1;
visibility: visible;
}
.card-item .card-media .infor-item::after {
position: absolute;
content: '';
width: 10px;
height: 10px;
top: -33px;
transform: rotate(45deg);
background: #00A39E;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.card-item .card-media .infor-item:hover::after {
top: -20px;
opacity: 1;
visibility: visible;
}
.card-item .card-media .infor-item::before {
position: absolute;
top: -53px;
left: 50%;
transform: translateX(-50%);
padding: 8px ;
width: max-content;
height: 25px;
background: #00A39E;
border-radius: 5px;
color: #FFF;
font-size: 12px;
font-weight: 600;
line-height: 8px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.card-item .card-media .infor-item:hover::before {
top: -38px;
opacity: 1;
visibility: visible;
}
.card-item .card-media .infor-item.cart::before {
content: 'Add to Cart';
}
.card-item .card-media .infor-item.view::before {
content: 'View';
}
.card-item .card-media .infor-item.data::before {
content: 'Details';
}
.card-item .card-media .infor-item i::before {
color: #696969;
}
.card-item .card-media .infor-item:hover i::before {
color: #00A39E;
}
.card-item .card-content {
padding: 22px 20px 0 20px;
}
.card-item .card-content h5 {
letter-spacing: -0.6px;
margin-bottom: 4px;
}
.card-item .card-content h5 a {
color: #030014;
}
.card-item .card-content h5 a:hover {
color: #00A39E;
}
.card-item .card-content .price {
color: #00A39E;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}  .shop-page-inner .text {
color:  #030014;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.shop-page-grid .widget-pagination {
margin-top: 20px;
}  .wg-single-detail {
padding-top: 36px;
padding-left: 110px;
}
.wg-single-detail .sub-title {
display: flex;
gap: 10px;
align-items: center;
color: #696969;
font-size: 16px;
font-weight: 400;
line-height: normal;
margin-bottom: 11px;
}
.wg-single-detail .sub-title .rating {
gap: 6px;
font-size: 15px;
}
.wg-single-detail .sub-title .icon-star::before {
color: rgba(255, 107, 0, 1);
}
.wg-single-detail .title {
color: #030014;
font-size: 30px;
font-weight: 600;
line-height: 39px;
letter-spacing: -0.9px;
margin-bottom: 14px;
}
.wg-single-detail .price {
color: #00A39E;
font-size: 22px;
font-weight: 500;
line-height: 28px;
margin-bottom: 37px;
}
.wg-single-detail p {
margin-top: 24px;
}
.wg-single-detail .button-group {
margin-top: 41px;
margin-bottom: 63px;
} .quantity {
display: flex;
width: 126px;
height: 45px;
background: #ffffff;
border: 1.5px solid rgba(104, 68, 237, 0.20);
border-radius: 10px;
overflow: hidden;
position: relative;
}
.quantity .btn-quantity {
position: absolute;
width: 50px;
height: 42px;
background: #fff;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
font-size: 16px;
}
.quantity .btn-quantity.minus-btn {
left: 0;
top: 0;
}
.quantity .btn-quantity.plus-btn {
right: 0;
top: 0;
}
.quantity .btn-quantity:hover {
color: #00A39E;
}
.quantity input[type="number"] {
padding: 0;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 27px;
letter-spacing: -0.54px;
color: #00A39E;
border: unset;
height: 43px;
overflow: hidden;
}
.quantity input[type="number"]:focus {
padding: unset;
border: none;
}
.wg-single-detail .more-infor .item {
display: flex;
align-items: center;
margin-bottom: 14px;
}
.wg-single-detail .more-infor h6 {
letter-spacing: -0.54px;
max-width: 120px;
width: 100%;
margin-right: 15px;
}
.wg-single-detail .more-infor .text {
color: #696969;
font-size: 16px;
font-weight: 400;
line-height: 27px;
}  .tabs-description {
padding-top: 63px;
padding-bottom: 102px;
}
.widget-tabs ul.widget-menu-tab {
display: flex;
gap: 60px;
padding-bottom: 23px;
margin-bottom: 40px;
border-bottom: 2px solid rgba(104, 68, 237, 0.20);
}
.widget-tabs ul.widget-menu-tab li {
color: #696969;
font-size: 18px;
font-weight: 500;
line-height: 27px;
letter-spacing: -0.54px;
cursor: pointer;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget-tabs ul.widget-menu-tab li.active,
.widget-tabs ul.widget-menu-tab li:hover {
color: #00A39E;
}
.widget-tabs ul.widget-menu-tab li.active::after {
position: absolute;
content: '';
width: 100%;
height: 2px;
left: 0;
bottom: -25px;
background-color: #00A39E;
}
.widget-tabs .widget-content-inner p {
margin-bottom: 33px;
}
.widget-tabs .widget-content-inner h4 {
letter-spacing: -0.66px;
margin-bottom: 23px;
}
.widget-tabs .widget-content-inner li {
padding-left: 25px;
margin-bottom: 0px;
position: relative;
}
.widget-tabs .widget-content-inner li::before {
position: absolute;
content: '';
top: 13px;
left: 10px;
width: 4px;
height: 4px;
background: #696969;
border-radius: 50%;
}
.widget-tabs .widget-content-inner li p {
margin-bottom: 12px;
}  .editors-languages {
padding-top: 130px;
background: #111112;
position: relative;
overflow: hidden;
}
.editors-languages::after,
.editors-languages::before {
position: absolute;
content: '';
width: 565.5px;
height: 514px;
background: linear-gradient(180deg, #09B6A2 0%, rgba(9, 182, 162, 0.00) 100%);
filter: blur(150px);
}
.editors-languages::before {
opacity: 0.3;
right: -120px;
top: -22px;
}
.editors-languages::after {
opacity: 0.4;
left: -170px;
bottom: -222px;
}
.grid-languages {
display: flex;
gap: 30px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.grid-languages .swiper-slide {
width: auto;
}
.language-item {
border-radius: 30px;
background: linear-gradient(163deg, rgba(255, 255, 255, 0.15) 0%, rgba(9, 182, 162, 0.10) 100%);
padding: 15px 40px 15px 15px;
display: flex;
align-items: center;
gap: 20px;
}
.language-item img {
border-radius: 25px;
}
.language-item .title {
font-size: 22px;
font-weight: 500;
line-height: 27px;  
letter-spacing: -0.66px;
}
.language-item .title a {
color: #FFF;
}
.language-item .title a:hover {
color: rgba(9, 182, 162, 1);
}
.editors-languages .bottom {
padding-top: 130px;
padding-bottom: 130px;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line.png);
}
.editors-languages .bottom .image {
margin-left: 23px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: #27292C;
padding: 25px;
width: 602px;
height: 530px;
position: relative;
z-index: 2;
}
.editors-languages .bottom .image img {
width: 100%;
border-radius: 15px;
box-shadow: 0px 20px 40px 0px rgba(9, 182, 162, 0.10);
}
.editors-languages .bottom .content {
padding-top: 61px;
padding-left: 70px;
}
.editors-languages .bottom .content .heading-section {
margin-bottom: 30px;
}
.editors-languages .bottom .content p {
margin-bottom: 41px;
} .wg-banner-4 {
padding-top: 143px;
position: relative;
padding-bottom: 122px;
}
.wg-banner-4 > .grid {
position: absolute;
top: -85px;
left: -71px;
transform: rotate(-6.83deg);
}
.wg-banner-4 > .image {
position: absolute;
border-radius: 50px;
border: 3px solid var(--color-white, #FFF);
box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.20);
width: 50px;
}
.wg-banner-4 > .image.item1 {
top: 570px;
left: 46px;
animation: to-bottom 5s infinite linear;
}
.wg-banner-4 > .image.item2 {
top: 163px;
left: 114px;
animation: to-bottom 5s infinite linear;
}
.wg-banner-4 > .image.item3 {
top: 485px;
right: 394px;
animation: to-bottom 5s infinite linear;
}
.wg-banner-4 > .image.item4 {
top: 116px;
right: 192px;
animation: to-bottom 5s infinite linear;
}
.wg-banner-4 > .image.item5 {
top: 579px;
right: 49px;
animation: to-bottom 5s infinite linear;
}
.wg-banner-4 > .linear-line {
position: absolute;
top: 70px;
left: -18px;
}
.wg-banner-4 > .line {
position: absolute;
top: 233px;
left: -8.5px;
}
.wg-banner-4 .content h6 {
color: #FFF;
font-size: 18px;
font-weight: 700;
line-height: 27px;
letter-spacing: -0.54px;
margin-bottom: 15px;
}
.wg-banner-4 .content h1 {
color: #FFF;
letter-spacing: -2.25px;
margin-bottom: 20px;
}
.wg-banner-4 .content h1 span {
color: #00A39E;
font-family: 'Playfair Display';
font-size: 75px;
font-style: italic;
font-weight: 700;
line-height: 81px;
letter-spacing: -2.25px;
}
.wg-banner-4 .content p {
color: rgba(255, 255, 255, 0.6);
font-size: 20px;
font-weight: 400;
line-height: 36px;
margin-bottom: 39px;
}
.wg-banner-4 .full img {
border-radius: 24px;
box-shadow: 0px 10px 60px 0px rgba(230, 248, 94, 0.30);
margin-top: 150px;
}  .wg-files {
padding-top: 130px;
padding-bottom: 91px;
}
.file-item {
border-top: 1.5px solid rgba(255, 255, 255, 0.1);
padding-top: 71.5px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.file-item:hover {
border-top-color: #00A39E;
}
.file-item.item-1 {
margin-right: 40px;
}
.file-item.item-2 {
margin-right: 20px;
margin-left: 20px;
}
.file-item.item-3 {
margin-left: 40px;
}
.file-item .icon {
font-size: 45px;
margin-bottom: 27px;
display: inline-block;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.file-item:hover .icon {
transform: rotateY(180deg);
}
.file-item h4 {
letter-spacing: -0.66px;
margin-bottom: 14px;
}
.file-item h4 a {
color: #FFF;
}
.file-item h4 a:hover {
color: rgba(230, 248, 94, 1);
}  .grid-box-features {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.box-feature-item {
width: 100%;
}
.box-feature-item .title {
color: #FFF;
font-size: 27px;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.81px;
margin-bottom: 19px;
}
.box-feature-item .title span {
color:  #00A39E;
font-family: 'Playfair Display';
font-size: 27px;
font-style: italic;
font-weight: 700;
line-height: 33px;
letter-spacing: -0.81px;
}
.box-feature-item p {
margin-bottom: 24px;
}
.box-feature-item.item1 {
display: flex;
gap: 193px;
padding: 53px 90px 65px;
border-radius: 14px;
background: #171825;
position: relative;
}
.box-feature-item.item1::before {
position: absolute;
content: '';
top: 0;
left: 575px;
width: 2px;
height: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.box-feature-item.item1 .image {
min-width: 395px;
height: 395px;
position: relative;
}
.box-feature-item.item1 .image::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 395px;
height: 395px;
border-radius: 395px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
}
.box-feature-item.item1 .image img {
position: absolute;
top: 29px;
left: 26px;
animation: to-bottom 5s infinite linear;
}
.box-feature-item.item1 .title {
margin-top: 19px;
}
.box-feature-item.item1 ul {
margin-bottom: 45px;
}
.box-feature-item.item1 ul li i::before {
color: rgba(230, 248, 94, 1);
}
.box-feature-item.item2,
.box-feature-item.item3 {
max-width: 640px;
padding: 72px 80px 80px 81px;
border-radius: 14px;
background: #171825;
position: relative;
overflow: hidden;
}
.box-feature-item.item2 .title span,
.box-feature-item.item3 .title span {
line-height: 40px;
}
.box-feature-item.item2 p,
.box-feature-item.item3 p {
margin-bottom: 32px;
}
.box-feature-item.item2 .image,
.box-feature-item.item3 .image {
position: relative;
z-index: 5;
animation: to-right 5s infinite linear;
}
.box-feature-item.item2 .item-1,
.box-feature-item.item3 .item-1 {
position: absolute;
content: '';
width: 156px;
height: 156px;
border-radius: 50%;
right: 40px;
bottom: -41px;
border: 1px solid rgba(255, 255, 255, 0.10);
z-index: 1;
animation: ellipse2 3s linear 0s infinite;
}
.box-feature-item.item2 .item-2,
.box-feature-item.item3 .item-2 {
position: absolute;
content: '';
width: 270px;
height: 270px;
border-radius: 50%;
right: -17px;
bottom: -98px;
border: 1px solid rgba(255, 255, 255, 0.10);
z-index: 1;
animation: ellipse2 3s linear 0s infinite;
}
.box-feature-item.item2 .item-3,
.box-feature-item.item3 .item-3 {
position: absolute;
content: '';
width: 405px;
height: 405px;
border-radius: 50%;
right: -85px;
bottom: -166px;
border: 1px solid rgba(255, 255, 255, 0.10);
z-index: 1;
animation: ellipse2 3s linear 0s infinite;
}  .wg-videos {
padding-top: 130px;
padding-bottom: 130px;
}
.videos-inner {
display: flex;
align-items: center;
justify-content: center;
}
.videos-inner > .img-01 {
border-radius: 13px;
box-shadow: 0px 7px 40px 0px rgba(104, 68, 237, 0.30);
width: 248px;
height: 376px;
margin-right: -16px;
}
.video-wrap.style-2 {
padding: 0;
border: none;
background: none;
overflow: hidden;
border-radius: 7px;
}
.video-wrap.style-2::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(3, 0, 20, 0.30);
}
.video-wrap.style-2 img {
width: 660px;
height: 470px;
}
.video-wrap.style-2 .popup-youtube {
z-index: 5;
}
.video-wrap.style-2 .popup-youtube .icon {
background: #FFF;
}
.video-wrap.style-2 .popup-youtube .icon-play::before {
color: #00A39E;
}
.videos-inner > .img-03 {
width: 202px;
height: 376px;
border-radius: 13px;
box-shadow: 0px 7px 40px 0px rgba(104, 68, 237, 0.20);
margin-left: -24px;
position: relative;
z-index: 10;
} .box-messages {
padding-top: 131px;
padding-bottom: 130px;
}
.box-messages .widget-reply {
padding: 50px;
margin: 0 220px;
}
.box-messages form textarea {
height: 130px;
}
iframe.map {
margin-bottom: -160px;
} .page-404 .flat-title-page {
padding-top: 226px;
}
.page-404-wrap .content {
padding-top: 41px;
padding-left: 80px;
}
.page-404-wrap .content .heading-section {
margin-bottom: 21px;
}
.page-404-wrap .content p {
margin-bottom: 31px;
}
.page-404-wrap img {
margin-left: 9px;
}
@media (max-width: 1440px) {
.box-messages .widget-reply {
margin: 0;
}
.widget-gallery-slider .gallery-slider .swiper-slide {
width: 100% !important;
height: 100% !important;
}
.wg-single-detail {
padding-left: 0;
}
.wg-banner-1 .bg-item {
display: none;
}
.wg-banner-4 > *:not(.themesflat-container),
.faqs-wrap-2 > *:not(.themesflat-container),
.wg-testimonials > *:not(.themesflat-container),
.wg-pricing > *:not(.themesflat-container),
#footer > *:not(.themesflat-container),
.wg-create-design > *:not(.themesflat-container) {
display: none;
}
.wg-banner-1 .images {
margin-left: -75px;
}
.grid-button {
flex-wrap: wrap;
}
.editors-languages .bottom .image {
margin-left: 0;
width: unset;
height: unset;
}
.editors-languages .bottom .content {
padding-left: 0;
}
.wg-create-design.style-3 .image {
margin-left: 0;
width: unset;
height: unset;
}
.wg-create-design.style-3 .image img {
position: unset;
width: unset;
height: unset;
}
#footer.style-1 {
padding-left: 0;
}
#footer.style-1 #logo-footer {
margin-bottom: 30px;
}
#footer.style-1 .col-sm-3 {
padding-left: 15px;
}
.works-item {
width: unset;
}
.widget-gallery-slider {
padding-right: 0;
}
.auto-slide {
padding-left: 0;
}
.video-wrap.style-1 {
margin-left: 0;
}
.faqs-page .wrap-faqs-2 .image {
width: unset;
margin-left: 0;
margin-top: 15px;
}
.faqs-page .wrap-faqs-2 .image .img-01 {
height: unset;
}
}
@media (max-width: 1200px) {
.wg-helpful {
margin-bottom: 30px;
}
.page-404-wrap .content {
padding: 0;
}
.page-404-wrap img {
margin-left: 0;
}
.wg-create-design.style-7 .image {
padding: 30px;
}
.testimonial-item1 .say {
margin-left: 0;
}
.wrap-faqs-3 > *:not(.themesflat-container) ,
.wg-testimonials-1 > *:not(.themesflat-container) {
display: none;
}
.testimonial-item {
padding-left: 27px;
}
.testimonial-item .image {
margin-right: 100px;
}
.testimonial-item .image::before {
right: -50px;
}
.header-inner {
padding-left: 15px;
padding-right: 15px;
}
#site-logo {
margin-right: 0;
}
.wg-create-design.style-1 .image .img-01 {
width: -webkit-fill-available;
}
.road-map-item.item-3 .arrow,
.road-map-item.item-1 .arrow {
right: -67px;
}
.road-map-item.item-4 .arrow, .road-map-item.item-2 .arrow {
left: -65px;
}
.header.header-blue #site-logo {
margin-right: 15px;
}
.news-item .meta {
margin-left: 25px;
margin-right: 25px;
flex-wrap: wrap;
row-gap: 10px;
}
.news-item h4 {
margin-left: 25px;
margin-right: 25px;
}
.news-item .bottom {
padding-left: 25px;
padding-right: 25px;
}
.news-item .image.type-1 {
margin-left: 15px;
margin-right: 15px;
padding: 10px;
}
.news-item .image.type-2 {
margin-left: 15px;
margin-right: 15px;
}
.wg-create-design.style-4 .content {
padding-left: 0;
}
.wg-create-design.style-4 .image {
width: unset;
}
.wg-banner-4 .full img {
margin-top: 50px;
}
.wg-partners-2 .wrap {
height: unset;
width: unset;
row-gap: 30px;
flex-wrap: wrap;
justify-content: center;
}
.box-feature-item {
padding: 40px !important;
gap: 50px !important;
}
.box-feature-item.item1::before {
left: 460px;
}
.box-feature-item.item2, .box-feature-item.item3 {
max-width: unset;
}
.faqs-wrap-3 .image {
margin-left: 0;
}
.faqs-wrap-3 .image img {
height: unset;
}
.wg-create-design.style-5 .content {
padding-left: 0;
}
.wg-members::before {
height: 1343px;
}
.slider-type2 .swiper-button-prev {
left: 15px;
bottom: 0;
}
.slider-type2 .swiper-button-next {
left: 75px;
bottom: 0;
}
.feature-item {
padding: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 1180px) {
.wg-banner-1 {
padding-top: 175px;
padding-bottom: 100px;
}
.wg-banner-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.wg-banner-2 .bg-item ,
.wg-banner-1 .images {
display: none;
}
.wg-banner-2 .image {
height: 600px;
}
.wg-helpful {
padding: 35px 5px 27px;
}
}
@media (max-width: 1024px) {
.flat-accordion1 .flat-toggle1 {
padding: 20px 10px 18px;
}
.cta-wrapper-1 .item1,
.cta-wrapper-1 .item2,
.cta-wrapper-1 .item3,
.cta-wrapper-1 .item4,
.editors-languages::before,
.editors-languages::after {
display: none;
}
.header-right {
display: none;
}
.main-nav {
gap: 90px;
}
.related-post .next {
margin-left: auto;
}
.tf-blog-detail .wrap-inner {
padding-left: 0;
padding-right: 0;
}
.wg-create-design .image .img-02 {
right: 100px;
}
.road-map-content {
padding: 0;
}
.road-map-item.item-3 .arrow, 
.road-map-item.item-1 .arrow {
right: -89px;
}
.road-map-item.item-4 .arrow, 
.road-map-item.item-2 .arrow {
left: -87px;
}
.header.header-blue .main-nav .header-search {
display: none;
}
.header.header-blue .main-nav {
justify-content: end;
}
.box-subscribe form {
flex-wrap: wrap;
}
.services-item {
gap: 20px;
}
.cta.type-1 > img {
display: none;
}
.wg-members::before {
height: 1307px;
}
.videos-inner > .img-03,
.videos-inner > .img-01 {
display: none;
}
.video-wrap.style-2 img {
height: unset;
}
.step-item {
gap: 30px;
margin: 0 !important;
}
.step-item.item4 {
margin-left: 0;
}
.client-item .content h6 {
padding-top: 30px;
}
.widget-filter-isotope .grid {
grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 991px) {
.step-item .image {
height: min-content !important;
padding: 20px !important;
margin: 0 !important;
}
.main-nav {
display: none;
}
.mobile-button {
display: block;
}
.wg-review {
flex-wrap: wrap;
}
.recent-news-item {
flex-wrap: wrap;
}
.blog-article-1 .wrapper-info {
padding: 0 20px 20px 20px;
}
.wg-create-design .content {
padding-left: 0;
}
.wg-create-design .image .rectangle,
.wg-create-design .image {
width: 100%;
}
.wg-create-design .image .img-02,
.wg-create-design .image .place {
left: unset;
right: 0;
}
.member-item {
margin-bottom: 50px;
}
.wg-members::before {
height: 2263px;
}
.tf-mouse {
display: none;
}
.wg-create-design.style-6 .content {
margin-bottom: 30px;
}
}
@media (max-width: 820px) {
.wg-create-design.style-3 .image {
margin-top: 30px;
text-align: center;
}
.wg-create-design.style-2 .image img {
width: 100%;
}
.side-bar .widget {
padding: 20px;
}
.widget-trailer .content {
padding: 0 10px 10px 10px;
}
.widget-trailer .content p {
line-height: 22px;
margin-bottom: 10px;
}
.widget-trailer .content .title {
margin-bottom: 7px;
}
.widget-trailer .content .title .text,
.widget-trailer .content .title .text-1,
.widget-trailer .content .title .text-2 {
font-size: 24px;
line-height: 24px;
}
.widget-trailer .content .tf-button {
padding: 15px 20px;
height: 45px;
}
.pricing-item {
padding: 15px !important;
}
#footer .avatar-wrapper {
flex-wrap: wrap;
justify-content: end;
}
.cta-wrapper {
flex-wrap: wrap;
gap: 30px;
}
.cta-wrapper br {
display: none;
}
.road-map-content::before {
display: none;
}
.road-map-item {
max-width: unset;
width: 100%;
margin-top: 50px !important;
padding: 30px;
}
.pricing-item.style-1 .top {
flex-wrap: wrap;
}
.wg-create-design.style-4 .image {
width: 630px;
margin: auto;
}
.services-item {
flex-wrap: wrap;
}
.client-item .images {
margin: auto;
}
.pricing-item.style-3 .number-price::before {
width: calc(100% + 30px);
left: -15px;
}
.slider-type2 .swiper-button-prev,
.slider-type2 .swiper-button-next {
display: none;
}
}
@media (max-width: 768px) {
.wg-create-design.style-1 .image .img-02 {
left: 0;
}
.wg-members::before {
height: 2010px;
}
#footer .ml-35 {
margin-left: 0;
}
.box-feature-item.item1 {
flex-wrap: wrap;
}
.box-feature-item.item1::before {
display: none;
}
.step-item .content {
padding-top: 0 !important;
}
.wg-feedback {
padding: 30px;
}
.wg-banner-4 .content h1 > span {
display: block;
}
.pricing-item.style-3 .number-price b {
font-size: 36px;
}
}
@media (max-width: 700px) { 
.widget-filter-isotope .grid {
grid-template-columns: repeat(1,1fr);
}
.grid-counter {
gap: 15px;
margin-bottom: 30px;
}
#footer .footer-top {
flex-wrap: wrap;
gap: 30px;
padding-bottom: 15px;
}
#footer .avatar-wrapper {
justify-content: start;
}
#footer .footer-title {
margin-top: 30px;
}
#footer .footer-bottom {
flex-wrap: wrap;
gap: 30px;
}
.cta-wrapper {
padding: 30px;
}
.cta-wrapper .cta-content > div {
flex-wrap: wrap;
}
.page-404-wrap img {
margin-left: 0;
margin-top: 50px;
}
.widget-reply {
padding: 20px !important;
}
.widget-tabs ul.widget-menu-tab {
flex-wrap: wrap;
gap: 30px;
padding-bottom: 10px;
margin-bottom: 40px;
}
.widget-tabs ul.widget-menu-tab li.active::after {
bottom: -12px;
}
.widget-tabs ul.widget-menu-tab li {
width: 100%;
}
.blog-article .wrapper-info {
margin-left: 10px;
margin-right: 10px;
margin-top: -15px;
}
.tf-blog-detail .wrap-inner .wg-quote,
.wg-quote {
padding: 100px 30px 30px 30px;
}
.pricing-item {
padding: 40px;
margin-bottom: 15px;
}
.flat-accordion .flat-toggle .toggle-title::after, 
.flat-accordion2 .flat-toggle2 .toggle-title::after, 
.flat-accordion1 .flat-toggle1 .toggle-title::after {
right: -22px;
}
.doing-item {
margin-bottom: 30px;
}
.testimonial-item {
flex-wrap: wrap;
height: auto;
}
.testimonial-item .image::before {
display: none;
}
.wg-works .works-item {
margin-left: 25px;
}
.widget-gallery-slider {
margin-bottom: 30px;
}
.widget-filter-isotope .button-group {
flex-wrap: wrap;
width: unset;
}
.video-wrap {
margin-top: 15px;
padding: 15px !important; 
}
.popup-youtube{
transform: translate(-50%,-50%) scale(0.5);
}
.pricing-item.style-2 {
margin-bottom: 30px;
}
.box-subscribe {
margin-top: 30px;
}
.wg-create-design.style-4 .image {
display: none;
}
.file-item {
margin-left: 0 !important;
margin-right: 0 !important;
}
.faqs-wrap-3 .flat-accordion .flat-toggle .toggle-title::after {
right: 0;
}
.wg-create-design.style-5 .content {
padding-top: 30px;
}
.wg-members::before {
height: 3210px;
}
.swiper-pagination,
.swiper-button-prev,
.swiper-button-next {
display: none !important;
}
.testimonial-item1 .say {
margin-top: 15px;
margin-bottom: 15px;
padding: 30px;
}
.step-item {
flex-wrap: wrap;
margin-bottom: 30px !important;
}
.wg-steps .line {
display: none;
}
.step-item .content {
width: 100%;
}
.wg-testimonials-2 .testimonial-item1 .say {
margin-bottom: 30px;
padding: 30px;
}
.faqs-page .wrap-faqs-2 .image {
display: none;
}
.wg-banner-4 {
padding-top: 75px;
}
.wg-banner-4 .content h1 span {
font-size: 41px;
line-height: 55px;
}
.wg-banner-4 .content h1 {
font-size: 57px;
line-height: 65px;
}
.wg-banner-3 .content .title,
.wg-banner-3 .content .title span,
.wg-banner-2 .content .title,
.wg-banner-2 .content .title span ,
.wg-banner-1 .content .title span,
.wg-banner-1 .content .title {
font-size: 50px;
line-height: 65px;
}
.box-feature-item.item1 .image {
min-width: unset;
height: unset;
} 
.box-feature-item.item1 .image::before {
display: none;
}
.box-feature-item.item1 .image img {
position: unset;
}
.client-item .images {
width: 330px;
height: 330px;
}
.client-item .images .ellipse {
width: 280px;
height: 280px;
}
.client-item .images .item-7,
.client-item .images .item-6,
.client-item .images .item-5,
.client-item .images .item-4,
.client-item .images .item-3,
.client-item .images .item-2 {
width: 60px;
height: 60px;
}
.client-item .images .item-2 {
left: 165px;
}
.client-item .images .item-4 {
bottom: 50px;
}
.client-item .images .item-5 {
left: 140px;
}
.client-item .content .infor {
flex-wrap: wrap;
}
.wg-result .number-counter span {
font-size: 85px;
}
.wg-create-design.style-1 .image .img-01,
.wg-create-design.style-1 .image .img-02 {
position: unset;
}
.flat-accordion2 .flat-toggle2, 
.flat-accordion1 .flat-toggle1,
.flat-accordion .flat-toggle {
padding: 20px 30px 18px 10px;
}
.comment-box {
flex-wrap: wrap;
}
.tf-blog-detail .wrap-inner .meta {
column-gap: 30px;
}
.blog-article-1 .wrapper-info .bottom {
padding-top: 10px;
margin-top: 10px;
}
.blog-article-1 .wrapper-info h3 {
font-size: 17px;
line-height: 24px;
}
.wg-videos {
padding-top: 0px;
padding-bottom: 50px;
}
.box-quote-left {
margin-left: 0;
margin-top: 30px;
}
.wg-create-design.style-2 .image {
height: unset;
}
.wg-create-design.style-2 .image img {
position: unset;
}
.wg-banner-2 .image {
display: none;
}
.news-item {
margin-bottom: 15px;
}
.wg-testimonials .slider-type1 .swiper-wrapper {
padding-bottom: 0;
}
.wg-create-design-2,
.wg-create-design.style-2,
.wg-pricing-1 {
padding-top: 50px;
}
.faqs-wrap-3 .flat-toggle {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.flat-accordion {
margin-bottom: 15px;
}
.faqs-page .wrap-faqs-3 {
padding-bottom: 50px;
}
}
@keyframes ellipse1 {
0% {
transform: translate(-50%, 55%) scale(0.8) ;
opacity: 0;
}
20% {
transform: translate(-50%, 55%) scale(0.9) ;
opacity: 1;
}
100% {
transform: translate(-50%, 55%) scale(1) ;
opacity: 0;
}
}
@keyframes ellipse2 {
0% {
transform: scale(0.8) ;
opacity: 0;
}
20% {
transform: scale(0.9) ;
opacity: 1;
}
100% {
transform: scale(1) ;
opacity: 0;
}
}
@keyframes ellipse3 {
0% {
transform: translate(50%, -50%) scale(0.8) ;
opacity: 0;
}
20% {
transform: translate(50%, -50%) scale(0.9) ;
opacity: 1;
}
100% {
transform: translate(50%, -50%) scale(1) ;
opacity: 0;
}
}
@keyframes ellipse4 {
0% {
transform: translate(-50%, -50%) scale(0.8) ;
opacity: 0;
}
20% {
transform: translate(-50%, -50%) scale(0.9) ;
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1) ;
opacity: 0;
}
}
@keyframes rotate360 {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate360rv {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(-360deg);
}
}
@keyframes playvideo {
0% {
transform: scale(1.0) ;
opacity: 1;
}
100% {
transform: scale(1.3) ;
opacity: 0;
}
}
@keyframes loader {
0% {
transform: scaleY(0.1);
}
50% {
transform: scaleY(1);
background: #6844ED;
}
100% {
transform: scaleY(0.1);
background: transparent;
}
}
@keyframes loader1 {
0% {
transform: scaleY(0.1);
}
50% {
transform: scaleY(1);
background: #09B6A2;
}
100% {
transform: scaleY(0.1);
background: transparent;
}
}
@keyframes loader2 {
0% {
transform: scaleY(0.1);
}
50% {
transform: scaleY(1);
background: #3468F0;
}
100% {
transform: scaleY(0.1);
background: transparent;
}
}
@keyframes loader3 {
0% {
transform: scaleY(0.1);
}
50% {
transform: scaleY(1);
background: #E6F85E;
}
100% {
transform: scaleY(0.1);
background: transparent;
}
}
@keyframes to-left {
0%,
100% {
transform: translateX(0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
50% {
transform: translateX(-15px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@keyframes to-right {
0%,
100% {
transform: translateX(0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
50% {
transform: translateX(15px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@keyframes to-top {
0%,
100% {
transform: translateY(0px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
50% {
transform: translateY(-15px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@keyframes to-bottom {
0%,
100% {
transform: translateY(0px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
50% {
transform: translateY(15px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@keyframes ani-1 {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(73px, -1px) rotate(36deg);
}
40% {
transform: translate(141px, 72px) rotate(72deg);
}
60% {
transform: translate(83px, 122px) rotate(108deg);
}
80% {
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes ani-2 {
0%,
100% {
-webkit-transform: translateX(0) translateY(0) rotate(0);
transform: translateX(0) translateY(0) rotate(0);
}
25%,
75% {
-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
transform: translateX(15px) translateY(20px) rotate(10deg);
}
50% {
-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
transform: translateX(60px) translateY(35px) rotate(15deg);
}
}
@keyframes tf-buzz-out {
10% {
transform: translateY(3%) rotate(2deg);
}
20% {
transform: translateY(-3%) rotate(-2deg);
}
30% {
transform: translateY(3%) rotate(2deg);
}
40% {
transform: translateY(-3%) rotate(-2deg);
}
50% {
transform: translateY(2%) rotate(1deg);
}
60% {
transform: translateY(-2%) rotate(-1deg);
}
70% {
transform: translateY(2%) rotate(1deg);
}
80% {
transform: translateY(-2%) rotate(-1deg);
}
90% {
transform: translateY(1%) rotate(0);
}
to {
transform: translateY(-1%) rotate(0);
}
}
.animationtext {
height: 70px;
overflow: hidden;
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper .item-text {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-weight: inherit;
}
.cd-words-wrapper .item-text.is-visible {
position: relative;
}
.no-js .cd-words-wrapper .item-text {
opacity: 0;
}
.no-js .cd-words-wrapper .item-text.is-visible {
opacity: 1;
}  .animationtext.slide span {
display: inline-block;
}
.animationtext.slide .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.animationtext.slide .item-text {
opacity: 0;
top: .2em;
}
.animationtext.slide .item-text.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.animationtext.slide .item-text.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
} .animationtext.clip span {
display: inline-block;
padding: 0;
}
.animationtext.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.animationtext.clip .cd-words-wrapper::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #aebcb9;
}
.animationtext.clip .item-text {
opacity: 0;
}
.animationtext.clip .item-text.is-visible {
opacity: 1;
} .animationtext.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.animationtext.rotate-3 .item-text {
opacity: 0;
}
.animationtext.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .animationtext.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.animationtext.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
-moz-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.animationtext.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
-moz-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .animationtext.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .animationtext.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-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);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-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);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
.noUi-target,.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.noUi-target {
position: relative;
direction: ltr
}
.noUi-base,.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1
}
.noUi-connects {
overflow: hidden;
z-index: 0
}
.noUi-connect,.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0
}
.noUi-vertical .noUi-origin {
width: 0
}
.noUi-horizontal .noUi-origin {
height: 0
}
.noUi-handle {
position: absolute
}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
-webkit-transition: transform .3s;
transition: transform .3s
}
.noUi-state-drag * {
cursor: inherit!important
}
.noUi-horizontal {
height: 18px
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px
}
.noUi-vertical {
width: 18px
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto
}
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}
.noUi-connects {
border-radius: 3px
}
.noUi-connect {
background: #3FB8AF
}
.noUi-draggable {
cursor: ew-resize
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}
.noUi-handle:after,.noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px
}
.noUi-handle:after {
left: 17px
}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px
}
.noUi-vertical .noUi-handle:after {
top: 17px
}
[disabled] .noUi-connect {
background: #B8B8B8
}
[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target {
cursor: not-allowed
}
.noUi-pips,.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.noUi-pips {
position: absolute;
color: #999
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center
}
.noUi-value-sub {
color: #ccc;
font-size: 10px
}
.noUi-marker {
position: absolute;
background: #CCC
}
.noUi-marker-sub {
background: #AAA
}
.noUi-marker-large {
background: #AAA
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%,50%);
transform: translate(-50%,50%)
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%,50%);
transform: translate(50%,50%)
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%
}
.noUi-value-vertical {
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%,0);
padding-left: 25px
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0,50%);
transform: translate(0,50%)
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
left: 50%;
bottom: 120%
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
top: 50%;
right: 120%
}
@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#00A39E}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; color: #fff;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next';color: #fff;}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
@media print {
*,
*::before,
*::after,
p::first-letter,
div::first-letter,
blockquote::first-letter,
li::first-letter,
p::first-line,
div::first-line,
blockquote::first-line,
li::first-line {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
@-ms-viewport {
width: device-width;
}
html {
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #292b2c;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
a {
color: #00A39E;
text-decoration: none;
}
a:focus, a:hover {
color: #014c8c;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
}
[role="button"] {
cursor: pointer;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
background-color: transparent;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #636c72;
text-align: left;
caption-side: bottom;
}
th {
text-align: left;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
textarea {
line-height: inherit;
}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
cursor: not-allowed;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
}
input[type="search"] {
-webkit-appearance: none;
}
output {
display: inline-block;
}
[hidden] {
display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1, .h1 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.1;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.1;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
font-size: 80%;
font-weight: normal;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 5px;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
padding: 0.5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #636c72;
}
.blockquote-footer::before {
content: "\2014 \00A0";
}
.blockquote-reverse {
padding-right: 1rem;
padding-left: 0;
text-align: right;
border-right: 0.25rem solid #eceeef;
border-left: 0;
}
.blockquote-reverse .blockquote-footer::before {
content: "";
}
.blockquote-reverse .blockquote-footer::after {
content: "\00A0 \2014";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #636c72;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #bd4147;
background-color: #f7f7f9;
border-radius: 0.25rem;
}
a > code {
padding: 0;
color: inherit;
background-color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #fff;
background-color: #292b2c;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
font-size: 90%;
color: #292b2c;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1200px;
max-width: 100%;
}
}
.container-fluid {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 576px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 768px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 992px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 1200px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-0 {
right: auto;
}
.pull-1 {
right: 8.333333%;
}
.pull-2 {
right: 16.666667%;
}
.pull-3 {
right: 25%;
}
.pull-4 {
right: 33.333333%;
}
.pull-5 {
right: 41.666667%;
}
.pull-6 {
right: 50%;
}
.pull-7 {
right: 58.333333%;
}
.pull-8 {
right: 66.666667%;
}
.pull-9 {
right: 75%;
}
.pull-10 {
right: 83.333333%;
}
.pull-11 {
right: 91.666667%;
}
.pull-12 {
right: 100%;
}
.push-0 {
left: auto;
}
.push-1 {
left: 8.333333%;
}
.push-2 {
left: 16.666667%;
}
.push-3 {
left: 25%;
}
.push-4 {
left: 33.333333%;
}
.push-5 {
left: 41.666667%;
}
.push-6 {
left: 50%;
}
.push-7 {
left: 58.333333%;
}
.push-8 {
left: 66.666667%;
}
.push-9 {
left: 75%;
}
.push-10 {
left: 83.333333%;
}
.push-11 {
left: 91.666667%;
}
.push-12 {
left: 100%;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-sm-0 {
right: auto;
}
.pull-sm-1 {
right: 8.333333%;
}
.pull-sm-2 {
right: 16.666667%;
}
.pull-sm-3 {
right: 25%;
}
.pull-sm-4 {
right: 33.333333%;
}
.pull-sm-5 {
right: 41.666667%;
}
.pull-sm-6 {
right: 50%;
}
.pull-sm-7 {
right: 58.333333%;
}
.pull-sm-8 {
right: 66.666667%;
}
.pull-sm-9 {
right: 75%;
}
.pull-sm-10 {
right: 83.333333%;
}
.pull-sm-11 {
right: 91.666667%;
}
.pull-sm-12 {
right: 100%;
}
.push-sm-0 {
left: auto;
}
.push-sm-1 {
left: 8.333333%;
}
.push-sm-2 {
left: 16.666667%;
}
.push-sm-3 {
left: 25%;
}
.push-sm-4 {
left: 33.333333%;
}
.push-sm-5 {
left: 41.666667%;
}
.push-sm-6 {
left: 50%;
}
.push-sm-7 {
left: 58.333333%;
}
.push-sm-8 {
left: 66.666667%;
}
.push-sm-9 {
left: 75%;
}
.push-sm-10 {
left: 83.333333%;
}
.push-sm-11 {
left: 91.666667%;
}
.push-sm-12 {
left: 100%;
}
.offset-sm-0 {
margin-left: 0%;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-md-0 {
right: auto;
}
.pull-md-1 {
right: 8.333333%;
}
.pull-md-2 {
right: 16.666667%;
}
.pull-md-3 {
right: 25%;
}
.pull-md-4 {
right: 33.333333%;
}
.pull-md-5 {
right: 41.666667%;
}
.pull-md-6 {
right: 50%;
}
.pull-md-7 {
right: 58.333333%;
}
.pull-md-8 {
right: 66.666667%;
}
.pull-md-9 {
right: 75%;
}
.pull-md-10 {
right: 83.333333%;
}
.pull-md-11 {
right: 91.666667%;
}
.pull-md-12 {
right: 100%;
}
.push-md-0 {
left: auto;
}
.push-md-1 {
left: 8.333333%;
}
.push-md-2 {
left: 16.666667%;
}
.push-md-3 {
left: 25%;
}
.push-md-4 {
left: 33.333333%;
}
.push-md-5 {
left: 41.666667%;
}
.push-md-6 {
left: 50%;
}
.push-md-7 {
left: 58.333333%;
}
.push-md-8 {
left: 66.666667%;
}
.push-md-9 {
left: 75%;
}
.push-md-10 {
left: 83.333333%;
}
.push-md-11 {
left: 91.666667%;
}
.push-md-12 {
left: 100%;
}
.offset-md-0 {
margin-left: 0%;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-lg-0 {
right: auto;
}
.pull-lg-1 {
right: 8.333333%;
}
.pull-lg-2 {
right: 16.666667%;
}
.pull-lg-3 {
right: 25%;
}
.pull-lg-4 {
right: 33.333333%;
}
.pull-lg-5 {
right: 41.666667%;
}
.pull-lg-6 {
right: 50%;
}
.pull-lg-7 {
right: 58.333333%;
}
.pull-lg-8 {
right: 66.666667%;
}
.pull-lg-9 {
right: 75%;
}
.pull-lg-10 {
right: 83.333333%;
}
.pull-lg-11 {
right: 91.666667%;
}
.pull-lg-12 {
right: 100%;
}
.push-lg-0 {
left: auto;
}
.push-lg-1 {
left: 8.333333%;
}
.push-lg-2 {
left: 16.666667%;
}
.push-lg-3 {
left: 25%;
}
.push-lg-4 {
left: 33.333333%;
}
.push-lg-5 {
left: 41.666667%;
}
.push-lg-6 {
left: 50%;
}
.push-lg-7 {
left: 58.333333%;
}
.push-lg-8 {
left: 66.666667%;
}
.push-lg-9 {
left: 75%;
}
.push-lg-10 {
left: 83.333333%;
}
.push-lg-11 {
left: 91.666667%;
}
.push-lg-12 {
left: 100%;
}
.offset-lg-0 {
margin-left: 0%;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xl-0 {
right: auto;
}
.pull-xl-1 {
right: 8.333333%;
}
.pull-xl-2 {
right: 16.666667%;
}
.pull-xl-3 {
right: 25%;
}
.pull-xl-4 {
right: 33.333333%;
}
.pull-xl-5 {
right: 41.666667%;
}
.pull-xl-6 {
right: 50%;
}
.pull-xl-7 {
right: 58.333333%;
}
.pull-xl-8 {
right: 66.666667%;
}
.pull-xl-9 {
right: 75%;
}
.pull-xl-10 {
right: 83.333333%;
}
.pull-xl-11 {
right: 91.666667%;
}
.pull-xl-12 {
right: 100%;
}
.push-xl-0 {
left: auto;
}
.push-xl-1 {
left: 8.333333%;
}
.push-xl-2 {
left: 16.666667%;
}
.push-xl-3 {
left: 25%;
}
.push-xl-4 {
left: 33.333333%;
}
.push-xl-5 {
left: 41.666667%;
}
.push-xl-6 {
left: 50%;
}
.push-xl-7 {
left: 58.333333%;
}
.push-xl-8 {
left: 66.666667%;
}
.push-xl-9 {
left: 75%;
}
.push-xl-10 {
left: 83.333333%;
}
.push-xl-11 {
left: 91.666667%;
}
.push-xl-12 {
left: 100%;
}
.offset-xl-0 {
margin-left: 0%;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #eceeef;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #eceeef;
}
.table tbody + tbody {
border-top: 2px solid #eceeef;
}
.table .table {
background-color: #fff;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #eceeef;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #eceeef;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
}
.table-success,
.table-success > th,
.table-success > td {
background-color: #dff0d8;
}
.table-hover .table-success:hover {
background-color: #d0e9c6;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #d0e9c6;
}
.table-info,
.table-info > th,
.table-info > td {
background-color: #d9edf7;
}
.table-hover .table-info:hover {
background-color: #c4e3f3;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #c4e3f3;
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #fcf8e3;
}
.table-hover .table-warning:hover {
background-color: #faf2cc;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #faf2cc;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f2dede;
}
.table-hover .table-danger:hover {
background-color: #ebcccc;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #ebcccc;
}
.thead-inverse th {
color: #fff;
background-color: #292b2c;
}
.thead-default th {
color: #464a4c;
background-color: #eceeef;
}
.table-inverse {
color: #fff;
background-color: #292b2c;
}
.table-inverse th,
.table-inverse td,
.table-inverse thead th {
border-color: #fff;
}
.table-inverse.table-bordered {
border: 0;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #464a4c;
background-color: #fff;
border-color: #5cb3fd;
outline: none;
}
.form-control::-webkit-input-placeholder {
color: #636c72;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #636c72;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #636c72;
opacity: 1;
}
.form-control::placeholder {
color: #636c72;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #eceeef;
opacity: 1;
}
.form-control:disabled {
cursor: not-allowed;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
color: #464a4c;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
}
.col-form-label {
padding-top: calc(0.5rem - 1px * 2);
padding-bottom: calc(0.5rem - 1px * 2);
margin-bottom: 0;
}
.col-form-label-lg {
padding-top: calc(0.75rem - 1px * 2);
padding-bottom: calc(0.75rem - 1px * 2);
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem - 1px * 2);
padding-bottom: calc(0.25rem - 1px * 2);
font-size: 0.875rem;
}
.col-form-legend {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0;
font-size: 1rem;
}
.form-control-static {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0;
line-height: 1.25;
border: solid transparent;
border-width: 1px 0;
}
.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
padding-right: 0;
padding-left: 0;
}
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
height: 1.8125rem;
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
height: 3.166667rem;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-check {
position: relative;
display: block;
margin-bottom: 0.5rem;
}
.form-check.disabled .form-check-label {
color: #636c72;
cursor: not-allowed;
}
.form-check-label {
padding-left: 1.25rem;
margin-bottom: 0;
cursor: pointer;
}
.form-check-input {
position: absolute;
margin-top: 0.25rem;
margin-left: -1.25rem;
}
.form-check-input:only-child {
position: static;
}
.form-check-inline {
display: inline-block;
}
.form-check-inline .form-check-label {
vertical-align: middle;
}
.form-check-inline + .form-check-inline {
margin-left: 0.75rem;
}
.form-control-feedback {
margin-top: 0.25rem;
}
.form-control-success,
.form-control-warning,
.form-control-danger {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right 0.5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
color: #5cb85c;
}
.has-success .form-control {
border-color: #5cb85c;
}
.has-success .input-group-addon {
color: #5cb85c;
border-color: #5cb85c;
background-color: #eaf6ea;
}
.has-success .form-control-success {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
color: #f0ad4e;
}
.has-warning .form-control {
border-color: #f0ad4e;
}
.has-warning .input-group-addon {
color: #f0ad4e;
border-color: #f0ad4e;
background-color: white;
}
.has-warning .form-control-warning {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
color: #d9534f;
}
.has-danger .form-control {
border-color: #d9534f;
}
.has-danger .input-group-addon {
color: #d9534f;
border-color: #d9534f;
background-color: #fdf7f7;
}
.has-danger .form-control-danger {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.form-inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
width: auto;
}
.form-inline .form-control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.form-inline .form-check-label {
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
margin-right: 0.25rem;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.btn {
display: inline-block;
font-weight: normal;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn:focus, .btn:hover {
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
}
.btn.disabled, .btn:disabled {
cursor: not-allowed;
opacity: .65;
}
.btn:active, .btn.active {
background-image: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #00A39E;
border-color: #00A39E;
}
.btn-primary:hover {
color: #fff;
background-color: #025aa5;
border-color: #01549b;
}
.btn-primary:focus, .btn-primary.focus {
-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #00A39E;
border-color: #00A39E;
}
.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #025aa5;
background-image: none;
border-color: #01549b;
}
.btn-secondary {
color: #292b2c;
background-color: #fff;
border-color: #ccc;
}
.btn-secondary:hover {
color: #292b2c;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-secondary:focus, .btn-secondary.focus {
-webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
background-color: #fff;
border-color: #ccc;
}
.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
color: #292b2c;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #2aabd2;
}
.btn-info:focus, .btn-info.focus {
-webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
background-image: none;
border-color: #2aabd2;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #419641;
}
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
background-image: none;
border-color: #419641;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #eb9316;
}
.btn-warning:focus, .btn-warning.focus {
-webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
background-image: none;
border-color: #eb9316;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d9534f;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #c12e2a;
}
.btn-danger:focus, .btn-danger.focus {
-webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
background-color: #d9534f;
border-color: #d9534f;
}
.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
background-image: none;
border-color: #c12e2a;
}
.btn-outline-primary {
color: #00A39E;
background-image: none;
background-color: transparent;
border-color: #00A39E;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #00A39E;
border-color: #00A39E;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #00A39E;
background-color: transparent;
}
.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #00A39E;
border-color: #00A39E;
}
.btn-outline-secondary {
color: #ccc;
background-image: none;
background-color: transparent;
border-color: #ccc;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #ccc;
border-color: #ccc;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
-webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #ccc;
background-color: transparent;
}
.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #ccc;
border-color: #ccc;
}
.btn-outline-info {
color: #5bc0de;
background-image: none;
background-color: transparent;
border-color: #5bc0de;
}
.btn-outline-info:hover {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-outline-info:focus, .btn-outline-info.focus {
-webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #5bc0de;
background-color: transparent;
}
.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-outline-success {
color: #5cb85c;
background-image: none;
background-color: transparent;
border-color: #5cb85c;
}
.btn-outline-success:hover {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #5cb85c;
background-color: transparent;
}
.btn-outline-success:active, .btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-outline-warning {
color: #f0ad4e;
background-image: none;
background-color: transparent;
border-color: #f0ad4e;
}
.btn-outline-warning:hover {
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
-webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #f0ad4e;
background-color: transparent;
}
.btn-outline-warning:active, .btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle {
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-outline-danger {
color: #d9534f;
background-image: none;
background-color: transparent;
border-color: #d9534f;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #d9534f;
border-color: #d9534f;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #d9534f;
background-color: transparent;
}
.btn-outline-danger:active, .btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #d9534f;
border-color: #d9534f;
}
.btn-link {
font-weight: normal;
color: #00A39E;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
background-color: transparent;
}
.btn-link, .btn-link:focus, .btn-link:active {
border-color: transparent;
}
.btn-link:hover {
border-color: transparent;
}
.btn-link:focus, .btn-link:hover {
color: #014c8c;
text-decoration: underline;
background-color: transparent;
}
.btn-link:disabled {
color: #636c72;
}
.btn-link:disabled:focus, .btn-link:disabled:hover {
text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.show {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.show {
display: block;
}
tr.collapse.show {
display: table-row;
}
tbody.collapse.show {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.3em;
vertical-align: middle;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropup .dropdown-toggle::after {
border-top: 0;
border-bottom: 0.3em solid;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #292b2c;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-divider {
height: 1px;
margin: 0.5rem 0;
overflow: hidden;
background-color: #eceeef;
}
.dropdown-item {
display: block;
width: 100%;
padding: 3px 1.5rem;
clear: both;
font-weight: normal;
color: #292b2c;
text-align: inherit;
white-space: nowrap;
background: none;
border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #1d1e1f;
text-decoration: none;
background-color: #f7f7f9;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #00A39E;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #636c72;
cursor: not-allowed;
background-color: transparent;
}
.show > .dropdown-menu {
display: block;
}
.show > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #636c72;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 0.125rem;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 2;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn + .dropdown-toggle-split::after {
margin-left: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
.btn-group-vertical {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.input-group .form-control {
position: relative;
z-index: 2;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: normal;
line-height: 1.25;
color: #464a4c;
text-align: center;
background-color: #eceeef;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:not(:last-child) {
border-right: 0;
}
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.form-control + .input-group-addon:not(:first-child) {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
z-index: 3;
}
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group {
margin-right: -1px;
}
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
z-index: 2;
margin-left: -1px;
}
.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
.input-group-btn:not(:first-child) > .btn-group:focus,
.input-group-btn:not(:first-child) > .btn-group:active,
.input-group-btn:not(:first-child) > .btn-group:hover {
z-index: 3;
}
.custom-control {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-height: 1.5rem;
padding-left: 1.5rem;
margin-right: 1rem;
cursor: pointer;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-indicator {
color: #fff;
background-color: #00A39E;
}
.custom-control-input:focus ~ .custom-control-indicator {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00A39E;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00A39E;
}
.custom-control-input:active ~ .custom-control-indicator {
color: #fff;
background-color: #8fcafe;
}
.custom-control-input:disabled ~ .custom-control-indicator {
cursor: not-allowed;
background-color: #eceeef;
}
.custom-control-input:disabled ~ .custom-control-description {
color: #636c72;
cursor: not-allowed;
}
.custom-control-indicator {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #ddd;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 50% 50%;
background-size: 50% 50%;
}
.custom-checkbox .custom-control-indicator {
border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
background-color: #00A39E;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-controls-stacked {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.custom-controls-stacked .custom-control {
margin-bottom: 0.25rem;
}
.custom-controls-stacked .custom-control + .custom-control {
margin-left: 0;
}
.custom-select {
display: inline-block;
max-width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.25;
color: #464a4c;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
-moz-appearance: none;
-webkit-appearance: none;
}
.custom-select:focus {
border-color: #5cb3fd;
outline: none;
}
.custom-select:focus::-ms-value {
color: #464a4c;
background-color: #fff;
}
.custom-select:disabled {
color: #636c72;
cursor: not-allowed;
background-color: #eceeef;
}
.custom-select::-ms-expand {
opacity: 0;
}
.custom-select-sm {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%;
}
.custom-file {
position: relative;
display: inline-block;
max-width: 100%;
height: 2.5rem;
margin-bottom: 0;
cursor: pointer;
}
.custom-file-input {
min-width: 14rem;
max-width: 100%;
height: 2.5rem;
margin: 0;
filter: alpha(opacity=0);
opacity: 0;
}
.custom-file-control {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 5;
height: 2.5rem;
padding: 0.5rem 1rem;
line-height: 1.5;
color: #464a4c;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.custom-file-control:lang(en)::after {
content: "Choose file...";
}
.custom-file-control::before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
z-index: 6;
display: block;
height: 2.5rem;
padding: 0.5rem 1rem;
line-height: 1.5;
color: #464a4c;
background-color: #eceeef;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0 0.25rem 0.25rem 0;
}
.custom-file-control:lang(en)::before {
content: "Browse";
}
.nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.5em 1em;
}
.nav-link:focus, .nav-link:hover {
text-decoration: none;
}
.nav-link.disabled {
color: #636c72;
cursor: not-allowed;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #eceeef #eceeef #ddd;
}
.nav-tabs .nav-link.disabled {
color: #636c72;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #464a4c;
background-color: #fff;
border-color: #ddd #ddd #fff;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.nav-pills .nav-link {
border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
color: #fff;
cursor: default;
background-color: #00A39E;
}
.nav-fill .nav-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0.5rem 1rem;
}
.navbar-brand {
display: inline-block;
padding-top: .25rem;
padding-bottom: .25rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none;
}
.navbar-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-text {
display: inline-block;
padding-top: .425rem;
padding-bottom: .425rem;
}
.navbar-toggler {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.navbar-toggler-left {
position: absolute;
left: 1rem;
}
.navbar-toggler-right {
position: absolute;
right: 1rem;
}
@media (max-width: 575px) {
.navbar-toggleable .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-toggleable {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable > .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable .navbar-toggler {
display: none;
}
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-sm > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-toggleable-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-sm > .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-sm .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-md > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-toggleable-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-md > .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-md .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-md .navbar-toggler {
display: none;
}
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-lg > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-lg > .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-lg .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-lg .navbar-toggler {
display: none;
}
}
.navbar-toggleable-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-xl > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-toggleable-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-xl > .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-xl .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-xl .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
color: white;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {
color: white;
}
.navbar-inverse .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-inverse .navbar-nav .open > .nav-link,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .nav-link.active {
color: white;
}
.navbar-inverse .navbar-toggler {
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-inverse .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-inverse .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-block {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: #f7f7f9;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #f7f7f9;
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-primary {
background-color: #00A39E;
border-color: #00A39E;
}
.card-primary .card-header,
.card-primary .card-footer {
background-color: transparent;
}
.card-success {
background-color: #5cb85c;
border-color: #5cb85c;
}
.card-success .card-header,
.card-success .card-footer {
background-color: transparent;
}
.card-info {
background-color: #5bc0de;
border-color: #5bc0de;
}
.card-info .card-header,
.card-info .card-footer {
background-color: transparent;
}
.card-warning {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.card-warning .card-header,
.card-warning .card-footer {
background-color: transparent;
}
.card-danger {
background-color: #d9534f;
border-color: #d9534f;
}
.card-danger .card-header,
.card-danger .card-footer {
background-color: transparent;
}
.card-outline-primary {
background-color: transparent;
border-color: #00A39E;
}
.card-outline-secondary {
background-color: transparent;
border-color: #ccc;
}
.card-outline-info {
background-color: transparent;
border-color: #5bc0de;
}
.card-outline-success {
background-color: transparent;
border-color: #5cb85c;
}
.card-outline-warning {
background-color: transparent;
border-color: #f0ad4e;
}
.card-outline-danger {
background-color: transparent;
border-color: #d9534f;
}
.card-inverse {
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-header,
.card-inverse .card-footer {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
color: #fff;
}
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
color: #fff;
}
.card-blockquote {
padding: 0;
margin-bottom: 0;
border-left: 0;
}
.card-img {
border-radius: calc(0.25rem - 1px);
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img-top {
border-top-right-radius: calc(0.25rem - 1px);
border-top-left-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
@media (min-width: 576px) {
.card-deck {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-deck .card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card:not(:first-child) {
margin-left: 15px;
}
.card-deck .card:not(:last-child) {
margin-right: 15px;
}
}
@media (min-width: 576px) {
.card-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group .card {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.card-group .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group .card:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.card-group .card:first-child .card-img-top {
border-top-right-radius: 0;
}
.card-group .card:first-child .card-img-bottom {
border-bottom-right-radius: 0;
}
.card-group .card:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.card-group .card:last-child .card-img-top {
border-top-left-radius: 0;
}
.card-group .card:last-child .card-img-bottom {
border-bottom-left-radius: 0;
}
.card-group .card:not(:first-child):not(:last-child) {
border-radius: 0;
}
.card-group .card:not(:first-child):not(:last-child) .card-img-top,
.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
border-radius: 0;
}
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.card-columns .card {
display: inline-block;
width: 100%;
margin-bottom: 0.75rem;
}
}
.breadcrumb {
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #eceeef;
border-radius: 0.25rem;
}
.breadcrumb::after {
display: block;
content: "";
clear: both;
}
.breadcrumb-item {
float: left;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: #636c72;
content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #636c72;
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
}
.page-item:first-child .page-link {
margin-left: 0;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.page-item.active .page-link {
z-index: 2;
color: #fff;
background-color: #00A39E;
border-color: #00A39E;
}
.page-item.disabled .page-link {
color: #636c72;
pointer-events: none;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #00A39E;
background-color: #fff;
border: 1px solid #ddd;
}
.page-link:focus, .page-link:hover {
color: #014c8c;
text-decoration: none;
background-color: #eceeef;
border-color: #ddd;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
border-bottom-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-bottom-right-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
a.badge:focus, a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-default {
background-color: #636c72;
}
.badge-default[href]:focus, .badge-default[href]:hover {
background-color: #4b5257;
}
.badge-primary {
background-color: #00A39E;
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
background-color: #025aa5;
}
.badge-success {
background-color: #5cb85c;
}
.badge-success[href]:focus, .badge-success[href]:hover {
background-color: #449d44;
}
.badge-info {
background-color: #5bc0de;
}
.badge-info[href]:focus, .badge-info[href]:hover {
background-color: #31b0d5;
}
.badge-warning {
background-color: #f0ad4e;
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
background-color: #ec971f;
}
.badge-danger {
background-color: #d9534f;
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
background-color: #c9302c;
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #eceeef;
border-radius: 0.3rem;
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-hr {
border-top-color: #d0d5d8;
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.alert {
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: bold;
}
.alert-dismissible .close {
position: relative;
top: -0.75rem;
right: -1.25rem;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d0e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c1e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bcdff1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6d5ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7ecb5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
}
.alert-danger hr {
border-top-color: #e4b9b9;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.progress {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 0.75rem;
line-height: 1rem;
text-align: center;
background-color: #707070;
border-radius: 0.25rem;
}
.progress-bar {
height: 1rem;
color: #fff;
background-color: #C3323A;
}
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 1rem 1rem;
background-size: 1rem 1rem;
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
-o-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.media {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.media-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.list-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.list-group-item-action {
width: 100%;
color: #464a4c;
text-align: inherit;
}
.list-group-item-action .list-group-item-heading {
color: #292b2c;
}
.list-group-item-action:focus, .list-group-item-action:hover {
color: #464a4c;
text-decoration: none;
background-color: #f7f7f9;
}
.list-group-item-action:active {
color: #292b2c;
background-color: #eceeef;
}
.list-group-item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.list-group-item:focus, .list-group-item:hover {
text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #636c72;
cursor: not-allowed;
background-color: #fff;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
color: #636c72;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #00A39E;
border-color: #00A39E;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text {
color: #daeeff;
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.close {
float: right;
font-size: 1.5rem;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.close:focus, .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .75;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #eceeef;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px;
}
.modal-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 15px;
border-top: 1px solid #eceeef;
}
.modal-footer > :not(:first-child) {
margin-left: .25rem;
}
.modal-footer > :not(:last-child) {
margin-right: .25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 30px auto;
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 800px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
bottom: 0;
left: 50%;
margin-left: -5px;
content: "";
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
top: 50%;
left: 0;
margin-top: -5px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
top: 0;
left: 50%;
margin-left: -5px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
top: 50%;
right: 0;
margin-top: -5px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
}
.tooltip-inner::before {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
padding: 1px;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
margin-top: -10px;
}
.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
left: 50%;
border-bottom-width: 0;
}
.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
bottom: -11px;
margin-left: -11px;
border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
bottom: -10px;
margin-left: -10px;
border-top-color: #fff;
}
.popover.popover-right, .popover.bs-tether-element-attached-left {
margin-left: 10px;
}
.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
top: 50%;
border-left-width: 0;
}
.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
left: -11px;
margin-top: -11px;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
left: -10px;
margin-top: -10px;
border-right-color: #fff;
}
.popover.popover-bottom, .popover.bs-tether-element-attached-top {
margin-top: 10px;
}
.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
left: 50%;
border-top-width: 0;
}
.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
top: -11px;
margin-left: -11px;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
top: -10px;
margin-left: -10px;
border-bottom-color: #f7f7f7;
}
.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 20px;
margin-left: -10px;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.popover.popover-left, .popover.bs-tether-element-attached-right {
margin-left: -10px;
}
.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
top: 50%;
border-right-width: 0;
}
.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
right: -11px;
margin-top: -11px;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
right: -10px;
margin-top: -10px;
border-left-color: #fff;
}
.popover-title {
padding: 8px 14px;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-right-radius: calc(0.3rem - 1px);
border-top-left-radius: calc(0.3rem - 1px);
}
.popover-title:empty {
display: none;
}
.popover-content {
padding: 9px 14px;
}
.popover::before,
.popover::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover::before {
content: "";
border-width: 11px;
}
.popover::after {
content: "";
border-width: 10px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
width: 100%;
}
@media (-webkit-transform-3d) {
.carousel-item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
}
@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
.carousel-item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0;
}
@media (-webkit-transform-3d) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
}
.carousel-control-prev:focus, .carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-faded {
background-color: #f7f7f7;
}
.bg-primary {
background-color: #00A39E !important;
}
a.bg-primary:focus, a.bg-primary:hover {
background-color: #025aa5 !important;
}
.bg-success {
background-color: #5cb85c !important;
}
a.bg-success:focus, a.bg-success:hover {
background-color: #449d44 !important;
}
.bg-info {
background-color: #5bc0de !important;
}
a.bg-info:focus, a.bg-info:hover {
background-color: #31b0d5 !important;
}
.bg-warning {
background-color: #f0ad4e !important;
}
a.bg-warning:focus, a.bg-warning:hover {
background-color: #ec971f !important;
}
.bg-danger {
background-color: #d9534f !important;
}
a.bg-danger:focus, a.bg-danger:hover {
background-color: #c9302c !important;
}
.bg-inverse {
background-color: #292b2c !important;
}
a.bg-inverse:focus, a.bg-inverse:hover {
background-color: #101112 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-top {
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.rounded-right {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-left {
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.rounded-circle {
border-radius: 50%;
}
.rounded-0 {
border-radius: 0;
}
.clearfix::after {
display: block;
content: "";
clear: both;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-sm-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-sm-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-md-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-md-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-lg-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-lg-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-xl-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-xl-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1030;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-1 {
margin: 0.25rem 0.25rem !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mr-1 {
margin-right: 0.25rem !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.ml-1 {
margin-left: 0.25rem !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-2 {
margin: 0.5rem 0.5rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.ml-2 {
margin-left: 0.5rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-3 {
margin: 1rem 1rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mr-3 {
margin-right: 1rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.ml-3 {
margin-left: 1rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-4 {
margin: 1.5rem 1.5rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mr-4 {
margin-right: 1.5rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.ml-4 {
margin-left: 1.5rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-5 {
margin: 3rem 3rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mr-5 {
margin-right: 3rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.ml-5 {
margin-left: 3rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-0 {
padding: 0 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-1 {
padding: 0.25rem 0.25rem !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pr-1 {
padding-right: 0.25rem !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pl-1 {
padding-left: 0.25rem !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-2 {
padding: 0.5rem 0.5rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pr-2 {
padding-right: 0.5rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pl-2 {
padding-left: 0.5rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-3 {
padding: 1rem 1rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pr-3 {
padding-right: 1rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pl-3 {
padding-left: 1rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-4 {
padding: 1.5rem 1.5rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pr-4 {
padding-right: 1.5rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pl-4 {
padding-left: 1.5rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-5 {
padding: 3rem 3rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pr-5 {
padding-right: 3rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.pl-5 {
padding-left: 3rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 0 !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0 {
margin-left: 0 !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-sm-1 {
margin: 0.25rem 0.25rem !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1 {
margin-left: 0.25rem !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem 0.5rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2 {
margin-left: 0.5rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem 1rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3 {
margin-left: 1rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem 1.5rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4 {
margin-left: 1.5rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem 3rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5 {
margin-left: 3rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-sm-0 {
padding: 0 0 !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0 {
padding-left: 0 !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-sm-1 {
padding: 0.25rem 0.25rem !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1 {
padding-left: 0.25rem !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem 0.5rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2 {
padding-left: 0.5rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem 1rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3 {
padding-left: 1rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem 1.5rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4 {
padding-left: 1.5rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem 3rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5 {
padding-left: 3rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto {
margin-left: auto !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 0 !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mr-md-0 {
margin-right: 0 !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0 {
margin-left: 0 !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-md-1 {
margin: 0.25rem 0.25rem !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1 {
margin-left: 0.25rem !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem 0.5rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2 {
margin-left: 0.5rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-md-3 {
margin: 1rem 1rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mr-md-3 {
margin-right: 1rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3 {
margin-left: 1rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-md-4 {
margin: 1.5rem 1.5rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4 {
margin-left: 1.5rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-md-5 {
margin: 3rem 3rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mr-md-5 {
margin-right: 3rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5 {
margin-left: 3rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-md-0 {
padding: 0 0 !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pr-md-0 {
padding-right: 0 !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0 {
padding-left: 0 !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-md-1 {
padding: 0.25rem 0.25rem !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1 {
padding-left: 0.25rem !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem 0.5rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2 {
padding-left: 0.5rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-md-3 {
padding: 1rem 1rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pr-md-3 {
padding-right: 1rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3 {
padding-left: 1rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-md-4 {
padding: 1.5rem 1.5rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4 {
padding-left: 1.5rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-md-5 {
padding: 3rem 3rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pr-md-5 {
padding-right: 3rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5 {
padding-left: 3rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.mr-md-auto {
margin-right: auto !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto {
margin-left: auto !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 0 !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0 {
margin-left: 0 !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-lg-1 {
margin: 0.25rem 0.25rem !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1 {
margin-left: 0.25rem !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem 0.5rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2 {
margin-left: 0.5rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem 1rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3 {
margin-left: 1rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem 1.5rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4 {
margin-left: 1.5rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem 3rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5 {
margin-left: 3rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-lg-0 {
padding: 0 0 !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0 {
padding-left: 0 !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-lg-1 {
padding: 0.25rem 0.25rem !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1 {
padding-left: 0.25rem !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem 0.5rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2 {
padding-left: 0.5rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem 1rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3 {
padding-left: 1rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem 1.5rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4 {
padding-left: 1.5rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem 3rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5 {
padding-left: 3rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto {
margin-left: auto !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 0 !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0 {
margin-left: 0 !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-xl-1 {
margin: 0.25rem 0.25rem !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1 {
margin-left: 0.25rem !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem 0.5rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2 {
margin-left: 0.5rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem 1rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3 {
margin-left: 1rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem 1.5rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4 {
margin-left: 1.5rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem 3rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5 {
margin-left: 3rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-xl-0 {
padding: 0 0 !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0 {
padding-left: 0 !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-xl-1 {
padding: 0.25rem 0.25rem !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1 {
padding-left: 0.25rem !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem 0.5rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2 {
padding-left: 0.5rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem 1rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3 {
padding-left: 1rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem 1.5rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4 {
padding-left: 1.5rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem 3rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5 {
padding-left: 3rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto {
margin-left: auto !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-normal {
font-weight: normal;
}
.font-weight-bold {
font-weight: bold;
}
.font-italic {
font-style: italic;
}
.text-white {
color: #fff !important;
}
.text-muted {
color: #636c72 !important;
}
a.text-muted:focus, a.text-muted:hover {
color: #4b5257 !important;
}
.text-primary {
color: #00A39E !important;
}
a.text-primary:focus, a.text-primary:hover {
color: #025aa5 !important;
}
.text-success {
color: #5cb85c !important;
}
a.text-success:focus, a.text-success:hover {
color: #449d44 !important;
}
.text-info {
color: #5bc0de !important;
}
a.text-info:focus, a.text-info:hover {
color: #31b0d5 !important;
}
.text-warning {
color: #f0ad4e !important;
}
a.text-warning:focus, a.text-warning:hover {
color: #ec971f !important;
}
.text-danger {
color: #d9534f !important;
}
a.text-danger:focus, a.text-danger:hover {
color: #c9302c !important;
}
.text-gray-dark {
color: #292b2c !important;
}
a.text-gray-dark:focus, a.text-gray-dark:hover {
color: #101112 !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.invisible {
visibility: hidden !important;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 575px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin        : 0;
padding       : 0;
border        : 0;
outline       : 0;
font-size     : 100%;
font          : inherit;
vertical-align: baseline;
font-family   : inherit;
font-size     : 100%;
font-style    : inherit;
font-weight   : inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
html {
font-size               : 62.5%;
overflow-y              : scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust    : 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing   : border-box;
box-sizing        : border-box;
}
body {
background : #fff;
line-height: 1;
padding: 0 !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block
}
ol,
ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing : 0;
}
caption,
th,
td {
font-weight: normal;
text-align : left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
blockquote,
q {
quotes: none
}
a img {
border: 0
}
img {
max-width: 100%;
height   : auto;
}
select {
max-width: 100%
} body,
button,
input,
select,
textarea {
font-family            : 'Space Grotesk', sans-serif;
color                  : #696969;
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering         : optimizeLegibility;
overflow-x             : hidden;
overflow-y             : auto;
}
img {
height                : auto;
max-width             : 100%;
vertical-align        : middle;
-ms-interpolation-mode: bicubic
}
p {
font-family: 'Space Grotesk', sans-serif;
font-weight: 400;
font-size  : 16px;
line-height: 28px;
color      : #696969;
}
strong,
b,
cite {
font-weight: bold;
}
dfn,
cite,
em,
i,
blockquote {
font-style: italic;
}
abbr,
acronym {
border-bottom: 1px dotted #e0e0e0;
cursor       : help;
}
.btn-link:focus, 
.btn-link:hover,
mark,
ins {
text-decoration: none;
}
sup,
sub {
font-size     : 75%;
height        : 0;
line-height   : 0;
position      : relative;
vertical-align: baseline;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
address {
font-style: italic;
margin    : 0 0 20px;
}
code,
kbd,
tt,
var,
samp,
pre {
margin         : 20px 0;
padding        : 4px 12px;
background     : #f5f5f5;
border         : 1px solid #e0e0e0;
overflow-x     : auto;
-webkit-hyphens: none;
-moz-hyphens   : none;
hyphens        : none;
border-radius  : 0;
height         : auto;
}
svg,
svg path {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} html {
-webkit-box-sizing: border-box;
-moz-box-sizing   : border-box;
box-sizing        : border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing   : border-box;
box-sizing        : border-box;
}
hr {
margin-bottom: 20px;
border       : dashed 1px #ccc;
} ul,
ol {
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
}
li {
list-style: none;
}
ul li,
ol li {
padding: 0;
}
dl,
dd {
margin: 0 0 20px;
}
dt {
font-weight: bold;
}
del,
.disable {
text-decoration: line-through;
filter         : alpha(opacity=50);
opacity        : 0.5;
} table,
th,
td {
border: 1px solid #343444;
}
table {
border-collapse: separate;
border-spacing : 0;
border-width   : 1px 0 0 1px;
margin         : 0 0 30px;
table-layout   : fixed;
width          : 100%;
}
caption,
th,
td {
font-weight: normal;
text-align : left;
}
th {
border-width: 0 1px 1px 0;
font-weight : bold;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 8px 12px;
} embed,
object,
video {
margin-bottom : 20px;
max-width     : 100%;
vertical-align: middle;
}
p>embed,
p>iframe,
p>object,
p>video {
margin-bottom: 0;
}  button,
input {
line-height: normal;
}
button,
input,
select,
textarea {
font-size     : 100%;
line-height   : inherit;
margin        : 0;
vertical-align: baseline;
}
input,
textarea,
select {
font-size       : 14px;
max-width       : 100%;
background      : #fff; }
textarea {
overflow      : auto; vertical-align: top; }
input[type="checkbox"] {
display: inline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
line-height       : 1;
cursor            : pointer;
-webkit-appearance: button;
border            : 0;
}
input[type="checkbox"],
input[type="radio"] {
padding       : 0;
width         : 20px;
height        : 20px;
margin-right  : 10px;
cursor        : pointer;
vertical-align: sub; }
input[type="search"] {
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border : 0;
padding: 0;
} input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset
} input[type="search"] {
outline: 0
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none
} fieldset {
margin-bottom: 0px;
width: 100%;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-ms-appearance: none;
}
.select {
position: relative;
overflow: hidden;
}
.select::after {
display: block;
position: absolute;
font-family: 'icomoon' ;
content: '\e915';
top: 50%;
right: 25px;
font-weight: 400;
font-size: 12px;
color: #00A39E;
background: 0 0;
pointer-events: none;
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
select {
border: none;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 100%;
padding: 20px 30px;
height: 60px;
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
line-height: 11px;
border-radius: 10px;
background-color: #fff;
color: #696969;
}
select option {
padding: 20px 30px;
font-size: 16px;
line-height: 11px;
color: #696969;
background-color: #fff;
}
select.style-1 option,
select.style-1 {
background-color: #f2f8fd;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
border: none;
outline           : 0;
-webkit-box-shadow: none;
-moz-box-shadow   : none;
box-shadow        : none;
font-family: 'Space Grotesk';
font-weight: 400;
font-size  : 16px;
line-height: 11px;
border-radius: 10px;
padding: 25px 30px 24px 30px;
width: 100%;
height: 60px;
background: #fff;
color: #696969;
}
textarea.style-1,
input[type="text"].style-1,
input[type="password"].style-1,
input[type="datetime"].style-1,
input[type="datetime-local"].style-1,
input[type="date"].style-1,
input[type="month"].style-1,
input[type="time"].style-1,
input[type="week"].style-1,
input[type="number"].style-1,
input[type="email"].style-1,
input[type="url"].style-1,
input[type="search"].style-1,
input[type="tel"].style-1,
input[type="color"].style-1 {
background: #f2f8fd;
} textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
border: 1px solid #00A39E;
border-radius: 12px;
padding: 24px 29px 23px 29px;
outline           : 0;
-webkit-box-shadow: none;
-moz-box-shadow   : none;
box-shadow        : none;
}
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder {
font-size  : 16px;
font-weight: 400;
line-height: 11px;
font-family: 'Space Grotesk';
color      : #696969;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family       : 'Space Grotesk';
font-weight       : 700;
font-size         : 16px;
line-height       : 11px;
background-color  : #00A39E;
color             : #fff;
border-radius     : 14px;
padding           : 20px 48px 20px 30px;
height            : 51px;
border            : none;
display           : inline-block;
-webkit-appearance: none;
-webkit-transition: all 0.3s ease;
-moz-transition   : all 0.3s ease;
transition        : all 0.3s ease;
position          : relative;
}
button::after,
input[type="button"]::after,
input[type="reset"]::after,
input[type="submit"]::after {
position: absolute;
font-family: 'icomoon' ;
content: '\ea3c';
font-size: 11px;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
} button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: 0;
border: none; }
textarea {
height: 130px;
}
button[type="submit"]:hover {
background: #FFF;
color: #00A39E;
} ::-webkit-input-placeholder {
color: #696969;
}
:-moz-placeholder {
color: #696969;
}
::-moz-placeholder {
color  : #696969;
opacity: 1;
} :-ms-input-placeholder {
color: #696969;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family   : 'Space Grotesk', sans-serif;
color         : #030014;
font-weight   : 700;
text-rendering: optimizeLegibility;
}
h1 {
font-size: 75px;
line-height: 90px;
}
h2 {
font-size: 48px;
line-height: 57px;
}
h3 {
font-size: 24px;
line-height: 36px;
}
h4 {
font-size: 22px;
line-height: 33px;
}
h5 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
h6 {
font-size: 18px;
line-height: 27px;
} .hidden {
display: none;
}
.block {
display: block;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed !important;
}
.position-unset {
position: unset;
}
.z-5 {
z-index: 5;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flex-grow {
flex-grow: 1;
}
.row-reverse {
flex-direction: row-reverse;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-between {
justify-content: space-between;
}
.items-center {
align-items: center;
}
.flex-wrap {
flex-wrap: wrap;
}
.text-end {
text-align: end;
}
.text-center {
text-align: center;
}
.gap40 {
gap: 40px;
}
.gap30 {
gap: 30px;
}
.gap25 {
gap: 25px;
}
.gap20 {
gap: 20px;
}
.gap10 {
gap: 10px;
}
.w-full {
width: 100%;
}
.h-full {
height: 100%;
}
.tf-color {
color: #00A39E !important;
}
.tf-color-green {
color: #09B6A2 !important;
}
.tf-color-blue {
color: #00A39E !important;
}
.tf-color-yellow {
color: #00A39E !important;
}
.divider {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
}
.pt-130 {
padding-top: 130px;
}
.pb-130 {
padding-bottom: 130px;
}
.mt-50 {
margin-top: 50px;
}
.mt-40 {
margin-top: 40px;
}
.mt-20 {
margin-top: 20px;
}
.mt-10 {
margin-top: 10px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.ml-35 {
margin-left: 35px;
}
.ml--3 {
margin-left: -3px;
}
.fl-item-1,
.fl-item {
display: none;
}
.capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.e-resize {
cursor: e-resize;
}
.home2 {
background: #1D1F21;
}
.home4 {
background: #11121C;
}
#wrapper{
position: relative;
overflow: hidden;
max-width: 100%;
height: 100%;
} a {
text-decoration   : none;
color             : #696969;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
a:hover,
a:focus {
color             : #00A39E;
text-decoration   : none;
outline           : 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
a:focus {
color: #FFF;
} .tf-button {
display: flex;
justify-content: center;
align-items: center;
gap: 7px;
position: relative;
border: none;
color: #fff;
background-color: #00A39E;
border-radius: 14px;
font-weight: 700;
font-size: 16px;
line-height: 11px;
width: max-content;
height: 51px;
padding: 20px 30px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease;
-moz-transition   : all 0.3s ease;
-ms-transition    : all 0.3s ease;
-o-transition     : all 0.3s ease;
transition        : all 0.3s ease;
}
.tf-button:hover,
.tf-button.active {
color: #00A39E;
background-color: #fff;
}
.tf-button i {
font-size: 12px;
}
.tf-button.style-1 {
color: #030014;
background-color: #fff;
border: 1px solid #fff;
padding: 19px 29px;
}
.tf-button.style-1.active,
.tf-button.style-1:hover {
background-color: transparent;
color: #fff;
border: 1px solid #fff;
}
.tf-button.style-1.active:hover {
color: #030014;
background-color: #fff;
}
.tf-button.type-1:hover {
background-color: #030014;
color: #FFF;
}
.tf-button.type-2 {
background-color: #030014;
color: #FFF;
}
.tf-button.type-2:hover {
background-color: #00A39E;
color: #FFF;
}
.tf-button.type-3 {
background-color: #030014;
color: #FFF;
}
.tf-button.type-3:hover {
color: #030014;
background-color: #FFF;
}
.tf-button.h45 {
padding: 17px 30px;
height: 45px;
}
.tf-button.h40 {
padding: 15px 25px 14px ;
height: 40px;
font-size: 14px;
}
.tf-button.style-2 {
color: #fff;
padding: 20px 29px;
border: 1px solid #55EDDB;
background: linear-gradient(145deg, #09B6A2 0%, #55EDDB 100%);
}
.tf-button.style-2:hover {
background: linear-gradient(315deg, #09B6A2 0%, #55EDDB 100%);
border: 1px solid rgba(255, 255, 255, 0.20);
}
.tf-button.style-3 {
border: 1.5px solid rgba(255, 255, 255, 0.15);
background: none;
color: #FFF;
}
.tf-button.style-3:hover {
background: linear-gradient(145deg, #09B6A2 0%, #55EDDB 100%);
} .tf-button-default {
display: flex;
gap: 7px;
align-items: center;
color: #00A39E;
font-size: 16px;
line-height: 11px;
}
.tf-button-default:hover {
color: #030014;
}
.tf-button-default i {
font-size: 11px;
} .tf-button.style-green {
background-color: rgba(9, 182, 162, 1);
}
.tf-button.style-green:hover {
color: rgba(9, 182, 162, 1);
background-color: #FFF;
} .tf-button.style-blue {
background-color: rgba(52, 104, 240, 1);
border: 1px solid rgba(52, 104, 240, 1);
padding: 17px 29px;
}
.tf-button.style-blue:hover {
color: rgba(52, 104, 240, 1);
background-color: #FFF;
} .tf-button.style-yellow {
background-color: #00A39E;
border: 1px solid #00A39E;
color: #030014;
padding: 17px 29px;
}
.tf-button.style-yellow:hover {
color: #00A39E;
background-color: #030014;
}  .header {
z-index: 100;
height: 105px;
width: 100%;
border: none;
padding-right: 0 !important;
background: transparent;
position: relative;
margin-bottom: -105px;
}
.header-inner {
padding: 29px 52px 31px 70px;
display: flex;
justify-content: space-between;
align-items: center;
}
#site-logo {
margin-right: 101px;
} .main-nav {
display: flex;
gap: 30px;
align-items: center;
}
.menu-primary-menu {
display: flex;
gap: 46px;
}
.menu-primary-menu li {
position: relative;
}
.menu-primary-menu li a {
font-family: 'Space Grotesk';
font-size: 18px;
font-weight: 600;
line-height: 45px;
color: #fff;
position: relative;
}
.menu-primary-menu li.menu-item-has-children > a::after {
font-family: 'icomoon';
content: '\e915';
font-size: 18px;
line-height: 13px;
position: absolute;
right: -20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-primary-menu > li > a::before {
position: absolute;
content: '';
bottom: 0;
left: auto;
right: 0;
width: 0;
height: 2px;
background-color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-primary-menu li:hover a::before ,
.menu-primary-menu li.current-menu-item a::before {
width: 100%;
left: 0;
right: auto;
} .menu-primary-menu li:hover .sub-menu {
top: 100%;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.menu-primary-menu .sub-menu {
position: absolute;
background: #fff;
min-width: 220px;
left: 0%;
top: 110%;
border-radius: 8px;
box-shadow: 0px 0px 5px rgba(104, 68, 237, 0.15);;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-primary-menu .sub-menu li {
padding: 7px 20px;
border-bottom: 1px solid #F1F1F1;
}
.menu-primary-menu .sub-menu li:last-child {
border-bottom: none;
}
.menu-primary-menu .sub-menu li a {
color: #121212;
font-size: 16px;
}
.menu-primary-menu .sub-menu li.current-item a,
.menu-primary-menu .sub-menu li a:hover {
color: #00A39E;
} .header-search .show-search i::before {
font-size: 18px;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-search .top-search {
position: absolute;
top: 32px;
left: 0;
min-width: 240px;
display: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-search .top-search.active {
display: block;
}
.search-form .icon-search {
position: absolute;
top: 50%;
right: 23px;
font-size: 18px;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
} .header-right {
display: flex;
align-items: center;
gap: 40px;
}
.header-right .sign-in {
color: #FFF;
font-size: 18px;
font-weight: 700;
text-decoration-line: underline;
} .mobile-button {
display           : none;
position          : absolute;
width             : 26px;
height            : 26px;
top               : 50%;
right             : 15px;
background-color  : transparent;
cursor            : pointer;
-webkit-transition: all 0.3s ease;
-moz-transition   : all 0.3s ease;
-ms-transition    : all 0.3s ease;
-o-transition     : all 0.3s ease;
transition        : all 0.3s ease;
-webkit-transform : translateY(-20px);
-ms-transform     : translateY(-20px);
-o-transform      : translateY(-20px);
transform         : translateY(-20px);
}
.mobile-button:before,
.mobile-button:after,
.mobile-button span {
background-color  : #ffffff;
-webkit-transition: all ease 0.3s;
-moz-transition   : all ease 0.3s;
transition        : all ease 0.3s;
}
.mobile-button:before,
.mobile-button:after {
content                 : '';
position                : absolute;
top                     : 0;
height                  : 3px;
width                   : 100%;
left                    : 0;
top                     : 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin    : 50% 50%;
transform-origin        : 50% 50%;
}
.mobile-button span {
position   : absolute;
width      : 100%;
height     : 3px;
left       : 0;
top        : 50%;
overflow   : hidden;
text-indent: 200%;
}
.mobile-button:before {
-webkit-transform: translate3d(0, -7px, 0);
-moz-transform   : translate3d(0, -7px, 0);
transform        : translate3d(0, -7px, 0);
}
.mobile-button:after {
-webkit-transform: translate3d(0, 7px, 0);
-moz-transform   : translate3d(0, 7px, 0);
transform        : translate3d(0, 7px, 0);
}
.header.header-blue .mobile-button:before, 
.header.header-blue .mobile-button:after, 
.header.header-blue .mobile-button span {
background-color: #030014;
} .mobile-nav-wrap .overlay-mobile-nav {
cursor: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/close.svg),auto;
content: '';
position: fixed;
left: 0;
top: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%);
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition   : all 0.3s ease;
-ms-transition    : all 0.3s ease;
-o-transition     : all 0.3s ease;
transition        : all 0.3s ease;
}
.mobile-nav-wrap.active .overlay-mobile-nav {
opacity: 1;
visibility: visible;
}
.mobile-nav-wrap.active .overlay-mobile-nav i {
font-size: 25px;
margin-right: 20px;
color: #FFFFFF;
}
.mobile-nav-wrap .inner-mobile-nav {
width: 320px;
height: 100%;
top: 0;
left: -340px;
position: fixed;
background-color: #161616;
z-index: 999999;
overflow-y: auto;
-webkit-transition: all 0.5s ease;
-moz-transition   : all 0.5s ease;
-ms-transition    : all 0.5s ease;
-o-transition     : all 0.5s ease;
transition        : all 0.5s ease;
}
.mobile-nav-wrap .inner-mobile-nav::-webkit-scrollbar {
width: 0px;
}
.mobile-nav-wrap.active .inner-mobile-nav {
left: 0;
}
.inner-mobile-nav {
padding: 30px;
position: relative;
}
.inner-mobile-nav .mobile-nav-close {
position: absolute;
top: 40px;
right: 30px;
cursor: pointer;
} #menu-mobile-menu {
margin-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 30px;
}
#menu-mobile-menu {
display: flex;
flex-direction: column;
}
#menu-mobile-menu>li {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding: 15px 0px;
cursor: pointer;
}
#menu-mobile-menu>li .sub-menu-mobile li:last-child,
#menu-mobile-menu>li:last-child {
border: none;
}
#menu-mobile-menu li a {
font-size: 16px;
line-height: 22px;
font-weight: 500;
color: #fff;
}
#menu-mobile-menu li.current-menu-item > a ,
#menu-mobile-menu li a:hover ,
#menu-mobile-menu li.current-item a {
color: #00A39E;
}
#menu-mobile-menu li.menu-item-has-children-mobile > a::after {
content: '\e915';
position: absolute;
font-family: 'icomoon';
font-weight: 300;
position: absolute;
right: 0;
top: 17px;
line-height: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#menu-mobile-menu>li.active a::after {
transform: rotate(180deg);
}
#menu-mobile-menu>li .sub-menu-mobile {
margin-top: 10px;
border-radius: 8px;
display: none;
text-align: start;
overflow: hidden;
}
#menu-mobile-menu>li .sub-menu-mobile li {
padding: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
cursor: pointer;
}
#menu-mobile-menu>li .sub-menu-mobile a {
font-size: 16px;
line-height: 22px;
font-weight: 500;
} .header.is-fixed {
position: fixed;
padding: 0;
top: -100%;
left: 0;
width: 100%;
box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);
z-index: 9999;
background: #161616;
border: none;
opacity: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.header.is-fixed.is-small {
top: 0;
height: 105px;
} .header-green .header-inner {
padding-left: 0;
padding-right: 0;
justify-content: unset;
}
.header-green #site-logo {
margin-right: 0;
}
.header-green .main-nav {
flex-grow: 1;
justify-content: end;
padding-right: 50px;
}
.header-green .menu-primary-menu > li.current-menu-item > a,
.header-green .menu-primary-menu .sub-menu li.current-item a,
.header-green .menu-primary-menu .sub-menu li a:hover,
.header-green .menu-primary-menu > li:hover > a {
color: #09B6A2;
}
.header-green .menu-primary-menu > li.current-menu-item > a::before,
.header-green .menu-primary-menu > li:hover > a::before {
background: #09B6A2;
}
.header-green .menu-primary-menu li .sub-menu {
background-color: #030014;
}
.header-green .menu-primary-menu .sub-menu li a  {
color: #FFF;
}
.header-green .menu-primary-menu .sub-menu li {
border-bottom: 1px solid #F1F1F166;
}
.header-green .menu-primary-menu .sub-menu li:last-child {
border: none;
} .header.header-blue {
margin-bottom: 0;
}
.header.header-blue #site-logo {
margin-right: 98px;
}
.header.header-blue .header-inner {
justify-content: start;
}
.header.header-blue .main-nav {
flex-grow: 1;
}
.header.header-blue .header-search .show-search i::before,
.header.header-blue .header-right .sign-in,
.header.header-blue .menu-primary-menu li a {
color: #030014;
}
.header.header-blue .header-search .show-search:hover i::before,
.header.header-blue .menu-primary-menu .sub-menu li:hover a,
.header.header-blue .menu-primary-menu .sub-menu li.current-item a,
.header.header-blue .menu-primary-menu > li.current-menu-item > a,
.header.header-blue .menu-primary-menu > li:hover > a,
.header.header-blue .header-right .sign-in:hover {
color: rgba(52, 104, 240, 1);
}
.header.header-blue .menu-primary-menu > li > a::before {
background-color: rgba(52, 104, 240, 1);
}
.header.header-blue.is-fixed {
background-color: #FFF;
} .header-yellow {
margin-bottom: 0;
background: rgba(23, 24, 37, 1);
}
.header-yellow .header-inner {
padding-left: 0;
padding-right: 0;
justify-content: unset;
}
.header.header-yellow .header-search .show-search:hover i::before,
.header.header-yellow .menu-primary-menu .sub-menu li:hover a,
.header.header-yellow .menu-primary-menu .sub-menu li.current-item a,
.header.header-yellow .menu-primary-menu > li.current-menu-item > a,
.header.header-yellow .menu-primary-menu > li:hover > a,
.header.header-yellow .header-right .sign-in:hover {
color: #00A39E;
}
.header.header-yellow .menu-primary-menu > li > a::before {
background-color: #00A39E;
}  #footer {
background: #0C091D;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line.png);
position: relative;
}
#logo-footer {
min-width: 166px;
}
.footer-top {
padding-top: 218px;
padding-bottom: 80px;
display: flex;
justify-content: space-between;
align-items: center;
}
.avatar-wrapper {
display: flex;
gap: 20px 54px;
align-items: center;
}
.avatar-wrapper p {
font-weight: 500;
font-size: 20px;
line-height: 14px;
color: #fff;
letter-spacing: -0.6px;
}
.avatar-wrapper p span {
font-family: 'Playfair Display';
font-style: italic;
}
.wg-list-avatar a {
margin-right: -13px;
}
.wg-list-avatar a:last-child {
margin-right: 3px;
}
.wg-list-avatar a img {
border-radius: 50px;
border: 3px solid var(--color-white, #FFF);
box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.20);
width: 50px;
}
.footer-title {
color: #FFF;
font-family: 'Space Grotesk';
font-size: 20px;
font-weight: 600;
line-height: 14px;
letter-spacing: -0.6px;
margin-bottom: 36px;
}
#footer p.text {
color: #FFF;
font-family: 'Space Grotesk';
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-top: -4px;
margin-bottom: 21px;
}
ul.wg-social {
display: flex;
gap: 10px;
}
ul.wg-social li a {
width: 40px;
height: 40px;
background: #fff;
color: #00A39E;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 50%;
font-size: 15px;
}
ul.wg-social li a:hover {
color: #fff;
background-color: #00A39E;
}
ul.wg-menu li {
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: 20px;
}
ul.wg-menu li:last-child {
margin-bottom: 0;
}
ul.wg-menu li a {
color: #FFF;
position: relative;
}
ul.wg-menu li a::before {
position: absolute;
content: '';
bottom: 0;
left: auto;
right: 0;
width: 0;
height: 2px;
background-color: #00A39E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.wg-menu li a:hover::before {
width: 100%;
left: 0;
right: auto;
}
ul.wg-menu li a:hover {
color: #00A39E;
}
.footer-bottom {
margin-top: 75px;
padding-top: 41px;
border-top: 2px solid rgba(255, 255, 255, 0.15);
padding-bottom: 35px;
display: flex;
justify-content: space-between;
}
.footer-bottom p a:hover {
color: #CBED44 !important;
}
.footer-bottom ul {
gap: 41px;
display: flex;
}
.footer-bottom ul li a {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.footer-bottom ul li a:hover {
color: #00A39E;
}
#footer .item1 {
position: absolute;
top: 249px;
left: 72px;
animation: to-bottom 5s infinite linear;
}
#footer .item2 {
position: absolute;
bottom: 122px;
left: -59px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #61FF00;
filter: blur(40px);
}
#footer .item3 {
position: absolute;
bottom: -86px;
left: 808px;
width: 102px;
height: 102px;
border-radius: 50%;
background: #00FFF0;
filter: blur(50px);
}
#footer .item4 {
position: absolute;
top: 101px;
right: 438px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #FF00E5;
filter: blur(40px);
}
#footer .item5 {
position: absolute;
bottom: 191px;
right: -189px;
width: 223px;
height: 223px;
border-radius: 50%;
background: #ECE30A;
filter: blur(50px);
} #footer.style-1 {
background-color: #111112;
padding-top: 269px;
padding-left: 17px;
overflow: hidden;
}
#footer.style-1 > .item-1 {
position: absolute;
content: '';
left: -108px;
top: -177px;
width: 430px;
height: 390px;
transform: rotate(-105deg);
background: linear-gradient(180deg, #09B6A2 0%, rgba(9, 182, 162, 0.00) 100%);
opacity: 0.6;
filter: blur(150px);
}
#footer.style-1 > .item-2 {
position: absolute;
content: '';
right: -110px;
bottom: 46px;
width: 370px;
height: 336px;
background: linear-gradient(180deg, #09B6A2 0%, rgba(9, 182, 162, 0.00) 100%);
opacity: 0.6;
filter: blur(150px);
}
#footer.style-1 .footer-bottom {
margin-top: 95px;
padding-top: 41px;
}
#footer.style-1 .footer-bottom ul li a:hover {
color: rgba(9, 182, 162, 1);
}
#footer.style-1 ul.wg-menu li a:hover {
color: rgba(9, 182, 162, 1);
}
#footer.style-1 ul.wg-menu li a::before {
background-color: rgba(9, 182, 162, 1);
}
#footer.style-1 .list-1 {
padding-left: 43px;
}
#footer.style-1 .list-2 {
padding-left: 71px;
}
#footer.style-1 .list-3 {
padding-left: 99px;
}
#footer.style-1 .list-4 {
padding-left: 17px;
}
#footer.style-1 form button {
background: linear-gradient(145deg, #09B6A2 0%, #55EDDB 100%);
}
#footer.style-1 form button:hover {
color: #030014;
} #footer.style-2 {
background-color: rgba(242, 248, 253, 1);
padding-top: 80px;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line-1.png);
}
#footer.style-2 .content p {
margin-top: 23px;
margin-bottom: 27px;
}
#footer.style-2 .footer-bottom {
border-top: 1px solid rgba(52, 104, 240, 0.2);
margin-top: 80px;
padding-top: 31px;
}
#footer.style-2 .footer-bottom p {
color: #696969;
}
#footer.style-2 .footer-bottom ul {
gap: 29px;
}
#footer.style-2 .footer-bottom ul li a {
color: #696969;
}
.box-email {
width: 277px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
border-radius: 10px;
border: 1px solid rgba(52, 104, 240, 0.30);
background: #FFF;
box-shadow: 0px 10px 60px 0px rgba(52, 104, 240, 0.15);
}
.box-email .icon-mail {
font-size: 20px;
}
.box-email a {
color:  #030014;
font-size: 18px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.54px;
}
.box-subscribe {
padding: 32px 60px 40px 60px;
border-radius: 20px;
background: #FFF;
}
.box-subscribe h4 {
color: #030014;
font-size: 22px;
font-weight: 700;
line-height: 33px;
letter-spacing: -0.66px;
margin-bottom: -1px;
}
.box-subscribe h4 span {
color: #00A39E;
font-family: 'Playfair Display';
font-size: 22px;
font-style: italic;
font-weight: 700;
line-height: 33px;
letter-spacing: -0.66px;
}
.box-subscribe form {
display: flex;
align-items: center;
gap: 20px;
}
.box-subscribe form input {
border-radius: 12px;
color: #030014;
border: 1px solid #00A39E;
background:  #F2F8FD;
padding: 20px 30px 20px 24px;
height: 51px;
width: 100%;
}
.box-subscribe form input:focus {
border: 1px solid #00A39E;
padding: 20px 30px 20px 24px;
}
.box-subscribe form input::placeholder {
color: #030014;
}
.box-subscribe form button {
background: rgba(52, 104, 240, 1);
padding: 19px 47px 19px 29px;
border: 1px solid rgba(52, 104, 240, 1);
}
.box-subscribe form button:hover {
color: rgba(52, 104, 240, 1);
} #footer.style-1.type-yellow {
background: #111112;
background-image: none;
padding-top: 80px;
padding-left: 20px;
}
#footer.style-1.type-yellow > .item-2,
#footer.style-1.type-yellow > .item-1 {
background: linear-gradient(180deg, #E7F85E 0%, rgba(231, 248, 94, 0.00) 100%);
}   
#footer.style-1.type-yellow form button {
background: rgba(230, 248, 94, 1);
color: #030014;
}
#footer.style-1.type-yellow form button:hover {
color: rgba(230, 248, 94, 1);
background-color: #030014;
}
#footer.style-1.type-yellow .footer-bottom ul li a:hover,
#footer.style-1.type-yellow ul.wg-menu li a:hover {
color: #00A39E;
}
#footer.style-1.type-yellow ul.wg-menu li a::before {
background-color: #00A39E;
}
#footer.style-1.type-yellow form input:focus {
border-color: #00A39E;
}  .cta {
margin-bottom: -138px;
position: relative;
z-index: 10;
}
.cta.style-1 {
margin-bottom: -168px;
}
.cta-wrapper {
border-radius: 30px;
background: #00A39E;
padding: 80px 80px 68px 80px;
display: flex;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.cta-wrapper .ellipse {
position: absolute;
left: 50%;
bottom: 0;
background-color: rgba(255, 255, 255, 0.05);
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.10);
transform: translate(-50%, 55%);
z-index: 0;
}
.cta-wrapper .ellipse.item1 {
width: 200px;
height: 200px;
animation: ellipse1 3s linear 0s infinite;
}
.cta-wrapper .ellipse.item2 {
width: 290px;
height: 290px;
animation: ellipse1 3s linear 0s infinite;
animation-delay: 0.5s;
}
.cta-wrapper .ellipse.item3 {
width: 394px;
height: 394px;
animation: ellipse1 3s linear 0s infinite;
animation-delay: 1s;
}
.cta-wrapper .ellipse.item4 {
width: 496px;
height: 496px;
animation: ellipse1 3s linear 0s infinite;
animation-delay: 1.5s;
}
.cta-title h6 {
color: #fff;
line-height: 13px;
letter-spacing: -0.54px;
margin-bottom: 19px;
}
.cta-title h2 {
color: #fff;
line-height: 57px;
letter-spacing: -1.44px;
}
.cta-title h2 span {
line-height: 51px;
font-style: italic;
font-family: 'Playfair Display';
}
.cta-content {
margin-right: 2px;
}
.cta-content p {
line-height: 29px;
color: #fff;
font-size: 18px;
margin-top: -6px;
margin-bottom: 27px;
}
.cta-wrapper-1 {
position: relative;
border-radius: 30px;
background: linear-gradient(145deg, #09B6A2 0%, #55EDDB 100%);
padding: 89px 0 99px;
text-align: center;
}
.cta-wrapper-1::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/dot-1.png);
}
.cta-wrapper-1 h2 {
color: #1D1F21;
letter-spacing: -1.44px;
margin-bottom: 16px;
}
.cta-wrapper-1 p {
color:  #1D1F21;
font-size: 18px;
font-weight: 400;
line-height: 28.8px;
margin-bottom: 31px;
}
.cta-wrapper-1 .item1 {
position: absolute;
top: 75px;
left: 60px;
width: 225px;
height: 225px;
border: 2px dashed #fff;
border-radius: 50%;
animation: rotate360 20s infinite linear;
}
.cta-wrapper-1 .item2 {
position: absolute;
top: 130px;
left: 94px;
border-radius: 15px;
box-shadow: 0px 20px 40px 0px rgba(9, 182, 162, 0.10);
}
.cta-wrapper-1 .item3 {
position: absolute;
top: 70px;
right: 60px;
width: 275px;
height: 275px;
border: 2px dashed #fff;
border-radius: 50%;
animation: rotate360 20s infinite linear;
}
.cta-wrapper-1 .item4 {
position: absolute;
top: 143px;
right: 106px;
border-radius: 16px;
box-shadow: 0px 20px 40px 0px rgba(9, 182, 162, 0.10);
} .cta.type-1 {
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.cta.type-1 .cta-wrapper {
display: block;
text-align: center;
background: none;
padding-top: 115px;
padding-bottom: 130px;
}
.cta.type-1 .cta-wrapper a {
margin: auto;
margin-top: 38px;
}
.cta.type-1 .cta-wrapper .ellipse.item1 {
width: 480.911px;
height: 480.911px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: #212329;
}
.cta.type-1 .cta-wrapper .ellipse.item2 {
width: 650.307px;
height: 650.307px;
border-radius: 650.307px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: #1B1D23;
}
.cta.type-1 .cta-wrapper .ellipse.item3 {
width: 822.573px;
height: 822.573px;
border-radius: 822.573px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: #17181E;
}
.cta.type-1 .cta-wrapper .ellipse.item4 {
border-radius: 969px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: #13141D;
width: 969px;
height: 969px;
}
.cta.type-1 > img {
position: absolute;
border-radius: 50px;
border: 3px solid var(--color-white, #FFF);
box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.20);
width: 50px;
z-index: 5;
}
.cta.type-1 > .img1 {
top: 142px;
left: 146px;
animation: to-bottom 5s infinite linear;
}
.cta.type-1 > .img2 {
bottom: 74px;
left: 248px;
animation: to-bottom 5s infinite linear;
}
.cta.type-1 > .img3 {
bottom: 85px;
right: 256px;
animation: to-bottom 5s infinite linear;
}
.cta.type-1 > .img4 {
top: 95px;
right: 160px;
animation: to-bottom 5s infinite linear;
}
.cta .cta-title {
position: relative;
z-index: 5;
}  .flat-title-page {
padding-top: 195px;
padding-bottom: 110px;
background: #e2f4ec;
position: relative;
overflow: hidden;
}
.flat-title-page .item1 {
position: absolute;
top: 202px;
left: -59px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #61FF00;
filter: blur(40px);
}
.flat-title-page .item2 {
position: absolute;
bottom: -86px;
left: 668px;
width: 102px;
height: 102px;
border-radius: 50%;
background: #00FFF0;
filter: blur(50px);
}
.flat-title-page .item3 {
position: absolute;
top: -27px;
right: 438px;
width: 160px;
height: 29px;
transform: rotate(-20.673deg);
background: #FF00E5;
filter: blur(40px);
}
.flat-title-page .item4 {
position: absolute;
bottom: -149px;
right: -129px;
width: 223px;
height: 223px;
border-radius: 50%;
background: #ECE30A;
filter: blur(50px);
}
.flat-title-page::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0%;
left: 0%;
background: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/item-background/line.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.flat-title-page .heading {
color:  #FFF;
font-size: 65px;
font-weight: 700;
line-height: 46px;
letter-spacing: -1.95px;
text-align: center;
margin-bottom: 50px;
}
.flat-title-page .heading span {
font-family: 'Playfair Display';
font-style: italic;
color: #00A39E;
}
.breadcrumbs {
display: flex;
justify-content: center;
align-items: center;
gap: 58px;
}
.breadcrumbs li::before {
position: absolute;
right: -46px;
font-size: 29px;
top: 50%;
transform: translateY(-50%);
color: #FFF;
}
.breadcrumbs li a {
color: #FFF;
font-family: "Space Grotesk";
font-size: 24px;
font-weight: 700;
line-height: 17px;
letter-spacing: -0.72px;
}
.breadcrumbs li.active a {
text-decoration-line: underline;
color: #CBED44;
}
.flat-title-page.shop .heading {
line-height: 57px;
margin-bottom: 44px;
}
.related-products {
padding-bottom: 80px;
}
.related-products .title {
color: #030014;
font-size: 30px;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.9px;
text-align: center;
margin-bottom: 42px;
}  .preload-container {
position: fixed;
top: 0px;
left: 0px;
z-index: 999999999999999;
height: 100%;
width: 100%;
background-color: #000;
}
.preload-container .middle {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.preload-container .bar {
width: 10px;
height: 70px;
background: transparent;
display: inline-block;
transform-origin: bottom center;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
animation: loader 1.2s linear infinite;
}
body.page-green .preload-container .bar {
animation: loader1 1.2s linear infinite;
}
body.page-blue .preload-container .bar {
animation: loader2 1.2s linear infinite;
}
body.page-yellow .preload-container .bar {
animation: loader3 1.2s linear infinite;
}
.preload-container .bar1 {
animation-delay: 0.1s !important;
}
.preload-container .bar2 {
animation-delay: 0.2s !important;
}
.preload-container .bar3 {
animation-delay: 0.3s !important;
}
.preload-container .bar4 {
animation-delay: 0.4s !important;
}
.preload-container .bar5 {
animation-delay: 0.5s !important;
}
.preload-container .bar6 {
animation-delay: 0.6s !important;
}
.preload-container .bar7 {
animation-delay: 0.7s !important;
}
.preload-container .bar8 {
animation-delay: 0.8s !important;
}  .progress-wrap {
position: fixed;
bottom: 30px;
right: 30px;
height: 50px;
width: 50px;
padding: 10px;
cursor: pointer;
display: block;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);
box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);
z-index: 100;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
background: #00A39E;
}
.progress-wrap::after {
position: absolute;
content: '\e912';
font-family: 'icomoon';
text-align: center;
line-height: 50px;
font-size: 16px;
font-weight: 900;
color: #fff;
left: 0;
top: 0;
height: 50px;
width: 50px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.progress-wrap:hover::after {
animation: 1s tf-buzz-out alternate linear infinite;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
box-sizing: border-box;
stroke: #fff;
stroke-width: 5;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 0.4s;
transition-timing-function: linear;
}
body.page-green .progress-wrap {
background: #09B6A2;    
}
body.page-blue .progress-wrap {
background: #00A39E;
}
body.page-yellow .progress-wrap {
background: #00A39E;
}
body.page-yellow .progress-wrap::after {
color: #030014;
}
body.page-yellow .progress-wrap svg.progress-circle path {
stroke: #030014;
}  .tf-mouse {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden
}
.tf-mouse-inner {
margin-left: -5px;
margin-top: -5px;
width: 8px;
height: 8px;
z-index: 10000;
background-color: #00A39E;
-webkit-transition: width .5s ease-in-out, height .5s ease-in-out, margin .5s ease-in-out, opacity .5s ease-in-out;
transition: width .5s ease-in-out, height .5s ease-in-out, margin .5s ease-in-out, opacity .5s ease-in-out
}
.tf-mouse-inner.mouse-hover {
margin-left: -40px;
margin-top: -40px;
width: 80px;
height: 80px;
background-color: #00A39E;
opacity: .3
}
.tf-mouse-outer {
margin-left: -22px;
margin-top: -22px;
width: 40px;
height: 40px;
border: 2px solid #00A39E;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000;
opacity: .5;
-webkit-transition: all .05s ease-out;
transition: all .05s ease-out
}
.tf-mouse-outer.mouse-hover {
opacity: 0
}
body.page-green .tf-mouse-inner {
background-color: #09B6A2;
}
body.page-green .tf-mouse-outer {
border-color: #09B6A2;
}
body.page-blue .tf-mouse-inner {
background-color: #00A39E;
}
body.page-blue .tf-mouse-outer {
border-color: #00A39E;
}
body.page-yellow .tf-mouse-inner {
background-color: #00A39E;
}
body.page-yellow .tf-mouse-outer {
border-color: #00A39E;
}
.header-2{padding-top: 50px;}
.header-2 .header-inner-2 {background: #000;border-radius: 50px;padding: 21px 34px;width: 83%;margin: 0px auto;}
.header-2 .login-btn {background: transparent;border: 1px solid #fff;min-width: 100px;}
.header-inner-2 .menu-primary-menu li a {color: #fff;font-size: 16px;font-weight: 600;font-family: "Kumbh Sans", sans-serif;}
.header-inner-2 .menu-primary-menu .current-menu-item a {color: #00A39E;font-weight: 600;}
.menu-primary-menu > li > a::before{display: none;}
.header-2.is-fixed {background: transparent;box-shadow: unset;}
.header-2.is-fixed .header-inner-2 {border-bottom: none;}
.tf-button-22 {color: #fff;background: #00A39E;border: 1px solid #00A39E !important; border-radius: 60px;height: 52px;min-width: 180px;font-family: Kumbh Sans;font-weight: 600;font-size: 18px;line-height: 100%;line-height: 52px;text-align: center;} .hero-btn .tf-button-22{ min-width: 200px;    line-height: 0;}
.hero-banner {background: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/banner-bg.jpeg);height: 98vh;padding: 225px 0 50px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-content {text-align: center;margin: 0px auto;}
.hero-content h2 {font-weight: 600;font-size: 72px;line-height: 94px;text-align: center;font-family: "Poppins", sans-serif;margin-bottom: 15px;}
.hero-content p {font-weight: 400;font-size: 30px;line-height: 40px;text-align: center;font-family: "Poppins", sans-serif;color: #000;margin-bottom: 20px;}
.hero-search {width: 576px;margin: 40px auto 30px;position: relative;}
.hero-search .tf-button-22 {position: absolute;right: 11px; top: 13px;width: 33px;height: 33px;border-radius: 2px;line-height: 0px;overflow: hidden;padding: 0 0;min-width: 33px;}
.tf-button-22 {overflow: hidden;padding: 10px 15px;line-height: 32px;border: 1px solid #00A39E;}
.tf-button-22:after{display: none;}
.hero-search input {padding: 15px 15px;color: #000;font-weight: 400;font-size: 16px;font-family: "Poppins", sans-serif !important;}
.hero-search input:focus {border: 1px solid #00A39E;padding: 15px 15px;}
.hero-rating img {margin-right: 12px;}
.hero-rating .rating-text {font-weight: 600;font-size: 20px;line-height: 100%;color: #000;font-family: "Poppins", sans-serif;}
.hero-rating .hr-text-light{font-weight: 400;}
.create-account-page {background: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/create-banner-image.jpg);padding: 200px 0 110px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.form-heading h5 {font-weight: 700;font-size: 36px;text-transform: uppercase;margin-bottom: 15px;font-family: "Poppins", sans-serif;    line-height: 43px;}
.form-heading p {font-weight: 400;font-size: 18px;margin-bottom: 25px;font-family: "Poppins", sans-serif;color: #525252;}
.form-group {margin-bottom: 20px;position: relative;}
.form-group label {font-size: 16px;font-family: "Poppins", sans-serif;color: #000;margin-bottom: 12px;}
.form-group input {padding: 15px 30px;border-radius: 50px;border: 1px solid rgb(0 0 0 / 30%);}
.form-group input:focus {border: 1px solid #00A39E;padding: 15px 30px;border-radius: 50px;}
.form-group select {border-radius: 50px;border: 1px solid rgb(0 0 0 / 30%);padding: 10px 30px;}
.form-gruop-select{position: relative;}
.form-gruop-select:after{content: "";background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/down-arrow.png);position: absolute;width: 20px;height: 20px;top: 48px;right: 20px;}
.form-btn button {min-width: 100%; margin: 30px 0 20px;}
.creat-text {text-align: center;}
.creat-text p {color: #000;font-family: "Poppins", sans-serif;font-size: 20px;font-weight: 500;}
.creat-text p a{color: #00A39E;}
#or {position: relative;width: 300px;height: 50px;line-height: 50px;text-align: center;    margin: 0px auto;color: #294957;font-size: 16px;}
#or::before,
#or::after {position: absolute;width: 130px;height: 1px;top: 24px;background-color: #c7c7c7;content: '';}
#or::before {left: 0;}
#or::after {right: 0;}
ul.signin-list {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 10px;}
.sign-btn {display: flex;align-items: center;border-radius: 30px;background: #fff;padding: 12px 15px;min-width: 184px;margin-right: 11px;}
.sb-icon {width: 28px;margin-right: 12px;}
.sb-text {font-weight: 400;font-size: 15px;color: #000;font-family: "Poppins", sans-serif;}
.acc-box {display: flex;flex-wrap: wrap;}
.acb-left {width: 63%;padding-right: 35px;}
.acb-right {width: 37%; }
.acb-image{ background: #fff;height: 100%;border-radius: 10px;overflow: hidden;}
.acb-image img{width: 100%;height: 100%;object-fit: cover;}
.menu-primary-menu {gap: 36px;}
ul.signin-list li {padding: 5px 0;}
#footer-1 {background: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/footerbg.png);padding: 175px 0 50px;}
.ft-wrapper h5 {font-family: Kumbh Sans;font-weight: 700;font-size: 30px;line-height: 100%;text-transform: capitalize;color: #000;margin-bottom: 30px;}
ul.ft-list li{padding: 10px 0;}
ul.ft-list li a {font-family: Kumbh Sans;font-weight: 500;font-size: 18px;line-height: 100%;text-transform: capitalize;color: #000;}
.ft-email input {height: 52px;border: 1px solid #bfbfbf;border-radius: 8px;font-family: Kumbh Sans; font-weight: 500;font-size: 18px;line-height: 100%;color: #000;padding: 10px 15px;margin-bottom: 25px;}
.ft-email input:focus {border: 1px solid #00A39E;padding: 10px 15px;}
.ft-btn .tf-button-22 {border-radius: 6px;min-width: 50%;overflow: hidden;line-height: 0px;padding: 15px}
.ft-btn .tf-button-22::after {display: none;}
.psw-wrd{position: relative;}
.psw-wrd span { position: absolute;width: 20px;height: 20px;right: 16px;top: 41px;}
.error-msg {font-size: 12px;color: #F9566A;padding-left: 13px;margin: 8px 0 0;}
.client-item .images .item-7 {top: 96px;left: -30px;}
.client-item .images .item-3 {top: 102px;right: -24px;}
.client-item .images .item-4 {bottom: 110px;right: -23px;}
.client-item .images .item-6 {bottom: 78px;left: -8px;}
.client-item .images .item-5 {bottom: -45px;left: 166px;}   
.services-item .icon i {font-size: 35px;color: #00A39E;}
.hero-content .popup-youtube {top: unset;left: unset;transform: unset;}
.hero-content .popup-youtube::before{display: none;}
.fea-list {width: 35%;}
.feature-show { width: 30%;}
.fea-list .services-item {padding: 12px;position: relative;gap: 25px;}
.feature-box{position: relative;}
.fea-list .services-item .icon {width: 75px;min-width: 75px;height: 75px;}
.mob-image img {width: 74%;}
.feature-item-1,.feature-item-4 { top: 0;left: 130px;}
.feature-item-5,.feature-item-8 {right: 130px;}
.request-demo-btn:hover {color: #00A39E !important; border: 1px solid #00A39E !important;}
.list-tool::before {background: none;}
.wg-tool .order {background: linear-gradient(180deg, rgba(0, 163, 158, 0.50) 0%, rgba(230, 228, 252, 0.00) 100%);background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.wg-create-design .image .rectangle{display: none;}
.system-slider li {text-align: center;padding: 0 15px;}
.system-slider li .wg-helpful {display: flex;align-items: center;justify-content: center;border: 1px solid #00A39E}
.mob-image {width: 350px;height: 350px;border: 1px solid rgba(255, 255, 255, 0.10);margin: 0px auto;border-radius: 50%;display: flex !important;align-items: center;justify-content: center;}
.mi-slide {text-align: center;display: flex !important;align-items: center;justify-content: center;height: 350px !important}
.feature-mob{display: none;}
.vertical-text {display: inline-block !important;width: 550px !important;top: 10px;background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/circle-highlight.png);background-size: 525px 130px;background-repeat: no-repeat;height: 130px; padding-top: 14px;}
.vertical-text.slick-vertical .slick-slide {overflow: hidden;}
ul.register-step {margin-bottom: 35px;align-items: center;justify-content: center;}
ul.register-step li{position: relative;margin-right: 150px;}
.register-step button {background: #fff;width: 25px !important;height: 25px !important; display: flex;align-items: center;justify-content: center;color: #00A39E;border-radius: 50% !important;border: 1px solid #00A39E;overflow: hidden;padding: 0;font-family: "Poppins", sans-serif;font-weight: 400;}
.register-step .nav-link.active {background: #00A39E;color: #fff;}
ul.register-step li:last-child{margin-right: 0;}
ul.register-step li:after{position: absolute;content: "";width: 150px;background: #00A39E;height: 1px;right: 25px;top: 50%;transform: translateY(-50%);}
ul.register-step li:first-child:after{display: none;}
.register-step li button::after{display: none;}
.fh-right a {font-family: "Poppins", sans-serif;color: #00A39E;font-weight: 700;font-size: 18px;text-decoration: underline;}
.fh-right {padding-left: 10px;}
.thanyou-content {margin-top: 50px;display: flex;align-items: center;justify-content: center; flex-flow: column;}
.th-img {margin-bottom: 18px;width: 150px;}
.thanyou-content h5 {font-family: "Poppins", sans-serif;}
.thanyou-content p {font-family: "Poppins", sans-serif;margin-bottom: 17px;}
.form-textarea .form-control {border-radius: 12px;border: 1px solid rgb(0 0 0 / 30%);font-size: 16px;color: #696969;padding: 15px 30px;}
.form-textarea .form-control:focus{padding: 15px 30px;}
.btn-outline {color: #00A39E;background: #fff;}
.checkbox-form-check {margin-right: 15px;}
.checkbox-form-check input[type="checkbox"]{display:none;}
.checkbox-form-check input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 32px;font-size: 18px !important;line-height: 28px !important;color: #000;margin-bottom: 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.checkbox-form-check input[type="checkbox"] + label:before {content: '';display: block;width: 20px;height: 20px;background: transparent;border: 1px solid rgb(0 0 0 / 30%);position: absolute;left: 0;top: 3px;border-radius: 4px;}
.checkbox-form-check input[type="checkbox"] + label:after {content: "\2713"; display: inline-block;font-weight: 900;font-size: 13px;width: 20px;height: 20px;line-height: 23px;color: #fff;text-align: center;position: absolute;left: 0;top: 3px;transform: scale(0);-moz-transition: all 0.12s ease-in;-o-transition: all 0.12s ease-in;-webkit-transition: all 0.12s ease-in;transition: all 0.12s ease-in;}
.checkbox-form-check input[type="checkbox"] + label:after{color:#fff;background:#00A39E;}
.checkbox-form-check input[type="checkbox"]:checked + label:after{transform:scale(1);}
.otp-text p {font-size: 16px;}
.digit-group label {display: block;}
.resend-text {justify-content: end;padding-right: 10px;}
.resend-text p{color: #00A39E;font-weight: 600;}
.digit-group input {width: 94px;background-color: #FFF;border: 1px solid rgb(0 0 0 / 30%);line-height: 50px;text-align: center;font-size: 18px;font-weight: 200;color: #000;margin: 0 11px;padding: 10px;border-radius: 54px;}
.digit-group input:first-child{margin-left: 0;}
.wrong-digit-otp input {border: 1px solid #E51818;color: #E51818;}
.wrong-digit-otp input:focus { border: 1px solid #E51818;}
.otp-error p {color: #E82812;font-weight: 400;}
.header-inner-2 ul.sub-menu li a {color: #000 !important;line-height: 37px;}
.header-2 .menu-item-has-children {margin-right: 5px;}
.helpful {padding: 30px 0;}
.tf-button-22:hover,.tf-button:hover {color: #fff !important;}
.tf-button.style-1:hover{color: #000 !important;background: #fff !important;}
.news-item:hover .bottom a {color: #00A39E;}
.gp-circle {width: 50px;height: 50px;border: 2px solid #00A39E;display: flex;align-items: center;justify-content: center;border-radius: 50%; background: #BCF7F5;}
.gp-2 {
background: #BCF7F5;
font-weight: 600;
border: 2px solid #00A39E;
border-radius: 50%;
font-size: 10px;
line-height: 18px;
padding: 3px 10px;
color: #000;
position: relative;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.gp-card {background: linear-gradient(285.76deg, #000000 14.47%, #ACACAC 132.81%);color: #fff;border-radius: 12px;padding: 15px;width: 302px;}
.gpc-detail h5 {color: #fff;font-size: 18px;font-family: "Poppins", sans-serif;margin-bottom: 0;line-height: 28px;min-height: 57px;}
.gpc-detail p {font-family: "Poppins", sans-serif;font-size: 13px;color: #ffff;line-height: 18px;min-height: 72px;}
.gpc-social-list a {
display: flex;
justify-content: center;
border: 2px solid #00A39E;
border-radius: 50%;
background: #BCF7F5;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #000;
align-items: center;
width: 50px;
height: 50px;
} .gpc-social-list a + a,.sender-img + .sender-img{margin-top: 40px;}
.graph-list li + li{margin-top: 25px;}
.desk-container {padding: 50px 0;position: relative;}
.desk-container:before{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/root-bg.jpg);z-index: -1;background-size: cover;}
.graph-list {background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/clip-path-2.png);background-size: cover;background-repeat: no-repeat;    background-position: -19px -112px;}
.graph-list li:last-child{margin-top: 45px;}
.graph-list li:first-child{ margin-bottom: -60px;}
.bg-first-line{position: relative;}
.bg-first-line:before {position: absolute;content: "";width: 100%;height: 2px;background: linear-gradient(90deg, #D7FFFE -38.08%, #ADF0EE 41.76%);left: 0;top: 50%; z-index: -1;}
.gp-line-box {width: 61%;justify-content: space-between;}
.gp-line-box::before {bottom: 38px;top: unset;}
.identity-box {margin-bottom: 45px;}
.identity-box div {font-weight: 700;font-size: 22px;line-height: 32px;color: #000;position: relative;}
.id-second {color: #00A39E !important;}
.gp-mob-view,.mb-arrow{display: none;}
.id-first, .id-arrow, .id-second, .id-third {width: 20%;}
.gp-card-2 {margin-top: -145px;bottom: unset;}
.gp-card { position: relative;}
.graph-list li:last-child::before {width: 50%;top: 19px;}
.gpc-social-list-2 {margin-top: -12px;}
.gpc-name {font-size: 17px;line-height: 24px;font-family: "Poppins", sans-serif;padding-left: 10px;font-weight: 600;width: calc(100% - 42px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mi-icon {
width: 24px;
font-size: 20px;
}
.mi-text {
width: calc(100% - 24px);
padding-left: 10px;
}
.mi-text h5 {
font-family: "Kumbh Sans", sans-serif;
font-size: 15px;
line-height: 24px;
}
.mi-text p {
font-family: "Kumbh Sans", sans-serif;
font-size: 13px;
line-height: 18px;
}
.step-item.item4 .image {margin-left: 0;}
.step-item .content {padding-top: 75px;width: calc(100% - 600px);}
.heading-section {margin-bottom: 36px;}
.case-banner-space {padding: 0 50px;}
.case-banner-space .video-wrap {padding: 40px 35px;}
.wg-social .icon-play:before {content: "\e92f";color: #00A39E;}
.wg-social .icon-play:hover:before {color: #fff;}
.use-case-fea .fea-list {width: 100%;display: flex;flex-wrap: wrap;}
.use-case-fea .fea-list .services-item {width: 47%;margin: 14px;}
.content p {text-align: justify;}
@media (max-width: 1599.98px){
.header-2 {padding-top: 35px;}
.header-2 .header-inner-2 {padding: 16px 27px;}
.header-2 .login-btn,.tf-button-22 {padding: 4px 10px;height: auto;font-size: 16px;}
.hero-banner {padding: 200px 0 50px;height: auto;}
.hero-content h2 {font-size: 56px;line-height: 64px;}
.hero-content p {font-size: 24px;line-height: 30px;}
.form-group input,.form-group select {height: 48px;}
.form-gruop-select:after {top: 43px;}
.creat-text p {font-size: 16px;}
.sign-btn {padding: 8px 10px; margin-right: 6px;}
.sb-icon {width: 25px;}
.sb-text {font-size: 14px;}
.vertical-text {width: 422px !important;top: 12px;background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/circle-highlight.png);background-size: 415px 87px;background-repeat: no-repeat; height: 87px; padding-top: 8px;}
}
@media (max-width: 1399.98px){
.header-inner {padding: 15px 52px 15px 70px;}
.header-2.is-fixed.is-small {top: 0;height: 82px;}
.hero-content {padding: 0 20px;}
.header-2 .mobile-button:before, .header-2 .mobile-button:after, .header-2 .mobile-button span {background-color: #00A39E;}
.header-2 #menu-mobile-menu li.current-menu-item > a,.header-2 #menu-mobile-menu li a:hover,.header-2 #menu-mobile-menu li.current-item a {color: #31B4AD;}
.ft-wrapper h5 {font-size: 26px;margin-bottom: 20px;}
ul.ft-list li {padding: 7px 0;}
ul.ft-list li a {font-size: 16px;}
.ft-btn .tf-button-22 { height: 43px;}
}
@media (max-width: 1399.98px){
.header-2 .header-inner-2 {width: 90%;}  
}
@media (max-width: 1299.98px){
.digit-group input {width: 71px;}
.gp-line-box {width: 62%;}
}
@media (max-width: 991.98px){
.header-2 {padding-top: 0px;}
.header-2 .header-inner-2 {background: #000;padding: 15px 12px;width: calc(100% - 15px);margin: 0px auto 0;border-radius: 10px;position: relative;top: 6px;}
.header-2.is-fixed.is-small, .header-2 {height: 67px;background: transparent;box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);}
.hero-content {padding: 50px 0 0;  width: 100%;}  
.hero-banner {height: auto;padding: 100px 0 50px;}
.hero-content h2 {font-size: 55px;line-height: 62px;}
.hero-content p {font-size: 22px;line-height: 30px;}
.hero-search {width: 100%;}
.acb-left {width: 100%;padding-right: 0px;}
.acb-right {display: none;}
.create-account-page {padding: 140px 0 60px;}
.form-btn button {margin: 15px 0 20px;}
.feature-show {display: none;}
.fea-list {width: 100%;}
.feature-item-5, .feature-item-8 {right: 0px;}
.feature-item-1, .feature-item-4 {top: 0;left: 0px;}
.mobile-button {-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#site-logo-inner a img {width: 115px;}
.wg-create-design .content {padding-top: 350px;}
.list-tool {padding-top: 55px;padding-bottom: 35px;}
.feature-mob{display: block;}
.mob-image {width: 330px;height: 330px;margin-bottom: 20px;}
.vertical-text {width: 265px !important;top: 10px;background-size: 255px 78px;}
.gp-line-box {width: 65%;}
.ytb-iframe {margin-top: 40px !important;}
.heading-section {margin-bottom: 25px;}
.case-banner-space {
padding: 0 15px;
}
}
@media (max-width: 767.98px){
.hero-content h2 {font-size: 28px;line-height: 30px;}
.hero-content p {font-size: 16px;line-height: 22px;}
.hero-rating .rating-text {font-size: 16px;}
.footer-logo {margin-bottom: 20px;}
.ft-wrapper h5 {font-size: 24px;margin-bottom: 12px;}
.ft-wrapper {margin-bottom: 15px;}
.ft-email input {height: 45px;}
.ft-btn .tf-button-22 {min-width: 100%;}
.sign-btn { min-width: 205px;}
.form-heading h5 {font-size: 24px;margin-bottom: 6px;}
.form-heading p {font-size: 16px;margin-bottom: 19px;line-height: 22px;}
.hero-rating img {width: 138px;}
.tf-button {    line-height: 17px;}
.wg-create-design .image .img-01 {left: 0px;}
.heading-section .main-title,.cta-title h2,.client-item .content h2,.client-item .content h2 span {font-size: 35px;line-height: 40px;}
.client-item .content h2 {margin-bottom: 26px;}
.client-item .images .item-2 {left: 128px;}
.client-item .images {width: 280px;height: 280px;}
.client-item .images .ellipse {width: 220px;height: 220px;}
.client-item .images .item-1 {width: 165px;}
.client-item .images .item-2,.client-item .images .item-5 {left: 123px !important;}
.client-item .images .item-7 {top: 101px;left: -42px;}
.client-item .images .item-6 {bottom: 28px;left: -8px;}
.client-item .images .item-4 {bottom: 50px;right: -9px;}
.wg-create-design .image {height: auto;}
.wg-create-design .image .rectangle {height: 0;}
.pt-130 {padding-top: 30px;}
.vertical-text {width: 220px !important;top: 10px;background-size: 220px 48px;height: 50px;margin-bottom: 6px; padding-top: 8px;  }
.hero-content h4{font-size: 17px;line-height: 28px;}
.fh-right a { font-size: 16px;}
.form-heading {align-items: baseline !important;}
ul.register-step li {margin-right: 125px;}
ul.register-step li:after {width: 125px;}
.ref-select {flex-flow: column;}
.btn-outline {margin-top: 0 !important;}
.digit-group input {width: 42px;height: 40px;border-radius: 6px;margin: 0 6px;}
.digit-group input:focus {border: 1px solid #00A39E;padding: 10px;border-radius: 6px}
.resend-text p {font-size: 14px;}
.digit-group .form-group {margin-bottom: 10px;}
.wg-create-design .image .img-01 {top: -10px;}
#canvas {margin-top: -100px;margin-left: -20px;}
.pb-130 {padding-bottom: 50px;}
.grid-counter {flex-direction: column;text-align: center;}
.wg-services {padding-top: 65px;padding-bottom: 35px;}
.helpful {padding: 30px 0; padding-bottom: 0px; margin-bottom: -25px}
.wg-partners-1,.faqs-wrap {padding-top: 65px;padding-bottom: 60px;}
.footer-bottom {margin-top: 50px;}
.footer-top {padding-top: 190px;}
.form-heading h5 {line-height: 30px;}
.graph-list,.id-arrow{display: none;}
.gp-mob-view,.mb-arrow{display: block;}
ul.gp-top-list li{width: 20%; text-align: center;position: relative;display: flex;flex-direction: column;align-items: center;}
ul.gp-top-list li:before {position: absolute;content: "";width: 2px;height: 145px;background: linear-gradient(90deg, #D7FFFE -38.08%, #ADF0EE 41.76%);left: 50%;top: 46px;z-index: -1;} .identity-box div {font-size: 16px;line-height: 24px;}
.mb-arrow img {width: 13px;}
.mb-arrow {padding: 0px 3px;}
.gp-mob-view .gp-circle {margin-bottom: 35px;}
.gp-mob-view .gp-2 {font-size: 11px;}
.identity-box {margin-bottom: 25px;}
.gp-card {width: 100%;margin-bottom: 25px;}
.gpc-img img {width: 38px;}
.gpc-detail h5 {font-size: 15px;line-height: 25px;}
ul.gp-social-list li{width: 20%;position: relative;}
ul.gp-social-list li:before {position: absolute;content: "";width: 2px;height: 320px;background: linear-gradient(90deg, #D7FFFE -38.08%, #ADF0EE 41.76%);left: 25px;top: -223px;z-index: -1;}
.gpl-icon {width: 50px;height: 50px;background: #BCF7F5;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid #00A39E;margin-bottom: 40px;}
.sender-img {padding-left: 5px;}
ul.gp-social-list { padding-top: 20px;}
.gp-mob-view{background-image: url(//www.botspice.com/blogs/wp-content/themes/astra/assets/images/mb-clip-path.png);background-size: cover;background-repeat: no-repeat;background-position: -22px 38px;}
.desk-container {padding: 35px 0;margin-top: 50px;}
.id-first, .id-arrow, .id-second, .id-third {width: auto;}
ul.gp-top-list {margin-bottom: 20px;}
.gpc-name {font-size: 15px;line-height: 24px;}
.step-item .content .title {font-size: 24px;line-height: 30px;}
.heading-section .main-title {font-size: 30px;line-height: 36px;}
.flat-title-page .heading {font-size: 45px;line-height: 50px;margin-bottom: 36px;}
.breadcrumbs li a {font-size: 20px;}
.flat-title-page {padding-top: 155px;padding-bottom: 90px;}
.mb-space-top {padding-top: 45px !important;}
.use-case-fea .fea-list .services-item {width: 99%; margin: 14px;}
}
@media (max-width: 499.98px){
.hero-search .flex {display: flow;}
.hero-search .flex a {min-width: 197px;padding: 15px 29px;height: 45px;}
.hero-search { margin: 25px auto 25px;}
.hero-search .flex a + a{margin-top: 15px;}
.identity-box div{font-size: 12px;line-height: 20px;}
}@media (max-width: 1440px) {
.box-messages .widget-reply {
margin: 0;
}
.widget-gallery-slider .gallery-slider .swiper-slide {
width: 100% !important;
height: 100% !important;
}
.wg-single-detail {
padding-left: 0;
}
.wg-banner-1 .bg-item {
display: none;
}
.wg-banner-4 > *:not(.themesflat-container),
.faqs-wrap-2 > *:not(.themesflat-container),
.wg-testimonials > *:not(.themesflat-container),
.wg-pricing > *:not(.themesflat-container),
#footer > *:not(.themesflat-container),
.wg-create-design > *:not(.themesflat-container) {
display: none;
}
.wg-banner-1 .images {
margin-left: -75px;
}
.grid-button {
flex-wrap: wrap;
}
.editors-languages .bottom .image {
margin-left: 0;
width: unset;
height: unset;
}
.editors-languages .bottom .content {
padding-left: 0;
}
.wg-create-design.style-3 .image {
margin-left: 0;
width: unset;
height: unset;
}
.wg-create-design.style-3 .image img {
position: unset;
width: unset;
height: unset;
}
#footer.style-1 {
padding-left: 0;
}
#footer.style-1 #logo-footer {
margin-bottom: 30px;
}
#footer.style-1 .col-sm-3 {
padding-left: 15px;
}
.works-item {
width: unset;
}
.widget-gallery-slider {
padding-right: 0;
}
.auto-slide {
padding-left: 0;
}
.video-wrap.style-1 {
margin-left: 0;
}
.faqs-page .wrap-faqs-2 .image {
width: unset;
margin-left: 0;
margin-top: 15px;
}
.faqs-page .wrap-faqs-2 .image .img-01 {
height: unset;
}
}
@media (max-width: 1200px) {
.wg-helpful {
margin-bottom: 30px;
}
.page-404-wrap .content {
padding: 0;
}
.page-404-wrap img {
margin-left: 0;
}
.wg-create-design.style-7 .image {
padding: 30px;
}
.testimonial-item1 .say {
margin-left: 0;
}
.wrap-faqs-3 > *:not(.themesflat-container) ,
.wg-testimonials-1 > *:not(.themesflat-container) {
display: none;
}
.testimonial-item {
padding-left: 27px;
}
.testimonial-item .image {
margin-right: 100px;
}
.testimonial-item .image::before {
right: -50px;
}
.header-inner {
padding-left: 15px;
padding-right: 15px;
}
#site-logo {
margin-right: 0;
}
.wg-create-design.style-1 .image .img-01 {
width: -webkit-fill-available;
}
.road-map-item.item-3 .arrow,
.road-map-item.item-1 .arrow {
right: -67px;
}
.road-map-item.item-4 .arrow, .road-map-item.item-2 .arrow {
left: -65px;
}
.header.header-blue #site-logo {
margin-right: 15px;
}
.news-item .meta {
margin-left: 25px;
margin-right: 25px;
flex-wrap: wrap;
row-gap: 10px;
}
.news-item h4 {
margin-left: 25px;
margin-right: 25px;
}
.news-item .bottom {
padding-left: 25px;
padding-right: 25px;
}
.news-item .image.type-1 {
margin-left: 15px;
margin-right: 15px;
padding: 10px;
}
.news-item .image.type-2 {
margin-left: 15px;
margin-right: 15px;
}
.wg-create-design.style-4 .content {
padding-left: 0;
}
.wg-create-design.style-4 .image {
width: unset;
}
.wg-banner-4 .full img {
margin-top: 50px;
}
.wg-partners-2 .wrap {
height: unset;
width: unset;
row-gap: 30px;
flex-wrap: wrap;
justify-content: center;
}
.box-feature-item {
padding: 40px !important;
gap: 50px !important;
}
.box-feature-item.item1::before {
left: 460px;
}
.box-feature-item.item2, .box-feature-item.item3 {
max-width: unset;
}
.faqs-wrap-3 .image {
margin-left: 0;
}
.faqs-wrap-3 .image img {
height: unset;
}
.wg-create-design.style-5 .content {
padding-left: 0;
}
.wg-members::before {
height: 1343px;
}
.slider-type2 .swiper-button-prev {
left: 15px;
bottom: 0;
}
.slider-type2 .swiper-button-next {
left: 75px;
bottom: 0;
}
.feature-item {
padding: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 1180px) {
.wg-banner-1 {
padding-top: 175px;
padding-bottom: 100px;
}
.wg-banner-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.wg-banner-2 .bg-item ,
.wg-banner-1 .images {
display: none;
}
.wg-banner-2 .image {
height: 600px;
}
.wg-helpful {
padding: 35px 5px 27px;
}
}
@media (max-width: 1024px) {
.flat-accordion1 .flat-toggle1 {
padding: 20px 10px 18px;
}
.cta-wrapper-1 .item1,
.cta-wrapper-1 .item2,
.cta-wrapper-1 .item3,
.cta-wrapper-1 .item4,
.editors-languages::before,
.editors-languages::after {
display: none;
}
.header-right {
display: none;
}
.main-nav {
gap: 90px;
}
.related-post .next {
margin-left: auto;
}
.tf-blog-detail .wrap-inner {
padding-left: 0;
padding-right: 0;
}
.wg-create-design .image .img-02 {
right: 100px;
}
.road-map-content {
padding: 0;
}
.road-map-item.item-3 .arrow, 
.road-map-item.item-1 .arrow {
right: -89px;
}
.road-map-item.item-4 .arrow, 
.road-map-item.item-2 .arrow {
left: -87px;
}
.header.header-blue .main-nav .header-search {
display: none;
}
.header.header-blue .main-nav {
justify-content: end;
}
.box-subscribe form {
flex-wrap: wrap;
}
.services-item {
gap: 20px;
}
.cta.type-1 > img {
display: none;
}
.wg-members::before {
height: 1307px;
}
.videos-inner > .img-03,
.videos-inner > .img-01 {
display: none;
}
.video-wrap.style-2 img {
height: unset;
}
.step-item {
gap: 30px;
margin: 0 !important;
}
.step-item.item4 {
margin-left: 0;
}
.client-item .content h6 {
padding-top: 30px;
}
.widget-filter-isotope .grid {
grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 991px) {
.step-item .image {
height: min-content !important;
padding: 20px !important;
margin: 0 !important;
}
.main-nav {
display: none;
}
.mobile-button {
display: block;
}
.wg-review {
flex-wrap: wrap;
}
.recent-news-item {
flex-wrap: wrap;
}
.blog-article-1 .wrapper-info {
padding: 0 20px 20px 20px;
}
.wg-create-design .content {
padding-left: 0;
}
.wg-create-design .image .rectangle,
.wg-create-design .image {
width: 100%;
}
.wg-create-design .image .img-02,
.wg-create-design .image .place {
left: unset;
right: 0;
}
.member-item {
margin-bottom: 50px;
}
.wg-members::before {
height: 2263px;
}
.tf-mouse {
display: none;
}
.wg-create-design.style-6 .content {
margin-bottom: 30px;
}
}
@media (max-width: 820px) {
.wg-create-design.style-3 .image {
margin-top: 30px;
text-align: center;
}
.wg-create-design.style-2 .image img {
width: 100%;
}
.side-bar .widget {
padding: 20px;
}
.widget-trailer .content {
padding: 0 10px 10px 10px;
}
.widget-trailer .content p {
line-height: 22px;
margin-bottom: 10px;
}
.widget-trailer .content .title {
margin-bottom: 7px;
}
.widget-trailer .content .title .text,
.widget-trailer .content .title .text-1,
.widget-trailer .content .title .text-2 {
font-size: 24px;
line-height: 24px;
}
.widget-trailer .content .tf-button {
padding: 15px 20px;
height: 45px;
}
.pricing-item {
padding: 15px !important;
}
#footer .avatar-wrapper {
flex-wrap: wrap;
justify-content: end;
}
.cta-wrapper {
flex-wrap: wrap;
gap: 30px;
}
.cta-wrapper br {
display: none;
}
.road-map-content::before {
display: none;
}
.road-map-item {
max-width: unset;
width: 100%;
margin-top: 50px !important;
padding: 30px;
}
.pricing-item.style-1 .top {
flex-wrap: wrap;
}
.wg-create-design.style-4 .image {
width: 630px;
margin: auto;
}
.services-item {
flex-wrap: wrap;
}
.client-item .images {
margin: auto;
}
.pricing-item.style-3 .number-price::before {
width: calc(100% + 30px);
left: -15px;
}
.slider-type2 .swiper-button-prev,
.slider-type2 .swiper-button-next {
display: none;
}
}
@media (max-width: 768px) {
.wg-create-design.style-1 .image .img-02 {
left: 0;
}
.wg-members::before {
height: 2010px;
}
#footer .ml-35 {
margin-left: 0;
}
.box-feature-item.item1 {
flex-wrap: wrap;
}
.box-feature-item.item1::before {
display: none;
}
.step-item .content {
padding-top: 0 !important;
}
.wg-feedback {
padding: 30px;
}
.wg-banner-4 .content h1 > span {
display: block;
}
.pricing-item.style-3 .number-price b {
font-size: 36px;
}
}
@media (max-width: 700px) { 
.widget-filter-isotope .grid {
grid-template-columns: repeat(1,1fr);
}
.grid-counter {
gap: 15px;
margin-bottom: 30px;
}
#footer .footer-top {
flex-wrap: wrap;
gap: 30px;
padding-bottom: 15px;
}
#footer .avatar-wrapper {
justify-content: start;
}
#footer .footer-title {
margin-top: 30px;
}
#footer .footer-bottom {
flex-wrap: wrap;
gap: 30px;
}
.cta-wrapper {
padding: 30px;
}
.cta-wrapper .cta-content > div {
flex-wrap: wrap;
}
.page-404-wrap img {
margin-left: 0;
margin-top: 50px;
}
.widget-reply {
padding: 20px !important;
}
.widget-tabs ul.widget-menu-tab {
flex-wrap: wrap;
gap: 30px;
padding-bottom: 10px;
margin-bottom: 40px;
}
.widget-tabs ul.widget-menu-tab li.active::after {
bottom: -12px;
}
.widget-tabs ul.widget-menu-tab li {
width: 100%;
}
.blog-article .wrapper-info {
margin-left: 10px;
margin-right: 10px;
margin-top: -15px;
}
.tf-blog-detail .wrap-inner .wg-quote,
.wg-quote {
padding: 100px 30px 30px 30px;
}
.pricing-item {
padding: 40px;
margin-bottom: 15px;
}
.flat-accordion .flat-toggle .toggle-title::after, 
.flat-accordion2 .flat-toggle2 .toggle-title::after, 
.flat-accordion1 .flat-toggle1 .toggle-title::after {
right: -22px;
}
.doing-item {
margin-bottom: 30px;
}
.testimonial-item {
flex-wrap: wrap;
height: auto;
}
.testimonial-item .image::before {
display: none;
}
.wg-works .works-item {
margin-left: 25px;
}
.widget-gallery-slider {
margin-bottom: 30px;
}
.widget-filter-isotope .button-group {
flex-wrap: wrap;
width: unset;
}
.video-wrap {
margin-top: 15px;
padding: 15px !important; 
}
.popup-youtube{
transform: translate(-50%,-50%) scale(0.5);
}
.pricing-item.style-2 {
margin-bottom: 30px;
}
.box-subscribe {
margin-top: 30px;
}
.wg-create-design.style-4 .image {
display: none;
}
.file-item {
margin-left: 0 !important;
margin-right: 0 !important;
}
.faqs-wrap-3 .flat-accordion .flat-toggle .toggle-title::after {
right: 0;
}
.wg-create-design.style-5 .content {
padding-top: 30px;
}
.wg-members::before {
height: 3210px;
}
.swiper-pagination,
.swiper-button-prev,
.swiper-button-next {
display: none !important;
}
.testimonial-item1 .say {
margin-top: 15px;
margin-bottom: 15px;
padding: 30px;
}
.step-item {
flex-wrap: wrap;
margin-bottom: 30px !important;
}
.wg-steps .line {
display: none;
}
.step-item .content {
width: 100%;
}
.wg-testimonials-2 .testimonial-item1 .say {
margin-bottom: 30px;
padding: 30px;
}
.faqs-page .wrap-faqs-2 .image {
display: none;
}
.wg-banner-4 {
padding-top: 75px;
}
.wg-banner-4 .content h1 span {
font-size: 41px;
line-height: 55px;
}
.wg-banner-4 .content h1 {
font-size: 57px;
line-height: 65px;
}
.wg-banner-3 .content .title,
.wg-banner-3 .content .title span,
.wg-banner-2 .content .title,
.wg-banner-2 .content .title span ,
.wg-banner-1 .content .title span,
.wg-banner-1 .content .title {
font-size: 50px;
line-height: 65px;
}
.box-feature-item.item1 .image {
min-width: unset;
height: unset;
} 
.box-feature-item.item1 .image::before {
display: none;
}
.box-feature-item.item1 .image img {
position: unset;
}
.client-item .images {
width: 330px;
height: 330px;
}
.client-item .images .ellipse {
width: 280px;
height: 280px;
}
.client-item .images .item-7,
.client-item .images .item-6,
.client-item .images .item-5,
.client-item .images .item-4,
.client-item .images .item-3,
.client-item .images .item-2 {
width: 60px;
height: 60px;
}
.client-item .images .item-2 {
left: 165px;
}
.client-item .images .item-4 {
bottom: 50px;
}
.client-item .images .item-5 {
left: 140px;
}
.client-item .content .infor {
flex-wrap: wrap;
}
.wg-result .number-counter span {
font-size: 85px;
}
.wg-create-design.style-1 .image .img-01,
.wg-create-design.style-1 .image .img-02 {
position: unset;
}
.flat-accordion2 .flat-toggle2, 
.flat-accordion1 .flat-toggle1,
.flat-accordion .flat-toggle {
padding: 20px 30px 18px 10px;
}
.comment-box {
flex-wrap: wrap;
}
.tf-blog-detail .wrap-inner .meta {
column-gap: 30px;
}
.blog-article-1 .wrapper-info .bottom {
padding-top: 10px;
margin-top: 10px;
}
.blog-article-1 .wrapper-info h3 {
font-size: 17px;
line-height: 24px;
}
.wg-videos {
padding-top: 0px;
padding-bottom: 50px;
}
.box-quote-left {
margin-left: 0;
margin-top: 30px;
}
.wg-create-design.style-2 .image {
height: unset;
}
.wg-create-design.style-2 .image img {
position: unset;
}
.wg-banner-2 .image {
display: none;
}
.news-item {
margin-bottom: 15px;
}
.wg-testimonials .slider-type1 .swiper-wrapper {
padding-bottom: 0;
}
.wg-create-design-2,
.wg-create-design.style-2,
.wg-pricing-1 {
padding-top: 50px;
}
.faqs-wrap-3 .flat-toggle {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.flat-accordion {
margin-bottom: 15px;
}
.faqs-page .wrap-faqs-3 {
padding-bottom: 50px;
}
}