２@charset "UTF-8";
/** ====== Sass function ====== **/
@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
.tk-category-item-1 {
margin-left: 10px !important;
}
.tk-category-item-2 {
margin-left: 20px !important;
}
.tk-category-item-3 {
margin-left: 30px !important;
}
.tk-category-item-4 {
margin-left: 40px !important;
}
.tk-category-item-5 {
margin-left: 50px !important;
}
.tk-category-item-6 {
margin-left: 60px !important;
}
.tk-category-item-7 {
margin-left: 70px !important;
}
.tk-category-item-8 {
margin-left: 80px !important;
}
.tk-category-item-9 {
margin-left: 90px !important;
}
.tk-category-item-10 {
margin-left: 100px !important;
}
.tk-category-item-11 {
margin-left: 110px !important;
}
.tk-category-item-12 {
margin-left: 120px !important;
}
.tk-category-item-13 {
margin-left: 130px !important;
}
.tk-category-item-14 {
margin-left: 140px !important;
}
.tk-category-item-15 {
margin-left: 150px !important;
}
.tk-category-item-16 {
margin-left: 160px !important;
}
.tk-category-item-17 {
margin-left: 170px !important;
}
.tk-category-item-18 {
margin-left: 180px !important;
}
.tk-category-item-19 {
margin-left: 190px !important;
}
.tk-category-item-20 {
margin-left: 200px !important;
}
.tk-category-item-21 {
margin-left: 210px !important;
}
.tk-category-item-22 {
margin-left: 220px !important;
}
.tk-category-item-23 {
margin-left: 230px !important;
}
.tk-category-item-24 {
margin-left: 240px !important;
}
.tk-category-item-25 {
margin-left: 250px !important;
}
.tk-category-item-26 {
margin-left: 260px !important;
}
.tk-category-item-27 {
margin-left: 270px !important;
}
.tk-category-item-28 {
margin-left: 280px !important;
}
.tk-category-item-29 {
margin-left: 290px !important;
}
.tk-category-item-30 {
margin-left: 300px !important;
}
.tk-category-item-31 {
margin-left: 310px !important;
}
.tk-category-item-32 {
margin-left: 320px !important;
}
.tk-category-item-33 {
margin-left: 330px !important;
}
.tk-category-item-34 {
margin-left: 340px !important;
}
.tk-category-item-35 {
margin-left: 350px !important;
}
.tk-category-item-36 {
margin-left: 360px !important;
}
.tk-category-item-37 {
margin-left: 370px !important;
}
.tk-category-item-38 {
margin-left: 380px !important;
}
.tk-category-item-39 {
margin-left: 390px !important;
}
.tk-category-item-40 {
margin-left: 400px !important;
}
.tk-category-item-41 {
margin-left: 410px !important;
}
.tk-category-item-42 {
margin-left: 420px !important;
}
.tk-category-item-43 {
margin-left: 430px !important;
}
.tk-category-item-44 {
margin-left: 440px !important;
}
.tk-category-item-45 {
margin-left: 450px !important;
}
.tk-category-item-46 {
margin-left: 460px !important;
}
.tk-category-item-47 {
margin-left: 470px !important;
}
.tk-category-item-48 {
margin-left: 480px !important;
}
.tk-category-item-49 {
margin-left: 490px !important;
}
.tk-category-item-50 {
margin-left: 500px !important;
}
*, *::after, *::before {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
ul {
margin-bottom: 20px;
list-style: disc inside none;
}
ul ul {
list-style-type: circle;
margin-left: 20px;
}
li {
line-height: 2em;
}
ol {
list-style: decimal;
padding-left: 15px;
}
ol li {
width: 100%;
}
ol ol {
margin-left: 20px;
}
figure {
margin-bottom: 20px;
position: relative;
}
a, a:hover {
color: #1da1f2;
text-decoration: none;
outline: none;
}
p {
margin: 0 0 20px;
letter-spacing: normal;
line-height: 1.625em;
}
img {
height: auto;
max-width: 100%;
}
iframe {
border: none;
}
.wp-caption.alignnone {
width: 100%;
}
button {
border: none;
}
table {
background-color: transparent;
max-width: 100%;
width: 100%;
margin-bottom: 15px;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
border-top: 1px solid #eee;
border: 1px solid #eee;
line-height: 2.5;
padding-left: 3px;
text-align: left;
vertical-align: top;
}
table thead tr th {
border-top: 1px solid #eee;
text-align: left;
}
table > thead > tr > th {
border-bottom: 2px solid #eee;
vertical-align: bottom;
}
th {
text-align: left;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
border-bottom: 0;
}
table > tbody + tbody {
border-top: 2px solid #eee;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 7px 28px;
}
p ins {
color: #353648;
}
dl dd {
margin-left: 20px;
}
address {
font-style: italic;
}
.theme-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1660px;
}
.tb-socialmedia {
font-size: 13px;
justify-content: center;
}
.tb-socialmedia li:nth-last-child(n+2) {
margin-right: 10px;
}
.tb-socialmedia a {
display: inline-block;
}
.tb-facebook > i, .tb-facebook > a {
color: #3b5999 !important;
}
.tb-facebook-messenger > a, .tb-facebook-messenger > i {
color: #0084ff !important;
}
.tb-twitter > a, .tb-twitter > i {
color: #55acee !important;
}
.tb-linkedin > a, .tb-linkedin > i {
color: #0077b5 !important;
}
.tb-skype > a, .tb-skype > i {
color: #00aff0 !important;
}
.tb-dropbox > a, .tb-dropbox > i {
color: #007ee5 !important;
}
.tb-vimeo > a, .tb-vimeo > i {
color: #1ab7ea !important;
}
.tb-tumblr > i, .tb-tumblr > a {
color: #34465d !important;
}
.tb-yahoo > a, .tb-yahoo > i {
color: #410093 !important;
}
.tb-googleplus > a, .tb-googleplus > i, .tb-google > a, .tb-google > i {
color: #dd4b39 !important;
}
.tb-pinterestp > a, .tb-pinterestp > i {
color: #bd081c !important;
}
.tb-youtube > a, .tb-youtube > i {
color: #cd201f !important;
}
.tb-stumbleupon > a, .tb-stumbleupon > i {
color: #eb4924 !important;
}
.tb-reddit > a, .tb-reddit > i {
color: #ff5700 !important;
}
.tb-quora > a, .tb-quora > i {
color: #b92b27 !important;
}
.tb-yelp > a, .tb-yelp > i {
color: #af0606 !important;
}
.tb-soundcloud > a, .tb-soundcloud > i {
color: #f30 !important;
}
.tb-whatsapp > a, .tb-whatsapp > i {
color: #25d366 !important;
}
.tb-wechat > a, .tb-wechat > i {
color: #09b83e !important;
}
.tb-instagram > a, .tb-instagram > i {
color: #e4405f !important;
}
.tb-dribbble > a, .tb-dribbble > i {
color: #ea4c89 !important;
}
.tb-flickr > a, .tb-flickr > i {
color: #ff0084 !important;
}
.tb-rss > a, .tb-rss > i {
color: #f60 !important;
}
.tb-behance > a, .tb-behance > i {
color: #131418 !important;
}
.tb-foursquare > a, .tb-foursquare > i {
color: #f94877 !important;
}
.tb-facebook-hover > i:hover, .tb-facebook-hover > a:hover {
color: #3b5999;
}
.tb-facebook-messenger-hover > a:hover, .tb-facebook-messenger-hover > i:hover {
color: #0084ff;
}
.tb-twitter-hover > a:hover, .tb-twitter-hover > i:hover {
color: #55acee;
}
.tb-linkedin-hover > a:hover, .tb-linkedin-hover > i:hover {
color: #0077b5;
}
.tb-skype-hover > a:hover, .tb-skype-hover > i:hover {
color: #00aff0;
}
.tb-dropbox-hover > a:hover, .tb-dropbox-hover > i:hover {
color: #007ee5;
}
.tb-vimeo-hover > a:hover, .tb-vimeo-hover > i:hover {
color: #1ab7ea;
}
.tb-tumblr-hover > i:hover, .tb-tumblr-hover > a:hover {
color: #34465d;
}
.tb-yahoo-hover > a:hover, .tb-yahoo-hover > i:hover {
color: #410093;
}
.tb-googleplus-hover > a:hover, .tb-googleplus-hover > i:hover, .tb-google-hover > a:hover, .tb-google-hover > i:hover {
color: #dd4b39;
}
.tb-pinterestp-hover > a:hover, .tb-pinterestp-hover > i:hover {
color: #bd081c;
}
.tb-youtube-hover > a:hover, .tb-youtube-hover > i:hover {
color: #cd201f;
}
.tb-stumbleupon-hover > a:hover, .tb-stumbleupon-hover > i:hover {
color: #eb4924;
}
.tb-reddit-hover > a:hover, .tb-reddit-hover > i:hover {
color: #ff5700;
}
.tb-quora-hover > a:hover, .tb-quora-hover > i:hover {
color: #b92b27;
}
.tb-yelp-hover > a:hover, .tb-yelp-hover > i:hover {
color: #af0606;
}
.tb-soundcloud-hover > a:hover, .tb-soundcloud-hover > i:hover {
color: #f30;
}
.tb-whatsapp-hover > a:hover, .tb-whatsapp-hover > i:hover {
color: #25d366;
}
.tb-wechat-hover > a:hover, .tb-wechat-hover > i:hover {
color: #09b83e;
}
.tb-instagram-hover > a:hover, .tb-instagram-hover > i:hover {
color: #e4405f;
}
.tb-dribbble-hover > a:hover, .tb-dribbble-hover > i:hover {
color: #ea4c89;
}
.tb-flickr-hover > a:hover, .tb-flickr-hover > i:hover {
color: #ff0084;
}
.tb-rss-hover > a:hover, .tb-rss-hover > i:hover {
color: #f60;
}
.tb-behance-hover > a:hover, .tb-behance-hover > i:hover {
color: #131418;
}
.tb-foursquare-hover > a:hover, .tb-foursquare-hover > i:hover {
color: #f94877;
}
.tk-socialmedia {
font-size: 13px;
justify-content: center;
}
.tk-socialmedia li:nth-last-child(n+2) {
margin-right: 10px;
}
.tk-socialmedia a {
display: inline-block;
}
.tk-facebook > i, .tk-facebook > a {
color: #3b5999;
}
.tk-facebook > i:hover, .tk-facebook > a:hover {
color: #3b5999 !important;
}
.tk-facebook-messenger > a, .tk-facebook-messenger > i {
color: #0084ff;
}
.tk-facebook-messenger > a:hover, .tk-facebook-messenger > i:hover {
color: #0084ff !important;
}
.tk-twitter > a, .tk-twitter > i {
color: #55acee;
}
.tk-twitter > a:hover, .tk-twitter > i:hover {
color: #55acee !important;
}
.tk-twitch > a, .tk-twitch > i {
color: #9147ff;
}
.tk-twitch > a:hover, .tk-twitch > i:hover {
color: #9147ff !important;
}
.tk-linkedin > a, .tk-linkedin > i {
color: #0077b5;
}
.tk-linkedin > a:hover, .tk-linkedin > i:hover {
color: #0077b5 !important;
}
.tk-skype > a, .tk-skype > i {
color: #00aff0;
}
.tk-skype > a:hover, .tk-skype > i:hover {
color: #00aff0 !important;
}
.tk-dropbox > a, .tk-dropbox > i {
color: #007ee5;
}
.tk-dropbox > a:hover, .tk-dropbox > i:hover {
color: #007ee5 !important;
}
.tk-vimeo > a, .tk-vimeo > i {
color: #1ab7ea;
}
.tk-vimeo > a:hover, .tk-vimeo > i:hover {
color: #1ab7ea !important;
}
.tk-tumblr > i, .tk-tumblr > a {
color: #34465d;
}
.tk-tumblr > i:hover, .tk-tumblr > a:hover {
color: #34465d !important;
}
.tk-yahoo > a, .tk-yahoo > i {
color: #410093;
}
.tk-yahoo > a:hover, .tk-yahoo > i:hover {
color: #410093 !important;
}
.tk-googleplus > a, .tk-googleplus > i, .tk-google > a, .tk-google > i {
color: #dd4b39;
}
.tk-googleplus > a:hover, .tk-googleplus > i:hover, .tk-google > a:hover, .tk-google > i:hover {
color: #dd4b39 !important;
}
.tk-pinterestp > a, .tk-pinterestp > i {
color: #bd081c;
}
.tk-pinterestp > a:hover, .tk-pinterestp > i:hover {
color: #bd081c !important;
}
.tk-youtube > a, .tk-youtube > i {
color: #cd201f;
}
.tk-youtube > a:hover, .tk-youtube > i:hover {
color: #cd201f !important;
}
.tk-stumbleupon > a, .tk-stumbleupon > i {
color: #eb4924;
}
.tk-stumbleupon > a:hover, .tk-stumbleupon > i:hover {
color: #eb4924 !important;
}
.tk-reddit > a, .tk-reddit > i {
color: #ff5700;
}
.tk-reddit > a:hover, .tk-reddit > i:hover {
color: #ff5700 !important;
}
.tk-quora > a, .tk-quora > i {
color: #b92b27;
}
.tk-quora > a:hover, .tk-quora > i:hover {
color: #b92b27 !important;
}
.tk-yelp > a, .tk-yelp > i {
color: #af0606;
}
.tk-yelp > a:hover, .tk-yelp > i:hover {
color: #af0606 !important;
}
.tk-soundcloud > a, .tk-soundcloud > i {
color: #f30;
}
.tk-soundcloud > a:hover, .tk-soundcloud > i:hover {
color: #f30 !important;
}
.tk-whatsapp > a, .tk-whatsapp > i {
color: #25d366;
}
.tk-whatsapp > a:hover, .tk-whatsapp > i:hover {
color: #25d366 !important;
}
.tk-wechat > a, .tk-wechat > i {
color: #09b83e;
}
.tk-wechat > a:hover, .tk-wechat > i:hover {
color: #09b83e !important;
}
.tk-instagram > a, .tk-instagram > i {
color: #e4405f;
}
.tk-instagram > a:hover, .tk-instagram > i:hover {
color: #e4405f !important;
}
.tk-dribbble > a, .tk-dribbble > i {
color: #ea4c89;
}
.tk-dribbble > a:hover, .tk-dribbble > i:hover {
color: #ea4c89 !important;
}
.tk-flickr > a, .tk-flickr > i {
color: #ff0084;
}
.tk-flickr > a:hover, .tk-flickr > i:hover {
color: #ff0084 !important;
}
.tk-rss > a, .tk-rss > i {
color: #f60;
}
.tk-rss > a:hover, .tk-rss > i:hover {
color: #f60 !important;
}
.tk-behance > a, .tk-behance > i {
color: #131418;
}
.tk-behance > a:hover, .tk-behance > i:hover {
color: #131418 !important;
}
.tk-foursquare > a, .tk-foursquare > i {
color: #f94877;
}
.tk-foursquare > a:hover, .tk-foursquare > i:hover {
color: #f94877 !important;
}
.tk-red > a, .tk-red > i {
color: #ff2a2d;
}
.tk-red > a:hover, .tk-red > i:hover {
color: #ff2a2d !important;
}
.tk-tiktok > a, .tk-tiktok > i {
color: #000000;
}
.tk-tiktok > a:hover, .tk-tiktok > i:hover {
color: #000000 !important;
}
.tk-other > a, .tk-other > i {
color: #666666;
}
.tk-other > a:hover, .tk-other > i:hover {
color: #666666 !important;
}
.tk-facebookv2:hover i {
color: #1877f2;
}
.tk-twitterv2:hover i {
color: #1d9bf0;
}
.tk-twitchv2:hover i {
color: #9147ff;
}
.tk-linkedinv2:hover i {
color: #0a66c2;
}
.tk-dribbblev2:hover i {
color: #ea4c89;
}
.tk-youtubev2:hover i {
color: #cd201f;
}
.tk-behancev2:hover i {
color: #131418;
}
.tk-vimeov2:hover i {
color: #1ab7ea;
}
body {
color: #1e1e1e;
font-family: "Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,"Noto Sans JP",Meiryo,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, .tk-verified-info > a, .tk-verified-info strong {
margin: 0 0 0.5rem;
letter-spacing: 0.5px;
color: #1e1e1e;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .tk-verified-info > a a, .tk-verified-info strong a {
color: #1e1e1e;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .tk-verified-info > a a:hover, .tk-verified-info strong a:hover {
color: #1e1e1e;
}
p{
font-family: "Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,"Noto Sans JP",Meiryo,sans-serif;
}
.tb-socialmedia a, .tk-socialmedia a, .tk-facebookv2 i, .tk-twitterv2 i, .tk-twitchv2 i, .tk-linkedinv2 i, .tk-dribbblev2 i, .tk-youtubev2 i, .tk-behancev2 i, .tk-vimeov2 i, .tb-btn, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default, .tk-btn-line, .tk-btn-line-sm, .tk-btn-line-sm-lefticon, .tk-btn-line-lg, .tk-btn-line-lg-lefticon, .tk-btn-line-lefticon, .tk-btn-solid, .tk-btn-solid-sm, .tk-btn-solid-sm-lefticon, .tk-btn-solid-lg, .tk-btn-solid-lg-lefticon, .tk-btn-solid-lefticon, .tk-featuretag, .tk-redbtn, .tk-btn-yellow, .tk-btn-yellow-lg, .tk-btn-yellow:before, .tk-btn-yellow-lg:before, .tk-btnline, .tk-invite-bidbtn, .tk-btn, .tk-talent, .tk-talent-btns a.tk-favicon, .tk-talent-btns button.tk-favicon, .tk-talent-btns a.tk-favicon i, .tk-talent-btns button.tk-favicon i, .mCSB_scrollTools .mCSB_draggerContainer, .select2-container--default .select2-results__option, .select2-container--default .select2-selection--multiple .select2-selection__choice, .wk-inputicon i, .tk-tag, .tk-btn-two, .tk-btn-secondary, .tk-hero-banner-ten .tk-btn-secondary, .tk-feedback-slider-button button, .tk-pagination ul li a, .tk-pagination ul li span, .tagify__dropdown__item, .tk-radiobox label > a, .tb-orderrequest .tb-orderbtn .tb-btn::before, .tb-orderrequest .tb-orderbtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button::before, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-orderrequest .tb-orderbtn button::before, .tb-orderrequest .tb-orderbtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button::before, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-orderrequest .tb-orderbtn button::before, .tb-additonoltitle > i, .tb-steppaypal, .tb-payoutmethodholder, .tb-asideprostatusv2 > a figure:before, .tb-asideprostatusv2 figure img, .tb-detail li, .tb-themeselect_options li label, .tk-project-wrapper-two .tk-project-box, .tk-project-wrapper-two > .tk-employerproject, .tk-buyerprojects, .tb-table > tbody > tr, .tk-section_desciption > a, .tk-btn-login, .tk-btn-signin, .tk-navbarnav > li, .tk-navbarnav > li::after, .tk-navbarnav > li > a, .tk-navbarnav > li > a > i:before, .sub-menu, .sub-menu li, .sub-menu li a, .sub-menu li.menu-item-has-children > a:after, .children li.menu-item-has-children > a:after, .sub-menu li.page_item_has_children > a:after, .children li.page_item_has_children > a:after, .tk-dropdowarrow, .tk-navicon span, .tk-categories-nav > ul > li > a:before, .tk-categories-nav .tk-categories-nav__content > a:before, .tk-catsubmenu, .tk-catsubmenu ul li a, .tk-categories-navbar .owl-nav > div:before, .tk-themesidebar .sub-menu, .tk-asidenavbar li, .tk-asidenavbar li > a, .tk-usermenu li a, .tk-fwidget_list li > a, .tk-fcopyright_list ul li > a, .tk-socialicons > li > a, .tk-socialicons > li > a > i, .tk-lost-password span a, .tb-popuptitle .close, .tb-popuptitle .close i, .tk-postproject-new, .tk-template-list_content, .tk-projectbtns-two li button, .tk-projectbtns-two li button i, .tk-switch .form-check-input::before, .tk-attechment-tittle i[aria-expanded="true"]::before, .tk-freelancers-list > li, .tk-uploaditem > a, .tb-settingtab li, .tb-settingtab li::before, .tk-itemlinksvtwo .tk-startingprice span, .tk-otherproject, .tk-edit-project, .tk-projectlisting, .tk-filterselect .comboTreeDropDownContainer ul li .comboTreeItemTitle, .tk-readmorebtn, .tk-readmorebtn::before, .tk-like a, .tk-cards__img img, .tk-searchslide .splide__arrows .splide__arrow, .tk-blog-tags, .tk-price h4, .tk-popuptitle .close, .tk-popuptitle .close i, .tk-skills-tags li > a, .tk-btnlight, .tk-price-two h4, .tk-project-wrappper-three, .tk-gigtags li, .tk-prouserslist a, .tk-contract-list li a, .tk-statusview, .tk-projectsactivity .tk-nav-tabs li button, .tk-projectdetail-sidebar, .tk-sidebar-backgound, .tk-prouserslist.owl-carousel .owl-nav button.owl-next, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev, .tk-prouserslist.owl-carousel .owl-nav button.owl-next span, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev span, .tk-switchbtn input, .tk-pricing__content, .tk-today-timeslot li, .tk-today-timeslot li input, .tk-timecard_info a i, .tk-timecard_togglevtwo .tk-timecard_infovtwo .tk-statusvtwo a, .tk-swiperdotsvtwo .swiper-pagination-bullet, .tk-card__img img, .tk-skills-tagsvtwo li a, .tk-reviewnew, .tk-posttag li a, .tk-slider-content, .tk-swiperdots .swiper-pagination-bullet, .wk-swiperdots .swiper-pagination-bullet, .tk-sliderarrow .splide__arrow::before, .tk-sync .splide__arrows .splide__arrow--prev, .tk-sync .splide__arrows .splide__arrow--next, .tk-multiplyinfo, .tk-pakagedetail::after, .tk-pakagelist-item, .tk-pakagelist-item a, .tk-topservicetask, .tk-topservicetask .tk-card__img img, .tk-topservicetask .tk-card__img > a > i, .tk-advancebtn span, .tk-btnviewpro .tk-btn-heart:hover, .tk-accordion_title:after, .tk-category_img img, .tk-category_childlist li, .tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper .tk-sectionbtn:before, .tk-featured-listing > li, .tk-scetiondb, .tk-seller-counter-list li, .tk-seller-counter-list li:hover a, .tk-seller-counter-list li:hover .tk-icon-watermark i, .tk-counter-icon-button a, .tk-icon-watermark i, .tk-offcard, .tk-btn-card, .tk-morebtn .tk-btn-more, .tk-section-frequently .tk-section_title .tk-btn, .tk-section-accordion .accordion-item, .tk-section-accordion .accordion-button, .tk-online-content, .tk-online-img-content a, .tk-online-img-content a i, .tk-employe-title > a, .tk-employe-title > a i {
-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;
}
.tk-faq-category:after {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.tb-socialmedia, .tk-socialmedia, .tb-btn, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default, .tk-talent, .tk-talent.tk-talent-vtwo .tk-talent_wrppaer, .tk-rating-star, .tk-talent-tags ul, .tk-talent-btns, .tk-themeform__wrap, .form-group-wrap, .form-group, .tk-label, .tk-inputiconbtn, .tb-select, .tk-select, .tk-calendar, .tk-righticon, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__choice, .tk-themeform_wrap, .wk-themeform_wrap, .wk-select, .tk-homebanner_content, .tk-homebanner_btnwrapper, .tk-homebanner_categories, .tk-homebanner_categories_list, .tk-homebanner_trustedby, .tk-homebanner_trustedby_list, .tb-subwrapper .theme-container, .tb-dhb-mainheading__rightarea, .tk-stars span, .tb-onoff label, .tb-on-off label, .tb-onoff label em, .tb-hottag, .tb-doclist, .tb-documentlist, .tb-featureRatingv2, .tk-mainbtnlist, .tk-pagination, .tk-pagination ul, .tk-pagination ul li a, .tk-pagination ul li span, .tb-sidebarpkg .tb-sectiontitle__list li, .tb-resvsionbtn-holder, .tb-featurelist, .tb-featurelist li, .tb-orderrequest, .tb-orderbtn, .tb-additionollist, .tb-countdownno, .tb-profileform__title, .tb-profileform__detail.tb-billinginfo, .tb-profileform__checkbox, .tb-dhbbtnarea, .tb-radioholder, .tb-radioholder > a, .tb-asideprostatusv2 > a figure, .tb-detail li, .tb-detail__icon, .tb-userfeedback, .tb-excfreelancerpopup__content, .tb-formbtnlist, .tb-themeselect_value, .tk-project-box > h5, .tk-errorpage, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons, .tk-section_desciption, .tk-headerwrap, .tk-headerwrap__right, .tk-navbarnav > li:hover > .sub-menu li > a > span, .tk-navbarnav > li:hover > .mega-menu li > a > span, .sub-menu li, .tk-userlogin a, .tk-categories-nav > ul, .tk-categories-nav .tk-categories-nav__content, .tk-catsubmenu, .tk-catsubmenu ul, .tk-categories-navbar .owl-nav > div, .tk-categories-navbar .owl-nav > div:before, .tk-categoriesnav__title, .tk-lost-password, .tk-verify-email, .tb-loginicon, .tb-loginicon ul, .tk-popup_title, .tk-termscondition, .tk-termscondition .tk-checkterm, .tk-newproject-list, .tk-project-type, .tab-content > .active .tk-themeform__holder, .tk-projectbtns, .tk-projectbtns-two, .tk-attechment-tittle, .tk-verified-title, .tk-checkout-info li, .tk-project-price, .tk-budgetlist li, .tk-totalamout, .tk-timeinfo, .tk-skills, .tk-uploadphoto, .tk-freelancer-user .tk-blogviewdatessm, .tk-view-proposal, .tk-draganddrop__area, .tk-loadingfile, .tk-uploaddetail, .tk-dragfile, .tb-dhb-mainheading, .tb-savelisting > li .tb-profilestatus, .tb-desclinks, .tk-qualification .tk-accordion_title, .tk-detail__icon, .tk-blogviewdates, .tk-tags_links, .tk-total-title, .tk-copytags-wrap, .tk-hire-freelancer, .tk-hire-freelancer-info h6, .tk-hire-freelancer-info .tk-verified-info > a, .tk-hire-freelancer-info .tk-verified-info strong, .tk-verified-info .tk-hire-freelancer-info strong, .tk-sort, .tk-areasizebox, .tk-filterbtns, .tk-blogviewdatessm, .tk-blogviewdatessm li > a, .tk-verified-info, .tk-verified-info .tk-verified-info-tags, .tk-template-view, .tk-profilerrating, .tk-skills-tags, .tk-uploadprofilepic, .tk-uploadbtnpic, .tk-dhbbtnarea, .tk-featureRating, .tk-Reviews-detail a, .tk-gigtags, .tk-tasksdates, .tk-tasksinfos, .tk-invoicefromto, .tk-subtotal, .tk-notify, .tk-notify_title, .tk-projectsstatus_name, .tk-counterinfo_list, .tk-counterinfo_list li, .tb-cardinfo, .tk-addtime-slot, .tk-timecard li, .tk-timecard_info, .tk-dispute, .tk-dispute_holder, .tk-replybtns, .tk-ordersumery-content .tk-status-tabs_content h6, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info > a, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info strong, .tk-verified-info .tk-ordersumery-content .tk-status-tabs_content strong, .tk-dispute-tags, .tk-linklist, .tk-servicesslider .tk-topservicetask .tk-startingprice, .tk-qualifinfo, .tk-socailmedia, .tk-languages, .tk-motivation_list, .tk-checkoutinfo, .tk-mainlistvtwo, .tk-boxtittle, .tk-multiplyinfo, .tk-addcartinfoprice, .tk-pakagedetail, .tk-walletsystem .tk-additionalservices__content, .tk-otherproject .tk-projectinfo-list, .tk-advancefilter, .tk-btn-heart, .tk-btnviewpro, .tb-freeprostatus, .tk-accordion_title, .tk-faq-category, .tk-question-section, .tk-category_list > ul, .tk-category_item, .tk-themebanner_list, .tk-counter, .tk-ourexperience .tk-store-content, .tk-talent-section-users, .tk-work-fullwidth .tk-online-main, .tk-employment, .tk-language-tags, .tk-counternum {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tb-tooltiptable {
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.tb-orderrequest, .tb-profilestatuses li {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.tb-featureRating__stars, .tb-featureRating__stars span {
position: relative;
width: 72px;
height: 16px;
line-height: 16px;
}
.tb-featureRating__stars::before, .tb-featureRating__stars span::after {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
font-weight: 700;
line-height: 16px;
font-family: "Font Awesome 5 Free";
}
.tb-featureRating__stars::before, .tb-featureRating__stars span::after {
color: #fddb5b;
content: "";
}
.tb-dbholder, .tb-uploadarea, .tb-norecordsv2, .tb-graph, .tb-asideprostatusv2 > a, .tb-asideprostatusv2 figure, .tb-dhb-box, .tk-categoriesnav-holderv2 {
border: 1px solid #eeeeee;
}
.tb-dbbox ~ .tb-dbbox, .tk-main-bg .tb-addcommentblogv2 .tb-blogcommentsholderchild {
border-top: 1px solid #eeeeee;
}
.tk-categories-navbar .owl-nav .owl-prev:after, .tk-categories-navbar .owl-nav .owl-next:after, .tk-categories-navbarv2 .owl-nav .owl-prev:after {
border-left: 1px solid #eeeeee;
}
.tk-categories-navbar .owl-nav .owl-prev:after, .tk-categories-navbar .owl-nav .owl-next:after, .tk-categories-navbarv2 .owl-nav .owl-next:after {
border-right: 1px solid #eeeeee;
}
h1, .tk-bannerv5_title strong, .tk-bannerv3_title strong {
font: 600 3.25rem/1.1153846154em "Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,"Noto Sans JP",Meiryo,sans-serif;
}
h2 {
font: 600 2.25rem/1.2777777778em "Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,"Noto Sans JP",Meiryo,sans-serif;
}
h3 {
font: 600 1.75rem/1.3571428571em "Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,"Noto Sans JP",Meiryo,sans-serif;
}
h4, .tk-errorpage .tk-notfound-title span, .tk-Project-roadmap li h5 span, .tk-itemlinksvtwo .tk-startingprice span, .tk-working-rate .tk-project-price > span, .tk-gigcheckout .tk-asideholder .tk-asideboxsm h5, .tk-gigactivitywrap .tk-checkoutdetail h5, .tk-maintitle-two > span, .tk-counter-contant h3, .tk-heading-detail h3 {
font: 600 1.375rem/1.3636363636em "Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,"Noto Sans JP",Meiryo,sans-serif;
}
h5, .litepicker .container__months .month-item-header div > .month-item-name, .litepicker .container__months .month-item-header div > .month-item-year, .tk-expertswitch h2, .tk-postproject-new span, .tk-tabbitem__listtwo .tk-icondetails h6 a, .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info > a a, .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong a, .tk-verified-info .tk-tabbitem__listtwo .tk-icondetails strong a, .tk-startingprice span, .tk-freelancer-holder .tk-tagtittle span, .tk-freelancer-profile-title > span, .tk-ordersumery-content > strong, .tk-order-detail li.tk-total-amount > span, .tk-plantotalprice > span, .tk-plantotalprice h5, .tk-timecards_total > span {
font: 600 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
h6, .tk-verified-info > a, .tk-verified-info strong, .tk-btn-line, .tk-btn-line-sm, .tk-btn-line-sm-lefticon, .tk-btn-line-lg, .tk-btn-line-lg-lefticon, .tk-btn-line-lefticon, .tk-btn-solid, .tk-btn-solid-sm, .tk-btn-solid-sm-lefticon, .tk-btn-solid-lg, .tk-btn-solid-lg-lefticon, .tk-btn-solid-lefticon, .tk-featuretag, .tk-redbtn, .tk-btn-yellow, .tk-btn-yellow-lg, .tk-btnline, .tk-invite-bidbtn, .litepicker .container__days .day-item, .litepicker .container__months .month-item-weekdays-row > div, .tk-pagination ul li a, .tk-pagination ul li span, .tk-Renew-btn, .tb-profile-steps .tb-desclinks li a, .tb-icondetails .tb-desclinks li a, .single-sellers .tb-tasksitem .tb-desclinks h5 a, .tk-alert-readbtn, .tk-login-content .tb-form-btn > span, .tk-optioanl-or span, .tk-sidebar-title .tk-project-tag, .tk-freelancer-user > a, .tk-bidbtn a, .tk-view-proposal, .tk-loadingfile span, .tk-filearea span, .tk-uploaditem span, .tk-priorityradiov2 li label span, .tb-desclinks li a, .tk-tabbitem__listtwo .tk-icondetails h5, .tk-itemlinksvtwo .tk-startingprice i, .tk-blogviewdates li em, .tk-requirement-tags span, .tk-copytags-title, .tk-proposal-list li > span, .tk-edit-project, .tk-project-detail .tk-likev2 a, .tk-readmorebtn, .tk-cardtitle a, .tk-startingprice i, .tk-freelancer-profile-price strong, .tk-freelancerinfo-language li > span, .tk-price-two span, .tk-generalsearch label, .tk-sortby label, .tk-admincomment strong, .tk-ad-balance span, .tk-project-table-status table > thead > tr > th, .tk-decline, .tk-contract-list li a, .tk-order-detail li > span, .tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) > span, .tk-switchbtn span, .tk-Remove-adon span, .tk-approvebtn, .tk-declinebtn, .tk-timecard_infovtwo h6 em, .tk-timecard_infovtwo .tk-verified-info > a em, .tk-timecard_infovtwo .tk-verified-info strong em, .tk-verified-info .tk-timecard_infovtwo strong em, .tk-qualifinfo li em, .tk-readmore a, .tk-slideruser-info a, .tk-task-detail-loader span, .tk-features-reviews .tk-comments-reviews .tk-featureRating h5, .more, .tk-sidebartabs__pkgtitle.nav-tabs .nav-link, .tk-pakagelist-item a, .tk-additionolinfo > span, .tk-topservicetask__content .tk-startingprice i, .tk-topservicetask .tk-card-title > a, .tk-project-price-two > span, .tk-list-heading h5, .tk-withdraw-button {
font: 600 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-bannerv5_title p, .tk-bannerv3_title p {
font: 400 1.125rem/1.6666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
body, .tk-actionselect > span, .tk-exploremore li, .tb-popupbtnarea .tb-checkbox span, .tk-jobdescription_list li, .tk-template-serach h5, .tk-aside-holder .tk-placeholder span, .tk-review-time, .tk-ratting strong, .tk-category_info span, .tk-category_childlist li span {
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.form-control, 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"], select, .uneditable-input, textarea, .form-check-label span, .tk-placeholder, .select2-container .select2-selection--single .select2-selection__rendered, select[required] + .select2 .select2-selection--multiple .select2-search.select2-search--inline::after, select[required] + .select2 .select2-selection__placeholder::after, .select2-container--default .select2-search--inline .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field::placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder, .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content, .tk-package-list li em, .tk-package-list li span, .tk-package-list_title em, .tk-radiobox label span, .tk-errorpage .tk-notfound-title em, .tk-project-type p, .tk-betaversion-info p, .tk-sidebar-title > em, .tk-requirement-tags span, .tk-checkout-info li > span, .tk-budgetlist span, .tk-totalamout span, .tk-skills li .form-check-label span, .tk-projectpaid-list span, .tk-popup-info p, .tk-user-info span, .tk-blogviewdates li span, .tk-blogviewdates li a, .tk-requirement-tags a, .tk-verified-title p, .tk-copytags, .tk-reviews-box .tk-description p, .tk-project-table-status table tbody tr > td, .tk-project-table-info span, .tk-milestones-content p, .tk-continue, .tk-notify-content p, .tk-counterinfo_list li span, .tk-proinvoices_table tbody tr td, .tk-select-features .tk-attechment-tittle h6, .tk-select-features .tk-attechment-tittle .tk-verified-info > a, .tk-select-features .tk-attechment-tittle .tk-verified-info strong, .tk-verified-info .tk-select-features .tk-attechment-tittle strong, .tk-features-list li span, .tk-timeslot_list span, .tk-addtime-slot li > span, .tk-today-timeslot li span, .tk-unlock-week p, .tk-timecard_title p, .tk-timecard_toggle, .tk-timecard_togglevtwo > a, .tk-linklist li a, .tk-infoprofile > span, .tk-followsocial h6, .tk-followsocial .tk-verified-info > a, .tk-followsocial .tk-verified-info strong, .tk-verified-info .tk-followsocial strong, .tk-noskills span, .tk-featureratings h6, .tk-featureratings .tk-verified-info > a, .tk-featureratings .tk-verified-info strong, .tk-verified-info .tk-featureratings strong, .tk-reviews-time, .tk-reviews-time::after, .tk-reviews-time::before, .tk-descriptions p, .tk-delivery-time .tk-delivery-days, .tk-featuredlisted li, .tk-featuredlisted li span, .tk-walletamount span, .tk-additionolinfo > em, .tk-project-wrapper .tk-blogviewdates li, .tk-custom-dropdown > span, .tk-ourexperience .tk-appcompat h6, .tk-ourexperience .tk-appcompat .tk-verified-info > a, .tk-ourexperience .tk-appcompat .tk-verified-info strong, .tk-verified-info .tk-ourexperience .tk-appcompat strong, .tk-appcompat span {
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.form-control::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, select::placeholder, .uneditable-input::placeholder, textarea::placeholder, .tb-hide-acf-label, .tb-pricingtitle > h6, .tk-verified-info.tb-pricingtitle > a, .tk-verified-info .tb-pricingtitle > strong, .tk-expertswitch p, .tk-status-tabs_content > p, .tk-addicon, .tk-switch label, .tk-upload-list li span, .tk-uploaded-img p, .tk-betaversion-info-two p, .tk-wallet-popup_info p, .tk-wallet-popup_info .tk-form-checkbox label span, .tk-qualification-title span, .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li em, .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li span, .tk-itemlinksvtwo .tk-switchservice span, .tk-hire-freelancer-info > a, .tk-hire-freelancer-info .tk-blogviewdates em, .tk-blogviewdatessm li em, .tk-blogviewdatessm li > span, .tk-verified-info > em, .tk-template-view li, .tk-projectinfo-list li, .tk-activity-tags-wrapper > a, .tk-profilerrating, .tk-profilerrating li > em, .tk-profilerrating li > span, .tk-save, .tk-save a, .tk-project-table-status table tbody tr > td > a, .tk-project-table-content .tk-blogviewdates li em, .tk-project-table-content .tk-blogviewdates li span, .tk-statusview_btns p, .tk-complete-process p, .tk-ordersumery-content > span, .tk-ordersumery-content > p, .tk-timeslot_save > a, .tk-timeslot_save span, .tk-addtime-slot li > em, .tk-addtime-slot li > a, .tk-dispute_title span, .tk-project-box .tk-escrow span, .tk-ordersumery-content .tk-status-tabs_content h6, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info > a, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info strong, .tk-verified-info .tk-ordersumery-content .tk-status-tabs_content strong, .tk-portinfo > a, .tk-qualifinfo li span, .tk-qualifinfo li a, .tk-heart, .tk-heart em, .tk-sharepro, .tk-project-imgdetail span, .tk-languages > li, .tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title p, .tk-addtionalservices-wrapper-two .tk-additionalservices-title p, .tk-sidebarpkg-two .tk-sectiontitle__list li span, .tk-aboutseller .tk-blogviewdates li em, .tk-aboutseller .tk-blogviewdates li span, .tk-formsearch .tk-themeform_title, .tk-blogviewdates.tk-projectinfo-list li, .tk-category_childlist li em, .tk-tabs-links a, .tk-tabs-links span, .tk-counter-contant strong, .tk-heading-detail h6, .tk-heading-detail .tk-verified-info > a, .tk-heading-detail .tk-verified-info strong, .tk-verified-info .tk-heading-detail strong {
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-upload-list .tk-uploading span, .tk-uploadphoto p, .tk-uploadphoto label, .tk-complete-title h5 span, .tk-message-content strong, .tk-ordersumery-content .tk-status-tabs_content span, .tk-acknowledge-admin p, .tk-asideadvertisment span, .tk-project-imgdetail h6 a, .tk-project-imgdetail .tk-verified-info > a a, .tk-project-imgdetail .tk-verified-info strong a, .tk-verified-info .tk-project-imgdetail strong a, .tk-advertisment-area span, .tk-income-detail p, .tk-for-signup {
font: 400 0.8125rem/1.6923076923em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-featuretag, .select2-container--default .select2-selection--multiple .select2-selection__choice, .tk-onging, .tk-project-tag, .tk-project-tag-two, .tk-noofslides, .tk-blog-tags, .tk-blog-showmore, .tk-skills-tags li span a, .tk-gigtags li span a, .tk-dispute-tag, .tk-vlaue-btn span {
font: 700 0.75rem/2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
letter-spacing: 0.5px;
}
.tk-status-tabs_content > a, .tk-project-requirement_content > a, .tk-total-title em, .tk-gigtags li, .tk-projectbtns span, .tk-escrow > span {
font: 500 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
letter-spacing: 0.5px;
color: #0a0f26;
}
.tk-addslot-icon {
font: 600 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-featureRating__stars, .tk-featureRating__stars span {
position: relative;
width: 77px;
height: 16px;
line-height: 16px;
}
.tk-featureRating__stars::before, .tk-featureRating__stars span::after {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
font-weight: 700;
line-height: 16px;
font-family: "Font Awesome 5 Free";
}
.tk-featureRating__stars::before, .tk-featureRating__stars span::after {
color: #fddb5b;
content: "";
}
.tb-btn, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
position: relative;
align-items: center;
justify-content: center;
height: 50px;
font: 600 15px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: white;
padding: 0 20px;
min-width: 160px;
background-color: #ff385c;
border: 0;
letter-spacing: 0.5px;
border-radius: 10px;
overflow: hidden;
z-index: 0;
cursor: pointer;
}
.tb-btn i, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button i, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button i, .tb-btnvtwo i, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default i {
margin-right: 10px;
}
.tb-btn:hover, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:hover, .tb-btn:focus, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button:focus, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:focus, .tb-btnvtwo:hover, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover, .tb-btnvtwo:focus, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:focus {
outline: none;
color: white;
}
.tb-btn:hover, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:hover, .tb-btnvtwo:hover, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background-color: #ff385c;
}
.rippleholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: transparent;
}
.rippleholder.is-active .ripplecircle {
animation: a-ripple 0.4s ease-in;
}
.ripplecircle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(0, 0, 0, 0.2);
z-index: -1;
}
.tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
color: #ff385c;
background-color: #ff385c;
}
.tb-btnvtwo:hover, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover, .tb-btnvtwo:focus, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:focus {
color: #ff385c;
}
.tk-btnsmall {
min-width: 50px;
height: 48px;
padding: 0 20px !important;
}
.tb-btnvthree {
background-color: #f7f7f7;
color: #676767;
}
.tb-btnvthree:hover, .tb-btnvthree:focus {
outline: none;
color: #676767;
}
.tb-plainbtn {
background-color: #fff;
color: #999;
border: 1px solid #ddd;
}
.tb-plainbtn:hover, .tb-plainbtn:focus {
color: #999;
}
.tk-btn-line, .tk-btn-line-sm, .tk-btn-line-sm-lefticon, .tk-btn-line-lg, .tk-btn-line-lg-lefticon, .tk-btn-line-lefticon, .tk-btn-solid, .tk-btn-solid-sm, .tk-btn-solid-sm-lefticon, .tk-btn-solid-lg, .tk-btn-solid-lg-lefticon, .tk-btn-solid-lefticon, .tk-featuretag, .tk-redbtn, .tk-btn-yellow, .tk-btn-yellow-lg {
height: 40px;
color: white;
padding: 0 20px !important;
position: relative;
display: inline-flex;
align-items: center;
border-radius: 10px;
justify-content: center;
letter-spacing: 0.5px;
font-weight: 500;
background-color: #ffffff;
border: 2px solid #ff385c;
cursor: pointer;
}
.tk-btn-line i, .tk-btn-line-sm i, .tk-btn-line-sm-lefticon i, .tk-btn-line-lg i, .tk-btn-line-lg-lefticon i, .tk-btn-line-lefticon i, .tk-btn-solid i, .tk-btn-solid-sm i, .tk-btn-solid-sm-lefticon i, .tk-btn-solid-lg i, .tk-btn-solid-lg-lefticon i, .tk-btn-solid-lefticon i, .tk-featuretag i, .tk-redbtn i, .tk-btn-yellow i, .tk-btn-yellow-lg i {
color: white;
font-size: 1.25rem;
padding-left: 10px;
}
.tk-btn-line[disable], .tk-btn-line-sm[disable], .tk-btn-line-sm-lefticon[disable], .tk-btn-line-lg[disable], .tk-btn-line-lg-lefticon[disable], .tk-btn-line-lefticon[disable], .tk-btn-solid[disable], .tk-btn-solid-sm[disable], .tk-btn-solid-sm-lefticon[disable], .tk-btn-solid-lg[disable], .tk-btn-solid-lg-lefticon[disable], .tk-btn-solid-lefticon[disable], .tk-featuretag[disable], .tk-redbtn[disable], .tk-btn-yellow[disable], .tk-btn-yellow-lg[disable] {
background-color: #DDDDDD !important;
color: #999999 !important;
border-color: #DDDDDD !important;
pointer-events: none;
}
.tk-btn-line[disable] i, .tk-btn-line-sm[disable] i, .tk-btn-line-sm-lefticon[disable] i, .tk-btn-line-lg[disable] i, .tk-btn-line-lg-lefticon[disable] i, .tk-btn-line-lefticon[disable] i, .tk-btn-solid[disable] i, .tk-btn-solid-sm[disable] i, .tk-btn-solid-sm-lefticon[disable] i, .tk-btn-solid-lg[disable] i, .tk-btn-solid-lg-lefticon[disable] i, .tk-btn-solid-lefticon[disable] i, .tk-featuretag[disable] i, .tk-redbtn[disable] i, .tk-btn-yellow[disable] i, .tk-btn-yellow-lg[disable] i {
color: #999999;
}
.tk-btn-line:hover, .tk-btn-line-sm:hover, .tk-btn-line-sm-lefticon:hover, .tk-btn-line-lg:hover, .tk-btn-line-lg-lefticon:hover, .tk-btn-line-lefticon:hover, .tk-btn-solid:hover, .tk-btn-solid-sm:hover, .tk-btn-solid-sm-lefticon:hover, .tk-btn-solid-lg:hover, .tk-btn-solid-lg-lefticon:hover, .tk-btn-solid-lefticon:hover, .tk-featuretag:hover, .tk-redbtn:hover, .tk-btn-line:focus, .tk-btn-line-sm:focus, .tk-btn-line-sm-lefticon:focus, .tk-btn-line-lg:focus, .tk-btn-line-lg-lefticon:focus, .tk-btn-line-lefticon:focus, .tk-btn-solid:focus, .tk-btn-solid-sm:focus, .tk-btn-solid-sm-lefticon:focus, .tk-btn-solid-lg:focus, .tk-btn-solid-lg-lefticon:focus, .tk-btn-solid-lefticon:focus, .tk-featuretag:focus, .tk-redbtn:focus, .tk-btn-yellow:hover, .tk-btn-yellow-lg:hover, .tk-btn-yellow:focus, .tk-btn-yellow-lg:focus {
outline: none;
background-color: #ff385c;
color: white;
}
button.tk-btn-line, button.tk-btn-line-sm, button.tk-btn-line-sm-lefticon, button.tk-btn-line-lg, button.tk-btn-line-lg-lefticon, button.tk-btn-line-lefticon, button.tk-btn-solid, button.tk-btn-solid-sm, button.tk-btn-solid-sm-lefticon, button.tk-btn-solid-lg, button.tk-btn-solid-lg-lefticon, button.tk-btn-solid-lefticon, button.tk-featuretag, button.tk-redbtn {
cursor: pointer;
}
.tk-btn-line-sm, .tk-btn-line-sm-lefticon {
height: 34px;
}
.tk-btn-line-lg, .tk-btn-line-lg-lefticon {
height: 48px;
}
.tk-btn-line-lg-lefticon i {
padding: 0 10px 0 0;
}
.tk-btn-line-lefticon i {
padding: 0 10px 0 0;
}
.tk-btn-solid, .tk-btn-solid-sm, .tk-btn-solid-sm-lefticon, .tk-btn-solid-lg, .tk-btn-solid-lg-lefticon, .tk-btn-solid-lefticon, .tk-featuretag, .tk-redbtn {
background-color: #ff385c;
border: 0;
color: white;
border-radius: 10px;
}
.tk-btn-solid:hover, .tk-btn-solid-sm:hover, .tk-btn-solid-sm-lefticon:hover, .tk-btn-solid-lg:hover, .tk-btn-solid-lg-lefticon:hover, .tk-btn-solid-lefticon:hover, .tk-featuretag:hover, .tk-btn-solid:focus, .tk-btn-solid-sm:focus, .tk-btn-solid-sm-lefticon:focus, .tk-btn-solid-lg:focus, .tk-btn-solid-lg-lefticon:focus, .tk-btn-solid-lefticon:focus, .tk-featuretag:focus, .tk-redbtn:hover, .tk-redbtn:focus {
background-color: #ff385c;
}
.tk-btn-solid-sm, .tk-btn-solid-sm-lefticon {
height: 34px;
font-size: 14px;
}
.tk-btn-solid-sm i, .tk-btn-solid-sm-lefticon i {
font-size: 16px;
}
.tk-btn-solid-lg, .tk-btn-solid-lg-lefticon {
height: 48px;
}
.tk-btn-solid-lg-lefticon i {
padding: 0 10px 0 0;
font-size: 1.25rem;
}
.tk-btn-solid-lefticon i {
padding: 0 10px 0 0;
}
button.tk-btnsolid-white, a.tk-btnsolid-white {
background-color: #ffffff !important;
color: #0a0f26 !important;
}
button.tk-btnsolid-white:hover, button.tk-btnsolid-white:focus, a.tk-btnsolid-white:hover, a.tk-btnsolid-white:focus {
outline: none;
background-color: #295FCC !important;
color: #ffffff !important;
}
button.tk-btn-plain, a.tk-btn-plain {
background: transparent !important;
color: #999999 !important;
text-align: center;
}
button.tk-btn-plain:hover, button.tk-btn-plain:focus, a.tk-btn-plain:hover, a.tk-btn-plain:focus {
color: #999999 !important;
background: transparent !important;
}
button.tk-btn-yellow, button.tk-btn-yellow-lg, a.tk-btn-yellow, a.tk-btn-yellow-lg {
color: white;
background-color: #ff385c;
}
button.tk-btn-yellow i, button.tk-btn-yellow-lg i, a.tk-btn-yellow i, a.tk-btn-yellow-lg i {
color: white;
}
button.tk-btn-yellow:hover, button.tk-btn-yellow-lg:hover, button.tk-btn-yellow:focus, button.tk-btn-yellow-lg:focus, a.tk-btn-yellow:hover, a.tk-btn-yellow-lg:hover, a.tk-btn-yellow:focus, a.tk-btn-yellow-lg:focus {
color: #1C1C1C;
background-color: #ff385c;
}
.tk-btnsolid-white {
background-color: #ffffff !important;
color: #0a0f26 !important;
}
.tk-btnsolid-white:hover, .tk-btnsolid-white:focus {
outline: none;
background-color: #ff385c !important;
color: #ffffff !important;
}
.tk-btn-plain {
background: transparent !important;
color: #999999 !important;
text-align: center;
}
.tk-btn-plain:hover, .tk-btn-plain:focus {
color: #999999 !important;
background: transparent !important;
}
.tk-btn-yellow, .tk-btn-yellow-lg {
position: relative;
z-index: 1;
}
.tk-btn-yellow:hover:before, .tk-btn-yellow-lg:hover:before {
transform: scale(1);
}
.tk-btn-yellow:before, .tk-btn-yellow-lg:before {
top: 0;
left: 0;
width: 100%;
z-index: -1;
content: "";
height: 100%;
border-radius: 4px;
position: absolute;
transform: scale(0);
background: rgba(0, 0, 0, 0.1);
}
.tk-btn-yellow i, .tk-btn-yellow-lg i {
color: white !important;
}
.tk-btn-yellow:hover, .tk-btn-yellow-lg:hover, .tk-btn-yellow:focus, .tk-btn-yellow-lg:focus {
color: white;
border-color: #ff385c;
background-color: #ff385c;
}
.tk-btn-yellow-lg {
height: 48px;
}
.tk-featuretag {
height: 26px;
padding: 0 10.24px;
color: #ff385c;
background-color: #ff385c;
}
.tk-featuretag:hover, .tk-featuretag:focus {
color: #ff385c;
background-color: #ff385c;
}
.tk-darkbtn {
background-color: #0a0f26;
color: #ffffff;
}
.tk-darkbtn i {
color: white;
}
.tk-darkbtn:hover, .tk-darkbtn:focus {
color: #ffffff;
background-color: #0a0f26;
}
.tb-go-dbbtn {
margin-top: 20px;
}
.tk-btnline {
flex: none;
color: #1C1C1C;
cursor: pointer;
padding: 9px 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid #DDDDDD;
background-color: #ffffff;
border-radius: 10px;
font-weight: 500;
}
.tk-btnline b {
font-weight: 500;
}
.tk-btnline i {
color: #1C1C1C;
padding-left: 0;
padding-right: 10px;
font-size: 20px;
}
.tk-btnline:hover, .tk-btnline:focus {
background-color: #ffffff;
color: #1C1C1C;
}
.tk-btn-solid-lg-lefticon {
border-radius: 10px;
}
.tk-btn-solid-lg-lefticon i {
padding: 0 0 0 10px;
font-size: 1.25rem;
}
.tk-btn-solid-lefticon {
border-radius: 10px;
}
.tk-btn-solid-lefticon i {
padding: 0 0 0 10px;
font-size: 1.25rem;
}
.tk-rightbtnicon i {
padding: 0 10px 0 0;
}
.tk-invite-bidbtn {
color: #0a0f26;
padding: 7px 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background-color: #FFFFFF;
font-weight: 500;
}
.tk-invite-bidbtn:hover {
color: white;
}
.tk-invite-bidbtn[disabled] {
color: #999999 !important;
cursor: not-allowed;
background-color: #FFFFFF !important;
}
.tb-btn.tk-btn-small, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.tk-btn-small, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.tk-btn-small {
height: 40px;
min-width: 153px;
}
.tk-redbtn {
color: #ffffff;
background-color: #EF4444;
}
.tk-redbtn:hover {
color: #ffffff;
background-color: #EF4444;
}
.tk-btn-yellow-lg:not(.tk-btn-solid-lg):before {
top: -2px;
left: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
}
.tk-registerbtn {
color: white !important;
background-color: #091833 !important;
}
.tk-registerbtn i {
color: white !important;
}
.tk-btn {
border: 0;
gap: 10px;
color: white;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 39px;
cursor: pointer;
overflow: hidden;
background-color: #ff385c;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
z-index: 1;
}
.tk-btn span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-btn i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-btn::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-btn:hover, .tk-btn:focus {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-btn:hover span, .tk-btn:focus span {
color: #ffffff;
}
.tk-btn:hover i, .tk-btn:focus i {
color: #ffffff;
}
.tk-btn:hover:before, .tk-btn:focus:before {
width: 150%;
height: 300%;
}
.tk-btn b {
font-weight: 500;
}
.tk-talent-slider {
overflow: visible;
}
.tk-talent-slider .swiper-slide {
width: auto;
padding-right: 24px;
}
.tk-talent-slider .swiper-slide:last-child {
padding-right: 30px;
}
.tk-talent-slider .swiper-scrollbar {
border-radius: 2px;
max-width: 1256px;
background: #F7F7F8;
}
.tk-talent-slider .swiper-scrollbar.swiper-scrollbar-horizontal {
inset: 0;
margin-top: 60px;
position: relative;
}
.tk-talent-slider .swiper-scrollbar .swiper-scrollbar-drag {
background: #1E1E1E;
}
.tk-talent {
gap: 26px;
padding: 20px;
border-radius: 20px;
flex-direction: column;
height: 100%;
border: 1px solid #EAEAEA;
background-color: #ffffff;
}
.tk-talent:hover {
border-color: transparent;
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
}
.tk-talent:hover a.tk-btn-card {
outline: none;
color: white;
background-color: #ff385c;
}
.tk-talent:hover a.tk-btn-card::before {
width: 300px;
height: 300px;
}
.tk-talent figure {
margin: 0;
overflow: hidden;
border-radius: 20px;
margin: -15px -15px 0;
}
.tk-talent figure img {
width: 100%;
object-fit: cover;
max-height: 240px;
}
.tk-talent-content {
gap: 20px;
width: 100%;
display: flex;
flex-direction: column;
}
.tk-talent_wrppaer {
width: 100%;
}
.tk-talent_wrppaer figure {
display: none;
}
.tk-talent-title {
gap: 10px;
display: flex;
align-items: center;
}
.tk-talent-title h3 {
gap: 10px;
display: flex;
margin-bottom: 0;
align-items: center;
color: #1e1e1e;
letter-spacing: normal;
font: 500 1.25rem/1.2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-talent-title h3 a {
font-size: 16px;
line-height: 25px;
color: #999;
}
.tk-talent-title h3 a > div {
display: inline-block;
}
.tk-talent-title h3 i {
font-size: 16px;
color: #22C55E;
}
.tk-talent-title span {
gap: 4px;
flex: none;
display: flex;
padding: 5px 10px;
margin-left: auto;
border-radius: 8px;
color: #EE4710;
align-items: center;
font: 700 0.75rem/1.4166666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
background: rgba(238, 71, 16, 0.1);
}
.tk-talent-title span i {
font-size: 12px;
color: #EE4710;
}
.tk-talent-rate {
padding: 0;
margin: 4px 0 0;
}
.tk-talent-rate li {
gap: 10px;
display: flex;
align-items: center;
list-style-type: none;
justify-content: space-between;
}
.tk-talent-rate li + li {
margin-top: 10px;
}
.tk-talent-rate li > span {
gap: 10px;
display: flex;
align-items: center;
color: rgba(30, 30, 30, 0.6);
font: 500 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-talent-rate li strong {
text-align: right;
color: #1e1e1e;
font: 400 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-talent.tk-talent-vtwo > figure {
display: none;
}
.tk-talent.tk-talent-vtwo .tk-talent_wrppaer {
gap: 10px;
flex-wrap: nowrap;
align-items: center;
}
.tk-talent.tk-talent-vtwo .tk-talent_wrppaer figure {
flex: none;
display: block;
}
.tk-talent.tk-talent-vtwo .tk-talent_wrppaer figure img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 50%;
}
.tk-talent.tk-talent-vtwo .tk-talent_wrppaer .tk-talent-profile-detail {
width: 100%;
}
.tk-talent-profile-detail h3 {
font-size: 18px;
margin: 5px 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tk-rating-star {
gap: 6px;
margin-top: 4px;
align-items: center;
}
.tk-rating-star > i {
font-size: 14px;
color: #fddb5b;
}
.tk-rating-star span {
display: block;
color: rgba(30, 30, 30, 0.6);
font: 400 0.9375rem/1.4em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-talent-tags {
padding-top: 26px;
border-top: 1px solid #eee;
}
.tk-talent-tags ul {
gap: 10px;
margin: 0;
padding: 0;
align-items: center;
}
.tk-talent-tags ul li {
list-style: none;
}
.tk-talent-tags ul li span {
display: block;
color: #585858;
padding: 4px 16px;
border-radius: 8px;
background: #F7F7F8;
font: 500 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-talent-tags ul li a {
display: block;
padding: 4px 0;
color: #585858;
font: 500 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-talent-tags + [data-toggle="tooltip"] {
display: none;
}
.tk-talent-btns {
gap: 4px;
margin-top: auto;
align-items: center;
}
.tk-talent-btns a.tk-btn-card {
flex: auto;
padding: 11px 38px;
}
.tk-talent-btns a.tk-btn-card span {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
}
.tk-talent-btns a.tk-favicon, .tk-talent-btns button.tk-favicon {
flex: none;
width: 46px;
height: 46px;
overflow: hidden;
position: relative;
align-items: center;
border-radius: 10px;
display: inline-flex;
justify-content: center;
color: rgba(30, 30, 30, 0.4);
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
background-color: #F7F7F8;
}
.tk-talent-btns a.tk-favicon:hover, .tk-talent-btns a.tk-favicon.active, .tk-talent-btns button.tk-favicon:hover, .tk-talent-btns button.tk-favicon.active {
background: #FEF3F2;
}
.tk-talent-btns a.tk-favicon:hover i, .tk-talent-btns a.tk-favicon.active i, .tk-talent-btns button.tk-favicon:hover i, .tk-talent-btns button.tk-favicon.active i {
color: #F04438;
}
.tk-talent-uservtwo .tk-talent-content {
gap: 10px;
flex-direction: row;
}
.tk-talent-uservtwo .tk-talent-content > figure {
flex: none;
}
.tk-talent-uservtwo .tk-talent-content > figure img {
width: 50px;
height: 50px;
max-height: 100%;
border-radius: 50%;
}
.tk-themeform fieldset {
margin: -10px;
}
.tk-themeform__btn {
margin-top: 10px;
}
.form-group-wrap {
align-items: flex-start;
}
.form-group {
width: 100%;
padding: 10px;
margin-bottom: 0;
position: relative;
align-items: center;
}
.form-group .tk-popupbtnarea {
padding-top: 10px;
}
.form-group:first-child .tk-form__section {
margin-top: -5px;
padding: 0;
}
.form-group:last-child {
margin-bottom: 0;
}
.form-group-half {
width: 50%;
}
.form-group-3half {
width: calc(100% / 3);
}
.tk-label {
width: auto;
color: #585858;
margin-bottom: 10px;
align-items: center;
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-label i {
font-size: 18px;
color: #999999;
padding-left: 10px;
}
.tk-inputiconbtn {
position: relative;
width: 100%;
align-items: center;
}
.tk-inputiconbtn .form-control {
padding-right: 40px;
}
.tk-inputiconbtn a {
right: 20px;
font-size: 18px;
position: absolute;
line-height: 1;
color: #999999;
}
.tk-inputiconbtn .form-control {
padding-right: 50px;
height: 50px;
}
.tk-inputiconbtn .tk-btn-solid-sm, .tk-inputiconbtn .tk-btn-solid-sm-lefticon {
height: 32px;
width: 32px;
padding: 0;
}
.tk-inputiconbtn .tk-btn-solid-sm i, .tk-inputiconbtn .tk-btn-solid-sm-lefticon i {
font-size: 15px;
padding: 0;
line-height: 0.8;
}
.tk-inputiconbtn a {
right: 10px;
}
.valid-feedback {
font: 500 0.875rem, 1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
letter-spacing: 0.5px;
color: #0a0f26;
padding-top: 6px;
}
.form-control, 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"], select, .uneditable-input, textarea {
padding: 0 20px;
height: 40px;
color: #0a0f26;
border: 1px solid #EAEAEA;
border-radius: 10px;
background-clip: unset;
caret-color: #0a0f26;
}
.form-control::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, select::placeholder, .uneditable-input::placeholder, textarea::placeholder {
color: #999 !important;
}
.form-control.is-invalid, input[type="text"].is-invalid, input[type="password"].is-invalid, input[type="datetime"].is-invalid, input[type="datetime-local"].is-invalid, input[type="date"].is-invalid, input[type="month"].is-invalid, input[type="time"].is-invalid, input[type="week"].is-invalid, input[type="number"].is-invalid, input[type="email"].is-invalid, input[type="url"].is-invalid, input[type="search"].is-invalid, input[type="tel"].is-invalid, input[type="color"].is-invalid, select.is-invalid, .uneditable-input.is-invalid, textarea.is-invalid {
border-color: #EF4444;
}
.form-control.is-valid, input[type="text"].is-valid, input[type="password"].is-valid, input[type="datetime"].is-valid, input[type="datetime-local"].is-valid, input[type="date"].is-valid, input[type="month"].is-valid, input[type="time"].is-valid, input[type="week"].is-valid, input[type="number"].is-valid, input[type="email"].is-valid, input[type="url"].is-valid, input[type="search"].is-valid, input[type="tel"].is-valid, input[type="color"].is-valid, select.is-valid, .uneditable-input.is-valid, textarea.is-valid {
border-color: #22C55E;
}
.form-control.is-valid:nth-child(n), input[type="text"].is-valid:nth-child(n), input[type="password"].is-valid:nth-child(n), input[type="datetime"].is-valid:nth-child(n), input[type="datetime-local"].is-valid:nth-child(n), input[type="date"].is-valid:nth-child(n), input[type="month"].is-valid:nth-child(n), input[type="time"].is-valid:nth-child(n), input[type="week"].is-valid:nth-child(n), input[type="number"].is-valid:nth-child(n), input[type="email"].is-valid:nth-child(n), input[type="url"].is-valid:nth-child(n), input[type="search"].is-valid:nth-child(n), input[type="tel"].is-valid:nth-child(n), input[type="color"].is-valid:nth-child(n), select.is-valid:nth-child(n), .uneditable-input.is-valid:nth-child(n), textarea.is-valid:nth-child(n) {
color: #22C55E;
}
.form-control[disable], input[type="text"][disable], input[type="password"][disable], input[type="datetime"][disable], input[type="datetime-local"][disable], input[type="date"][disable], input[type="month"][disable], input[type="time"][disable], input[type="week"][disable], input[type="number"][disable], input[type="email"][disable], input[type="url"][disable], input[type="search"][disable], input[type="tel"][disable], input[type="color"][disable], select[disable], .uneditable-input[disable], textarea[disable] {
pointer-events: none;
}
.form-control[disable]:nth-child(n), input[type="text"][disable]:nth-child(n), input[type="password"][disable]:nth-child(n), input[type="datetime"][disable]:nth-child(n), input[type="datetime-local"][disable]:nth-child(n), input[type="date"][disable]:nth-child(n), input[type="month"][disable]:nth-child(n), input[type="time"][disable]:nth-child(n), input[type="week"][disable]:nth-child(n), input[type="number"][disable]:nth-child(n), input[type="email"][disable]:nth-child(n), input[type="url"][disable]:nth-child(n), input[type="search"][disable]:nth-child(n), input[type="tel"][disable]:nth-child(n), input[type="color"][disable]:nth-child(n), select[disable]:nth-child(n), .uneditable-input[disable]:nth-child(n), textarea[disable]:nth-child(n) {
color: #999999;
}
.form-control: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, select:focus, .uneditable-input:focus, textarea:focus {
border-color: #DDDDDD;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.form-control-sm {
height: 40px;
}
.tk-attachments-hodler textarea.form-control, textarea.form-control {
resize: none;
height: 150px;
padding-top: 12px;
}
.tk-attachments-hodler textarea.form-control::-webkit-scrollbar-track, textarea.form-control::-webkit-scrollbar-track {
width: 6px;
background-color: transparent;
}
.tk-attachments-hodler textarea.form-control::-webkit-scrollbar, textarea.form-control::-webkit-scrollbar {
margin: 0;
width: 6px;
background: transparent;
}
.tk-attachments-hodler textarea.form-control::-webkit-scrollbar-thumb, textarea.form-control::-webkit-scrollbar-thumb {
margin: 0;
width: 6px;
height: 30px;
border-radius: 60px;
background-color: #dddddd !important;
}
.tb-select, .tk-select, .tk-calendar {
align-items: center;
position: relative;
width: 100%;
}
.tb-select:before, .tk-select:before, .tk-calendar:before {
content: "";
font-family: icomoon;
right: 16px;
z-index: 1;
position: absolute;
font-size: 18px;
line-height: 1;
pointer-events: none;
color: #999999;
}
.tb-select select, .tk-select select, .tk-calendar select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding-right: 40px;
width: 100%;
}
.tb-select select:focus, .tk-select select:focus, .tk-calendar select:focus {
outline: 0;
}
.tb-select .form-control, .tk-select .form-control, .tk-calendar .form-control {
padding-right: 50px;
}
.tk-calendar:before {
content: "";
}
.tk-input {
display: flex;
align-items: center;
position: relative;
}
.tk-input input {
padding: 0 20px 0 55px;
}
.tk-input a {
background: transparent;
border: 0;
position: absolute;
left: 20px;
color: #DDDDDD;
font-size: 17px;
}
label {
color: #666;
display: block;
font-weight: 400;
margin-bottom: 10px;
}
form p span i {
top: 13px;
left: 16px;
color: #474747;
position: absolute;
}
.form-control[readonly] {
background-color: #ffffff;
}
.form-control:disabled {
background-color: #FFFFFF;
}
.tk-locationtag {
position: relative;
}
.tk-locationtag .form-control {
padding-right: 130px;
}
.tk-locationtag a {
bottom: 0;
right: 20px;
height: 100%;
display: flex;
position: absolute;
align-items: center;
color: #0a0f26;
font-size: 0.75rem;
line-height: 1.6666666667em;
}
.tk-locationtag a i {
margin-right: 5px;
}
/* Theme Custom CheckBox Radio */
.tk-form-checkbox {
display: flex;
align-items: center;
margin-bottom: 0;
}
.form-check-label {
margin-bottom: 0;
padding-left: 10px;
cursor: pointer;
}
.form-check-label span {
color: #999999;
}
.form-check-input {
margin-top: 0;
border: 1.5px solid #DDDDDD;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex: none;
width: 24px;
height: 24px;
}
.form-check-input[type=checkbox] {
border-radius: 4px;
}
.form-check-input[type=radio] {
background-color: #FFFFFF;
}
.form-check-input::after {
content: "";
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #ffffff;
font-size: 14px;
}
.form-check-input:active {
filter: none;
}
.form-check-input:focus {
border-color: #DDDDDD;
box-shadow: none;
}
.form-check-input:checked {
border-color: #22C55E;
}
.form-check-input:checked[type=checkbox] {
background-image: none;
background-color: #22C55E;
}
.form-check-input:checked[type=checkbox]::after {
content: "";
}
.form-check-input:checked[type=radio] {
background-image: none;
background-color: #22C55E;
}
.form-check-input:checked[type=radio]::after {
width: 12px;
height: 12px;
border-radius: 50%;
background: #fff;
}
.tk-form-check-input-sm {
width: 20px;
height: 20px;
}
.tk-form-check-input-sm::after {
font-size: 10px;
}
.tk-form-check-input-sm:checked[type=radio]::after {
width: 10px;
height: 10px;
}
.tk-searchntn {
width: 50px;
display: block;
line-height: 50px;
color: #ff385c;
text-align: center;
font-size: 1.125rem;
background: #ff385c;
}
.tk-searchntn:hover, .tk-searchntn:focus {
color: #ff385c;
}
.tk-righticon {
position: relative;
align-items: center;
width: 100%;
}
.tk-righticon .form-control {
padding-right: 80px;
}
.tk-righticon > a {
position: absolute;
right: 20px;
font-size: 12px;
color: #0a0f26;
}
.tk-righticon > a + a {
right: 49px;
}
.tk-placeholderholder {
position: relative;
width: 100%;
display: flex;
align-items: center;
background-color: #fff;
overflow: hidden;
}
.tk-placeholderholder [required] + .tk-placeholder em {
display: inline;
}
.tk-placeholderholder textarea + .tk-placeholder {
top: 12px;
white-space: normal;
left: 21px;
}
.tk-placeholder {
position: absolute;
left: 21px;
white-space: nowrap;
pointer-events: none;
}
.tk-placeholder span {
color: #999999;
}
.tk-placeholder em {
font-style: normal;
color: #EF4444;
display: none;
}
.mCSB_scrollTools .mCSB_draggerContainer {
width: 6px;
border-radius: 60px;
background-color: transparent;
left: auto;
visibility: hidden;
opacity: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #dddddd !important;
width: 6px;
border-radius: 60px;
margin: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
margin: 0;
background: transparent;
width: 6px;
}
.mCSB_inside > .mCSB_container {
margin-right: 16px;
padding: 0;
}
.mCSB_scrollTools {
opacity: 1;
}
.mCustomScrollbar:hover .mCSB_draggerContainer {
opacity: 1;
visibility: visible;
}
.select2-container--open .select2-dropdown--below, .select2-dropdown {
border: 0;
background: #fff;
}
.select2-search--dropdown {
padding: 0;
margin: 0 0 10px;
position: relative;
z-index: 1052;
}
.select2-search--dropdown::after {
position: absolute;
content: "";
font-family: "icomoon" !important;
left: 20px;
top: 11px;
font-size: 19px;
color: #DDDDDD;
}
.from-group-wrapper {
width: 100%;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #eeeeee;
outline: none;
height: 48px;
padding: 0 40px 0 53px;
}
.select2-container--open .select2-dropdown--below {
padding: 10px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.select2-container--default .select2-results__option[aria-selected=true] {
background: transparent;
}
.select2-results__option[aria-selected] {
color: #0a0f26;
font-size: 14px;
font-weight: 500;
line-height: 20px;
line-height: 22px;
padding: 10px 15px;
border-radius: 10px;
}
.select2-results__option[aria-selected] + .select2-results__option {
margin-top: 2px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #0a0f26;
border-radius: 10px;
background-color: #f7f7f7;
}
.select2-selection__arrow {
display: none;
}
.select2-container--default .select2-selection--single {
height: 48px;
color: #0a0f26;
cursor: pointer;
border-radius: 10px;
border: 1px solid #EAEAEA;
}
.select2-container--default .select2-selection--single:focus {
outline: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #999999;
line-height: 46px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 0 30px 0 20px;
color: #1e1e1e;
}
.select2-container--default .select2-selection--multiple {
border: 1px solid #EAEAEA !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-dropdown--above {
-webkit-box-shadow: 0 10px 30px 0 rgba(18, 54, 82, 0.2);
box-shadow: 0 10px 30px 0 rgba(18, 54, 82, 0.2);
border: 0;
background: #fff;
border-radius: 6px;
margin-top: -10px;
padding: 10px;
}
.select2-results__option {
list-style: none;
}
select[required] + .select2 .select2-selection--multiple .select2-search.select2-search--inline::after, select[required] + .select2 .select2-selection__placeholder::after {
content: " *";
color: #EF4444;
}
select[required] + .select2 .select2-selection--multiple .select2-search.select2-search--inline::after {
content: "*";
margin-left: -10px;
}
select[required] + .select2 .select2-selection__choice + .select2-search.select2-search--inline::after {
content: none;
}
.select2-dropdown {
z-index: 1055;
border-radius: 10px;
}
[aria-multiselectable="true"] .select2-results__option {
position: relative;
display: flex;
align-items: center;
}
[aria-multiselectable="true"] .select2-results__option[role="alert"] {
padding-left: 0;
}
[aria-multiselectable="true"] .select2-results__option[role="alert"]:before {
display: none;
}
[aria-multiselectable="true"] .select2-results__option:before {
content: "";
width: 20px;
height: 20px;
border: 1px solid #EAEAEA;
margin-right: 10px;
border-radius: 4px;
}
[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]:before {
content: "";
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
background-color: #22C55E;
border-color: #22C55E;
font-size: 14px;
font-family: "icomoon";
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
height: auto;
min-height: 40px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #eee;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
gap: 5px;
height: auto;
min-height: 38px;
position: relative;
align-items: center;
padding: 0 20px 0 10px;
}
.select2-container--default .select2-search--inline .select2-search__field {
caret-color: #1C1C1C;
color: #1C1C1C;
height: auto;
width: auto !important;
margin-top: 0;
margin-left: 10px;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
color: #999999;
opacity: 1;
display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
color: #ff385c;
position: absolute;
right: 35px;
top: 0;
display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
align-items: center;
border-color: #eee;
background-color: #f7f7f7;
margin-top: 0;
margin-right: 0;
padding: 3px 12px;
border-radius: 10px;
font: 500 0.75rem/2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #1C1C1C;
letter-spacing: 0.5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice span {
order: 2;
color: #1C1C1C;
font-size: 16px;
line-height: 16px;
margin-left: 9px;
font-weight: 400;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #1C1C1C;
margin-left: 9px;
order: 2;
}
.select2-container, .select2-container .select2-search--inline {
flex: auto;
line-height: normal;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
display: none;
}
.bootstrap-select .dropdown-menu li {
list-style: none;
}
.tk-actionselect {
display: flex;
align-items: center;
}
.tk-actionselect .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.tk-actionselect > span {
font-weight: 600;
color: #0a0f26;
flex: none;
padding-right: 10px;
}
.tk-actionselect .form-control {
font-size: 14px;
color: #999999;
height: 44px;
}
.tk-radiolist {
display: flex;
position: relative;
width: 100%;
align-items: center;
}
.tk-radiolist label {
margin: 0;
display: block;
position: relative;
font: 400 0.8125rem/1.1538461538em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
cursor: pointer;
color: #0a0f26;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.tk-radiolist input[type=radio] {
display: none;
}
.form-vertical {
flex-direction: column;
margin: 0;
align-items: initial;
}
.form-vertical .tk-titleinput {
align-self: initial;
}
.form-vertical:first-child .tk-titleinput {
padding-top: 0;
margin-top: -3px;
}
.form-vertical.form-group-half .tk-titleinput, .form-vertical.form-group-3half .tk-titleinput {
padding-top: 7px;
margin-top: 0;
}
.form-vertical .tk-titleinput {
flex: none;
margin: 0 0 5px;
padding-top: 7px;
}
.lightpick__day.is-end-date.is-in-range.is-flipped, .lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped {
background-color: #ff385c;
}
.lightpick__day.is-in-range, .lightpick__day.is-today {
position: relative;
z-index: 0;
}
.lightpick__day.is-in-range:before, .lightpick__day.is-today:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #ff385c;
visibility: hidden;
z-index: -1;
}
.lightpick__day.is-in-range:hover, .lightpick__day.is-today:hover {
background-image: none;
color: #fff;
}
.lightpick__day.is-in-range:hover:before, .lightpick__day.is-today:hover:before {
visibility: visible;
}
.lightpick__day.is-today {
color: #ff7062;
}
.lightpick__day.is-in-range {
background-color: rgba(255, 56, 92, 0.1);
width: 48px;
height: 48px;
font-weight: 700;
}
.lightpick__day-of-the-week {
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
}
.lightpick__month-title > .lightpick__select {
height: auto;
padding: 0;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
}
.lightpick__days-of-the-week {
margin: 0 0 15px;
}
.lightpick__month {
padding: 14px 14px 0;
width: 382px;
background-color: #fff;
}
.lightpick__month-title-bar {
display: flex;
margin-bottom: 53px;
}
.lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range {
border-radius: 50%;
width: 48px;
height: 48px;
color: #fff;
}
.lightpick__days {
padding: 10px;
border-top: 1px solid #eee;
}
.lightpick__day {
width: 48px;
height: 48px;
font-size: 0.9375rem;
font-weight: 600;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.lightpick__day.is-end-date, .lightpick__day.is-end-date:hover, .lightpick__day.is-start-date, .lightpick__day.is-start-date:hover {
background-image: none;
background-color: #ff385c;
border-radius: 50%;
}
.is-previous-month {
color: #A0A0A0;
}
.lightpick__month-title {
position: absolute;
left: 88px;
top: 30px;
padding: 0;
margin: 0;
}
.lightpick__toolbar {
position: absolute;
width: 100%;
}
.lightpick__toolbar .lightpick__previous-action, .lightpick__toolbar .lightpick__next-action {
width: 48px;
height: 48px;
}
.lightpick__toolbar .lightpick__previous-action {
left: 0;
top: 0;
margin: 0;
background: transparent;
border: 1px solid #DDDDDD;
position: absolute;
}
.lightpick__toolbar .lightpick__previous-action::after {
position: absolute;
font-family: themify;
content: "";
font-size: 14px;
background: #fff;
}
.lightpick__toolbar .lightpick__next-action {
top: 0;
margin: 0;
right: 38px;
background: transparent;
border: 1px solid #eee;
position: absolute;
}
.lightpick__toolbar .lightpick__next-action::after {
position: absolute;
font-family: themify;
content: "";
font-size: 14px;
background: #fff;
}
.tk-tinymceeditor {
width: 100%;
}
.tk-tinymceeditor .mce-panel {
border-color: #DDDDDD;
background-color: #fff;
}
.tk-tinymceeditor .mce-btn {
background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999999;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: initial;
overflow: auto;
}
.tk-actionselect .tk-selectprice ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0 46px 0 20px;
}
.tk-themeform fieldset, .wk-themeform fieldset {
margin: -10px;
}
.tk-themeform_btn, .wk-themeform_btn {
margin-top: 10px;
}
.tk-themeform_title, .wk-themeform_title {
margin: 0 0 10px;
display: block;
color: #1C1C1C;
font: 600 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-inputicon {
position: relative;
width: 100%;
display: flex;
align-items: center;
}
.tk-inputicon .form-control {
padding-left: 40px;
}
.tk-inputicon i {
z-index: 1;
left: 20px;
font-size: 20px;
position: absolute;
line-height: 1;
color: #999999;
}
.wk-inputicon {
position: relative;
width: 100%;
display: flex;
align-items: center;
}
.wk-inputicon:focus i, .wk-inputicon:hover i {
color: #1C1C1C;
}
.wk-inputicon input:hover, .wk-inputicon input:focus {
box-shadow: none;
border-color: #888;
}
.wk-inputicon .wk-select select, .wk-inputicon .tk-select select, .wk-inputicon .tk-calendar select, .wk-inputicon .form-control {
padding-left: 49px;
}
.wk-inputicon i {
z-index: 1;
left: 20px;
line-height: 1;
font-size: 20px;
position: absolute;
color: #999999;
}
.wk-inputicon .select2-container--default .select2-selection--single {
border: 0;
padding-left: 30px;
}
.wk-inputicon .select2-container {
height: 48px;
}
.wk-inputicon .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
}
.wk-select {
align-items: center;
position: relative;
width: 100%;
}
.wk-select:before {
content: "";
font-family: icomoon;
right: 16px;
z-index: 1;
position: absolute;
font-size: 18px;
line-height: 1;
pointer-events: none;
color: #999999;
}
.wk-select select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding-right: 40px;
width: 100%;
}
.wk-select select:focus {
outline: 0;
}
.wk-select .form-control {
padding-right: 50px;
}
.form-group-radio {
display: flex;
align-items: flex-start;
}
.form-group-radio .tk-form-checkbox {
display: flex;
width: auto;
}
.form-group-radio .tk-form-checkbox ~ .tk-form-checkbox {
padding-left: 30px;
}
.tk-savebtn {
display: flex;
align-items: center;
}
.tk-savebtn em {
font-style: normal;
text-align: right;
font-size: 0.875rem;
line-height: 1.2857142857em;
color: #1C1C1C;
}
.tk-savebtn > a {
margin-left: 30px;
}
.tb-checkbox input[type=radio], .tb-radio input[type=radio] {
display: none;
}
.tb-checkbox input[type=radio]:checked + label:before, .tb-radio input[type=radio]:checked + label:before {
content: "";
}
.tb-checkbox input[type=checkbox], .tb-radio input[type=checkbox] {
display: none;
}
.tb-checkbox label, .tb-radio label {
margin: 0;
width: 210px;
position: relative;
cursor: pointer;
display: block;
color: #0a0f26;
font-size: 0.875rem;
font-weight: 500;
line-height: 16px;
padding: 0 0 0 27px;
}
.tb-checkbox label:before, .tb-checkbox label:after, .tb-radio label:before, .tb-radio label:after {
top: 0;
left: 0;
position: absolute;
font-size: 0.875rem;
font-family: "Font Awesome 5 Free";
flex: none;
}
.tb-checkbox label:before, .tb-radio label:before {
color: #ddd;
content: "";
font-weight: 400;
}
.tb-checkbox label:after, .tb-radio label:after {
opacity: 0;
color: #ff385c;
line-height: 16px;
text-align: center;
visibility: hidden;
}
.tb-checkbox input[type=checkbox]:checked + label:after, .tb-radio input[type=radio]:checked + label:after {
opacity: 1;
visibility: visible;
}
.tb-checkbox input[type=checkbox]:checked + label:after {
font-weight: 700;
}
.tb-checkbox input[type=checkbox] + label:after {
content: "";
}
.tk-perfix-default {
width: 100%;
}
.tk-form-error .tox-edit-area__iframe {
border-top: 0.5px solid #ccc !important;
}
.tox-tinymce {
border: 1px solid #eee !important;
border-radius: 10px !important;
}
.tox .tox-statusbar, .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
border-color: #eee !important;
}
.tox .tox-toolbar__primary {
background: none !important;
}
textarea.form-control.is-invalid {
background-position: top calc(.875em + .1875rem) right calc(.375em + .1875rem);
}
.tk-homebanner {
display: flex;
overflow: hidden;
align-items: center;
position: relative;
z-index: 1;
justify-content: space-between;
padding: 120px 0 120px 150px;
}
.tk-homebanner > .container-fluid > .row {
align-items: center;
}
.tk-homebanner_content {
gap: 24px;
flex: auto;
flex: none;
width: 850px;
margin-top: 0;
flex-direction: column;
}
@media (max-width: 1199px) {
.tk-homebanner_content {
max-width: 100%;
}
}
@media (max-width: 675px) {
.tk-homebanner_content {
gap: 16px;
}
}
.tk-homebanner_content h1 {
color: #1C1C1C;
margin-bottom: 0;
letter-spacing: 0.5px;
font: 600 3rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 420px) {
.tk-homebanner_content h1 {
font-size: 40px;
}
}
.tk-homebanner_content h1 span {
color: #ff385c;
display: inline-block;
font-weight: 700;
}
.tk-homebanner_content p {
margin-bottom: 0;
max-width: 600px;
color: rgba(30, 30, 30, 0.6);
font: 400 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 1199px) {
.tk-homebanner_content p {
margin: 0;
}
}
.tk-homebanner_btnwrapper {
gap: 20px;
align-items: center;
}
@media (max-width: 1199px) {
.tk-homebanner_btnwrapper {
justify-content: center;
}
}
@media (max-width: 480px) {
.tk-homebanner_btnwrapper {
flex-direction: column;
align-items: center;
width: 100%;
}
.tk-homebanner_btnwrapper > a {
width: 100%;
}
}
.tk-homebanner_categories {
gap: 14px;
max-width: 820px;
flex-direction: column;
}
@media (max-width: 1199px) {
.tk-homebanner_categories {
margin: 0;
}
}
@media (max-width: 991px) {
.tk-homebanner_categories {
max-width: 100%;
}
}
.tk-homebanner_categories > span {
display: block;
color: rgba(30, 30, 30, 0.6);
font: 500 1rem/1.1875em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-homebanner_categories_list {
gap: 10px;
padding: 0;
align-items: center;
}
@media (max-width: 1199px) {
.tk-homebanner_categories_list {
justify-content: center;
}
}
.tk-homebanner_categories_list > li {
list-style-type: none;
line-height: 26px;
}
.tk-homebanner_trustedby {
gap: 10px;
margin-top: 16px;
flex-direction: column;
}
.tk-homebanner_trustedby .tk-homebanner_categories_list {
gap: 24px;
}
.tk-homebanner_trustedby > span {
display: block;
letter-spacing: 0.5px;
color: rgba(30, 30, 30, 0.6);
font: 500 1rem/1.1875em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-homebanner_trustedby_list {
gap: 24px;
padding: 0;
align-items: center;
}
@media (max-width: 480px) {
.tk-homebanner_trustedby_list {
justify-content: center;
}
}
.tk-homebanner_trustedby_list > li {
list-style-type: none;
}
.tk-homebanner figure {
margin: 0;
}
.tk-hero-banner-two .banner-heading-text-color span {
font-weight: 600 !important;
}
.sc-banner-01-wrapper.tk-hero-banner .banner-heading-text-color {
font: 600 3.375rem/1.1851851852em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
}
.tk-search_category {
gap: 20px;
width: 100%;
display: flex;
padding: 10px 10px 10px 24px;
align-items: center;
max-width: 670px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
}
.tk-search_category input {
border: 0;
padding: 0;
width: 100%;
color: #1E1E1E;
caret-color: #1E1E1E;
box-shadow: none;
font: 400 1rem/1.2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-search_category input::placeholder {
color: rgba(30, 30, 30, 0.4);
}
.tk-search_category input:hover, .tk-search_category input:focus {
box-shadow: none;
outline: none;
}
.tk-search_category .tk-search-menu {
position: relative;
max-width: 96px;
flex: none;
}
.tk-search_category .tk-search-menu .form-control {
border: 0;
box-shadow: none;
padding-right: 40px;
}
.tk-search_category .tk-search-menu .select2-container--default .select2-selection--single {
border: 0;
box-shadow: none;
}
.tk-search_category .tk-search-menu > button {
background-color: transparent;
}
.tk-search_category .tk-search-menu > .sub-menu {
opacity: 1;
display: none;
box-shadow: none;
visibility: visible;
top: calc(100% + 25px);
border-radius: 0 0 6px 6px;
transition: none;
z-index: 99;
}
.tk-search_category .tk-search_icon {
gap: 10px;
width: 54px;
flex: none;
padding: 15px;
display: flex;
align-items: center;
border-radius: 10px;
min-height: 54px;
background: #ff385c;
justify-content: center;
color: white;
font: 500 1rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-search_category > i {
font-size: 18px;
}
@media (max-width: 575px) {
.tk-search_category {
flex-direction: column;
gap: 10px;
padding-left: 14px !important;
padding-right: 14px !important;
}
.tk-search_category .tk-search-menu {
max-width: 100%;
text-align: left;
}
.tk-search_category .tk-search-menu .form-control, .tk-search_category .tk-search-menu .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
}
.tk-search_category .tk-search_icon {
width: 100%;
}
}
.tk-search-dropdown {
display: flex;
gap: 10px;
color: rgba(30, 30, 30, 0.8);
font: 400 1rem/1.2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-search-dropdown > i {
color: rgba(30, 30, 30, 0.6);
}
.tk-tag {
display: block;
padding: 4px 16px;
border-radius: 8px;
color: #585858;
background: #F7F7F8;
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-tag:hover {
color: white;
background-color: #ff385c;
}
.tk-btn-two, .tk-btn-secondary {
border: 0;
gap: 10px;
color: #1E1E1E;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 39px;
cursor: pointer;
overflow: hidden;
background-color: #F7F7F8;
border-radius: 10px;
font: 400 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
letter-spacing: 0.5px;
margin-top: 6px;
width: 100%;
}
.tk-btn-two span, .tk-btn-secondary span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-btn-two i, .tk-btn-secondary i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-btn-two::before, .tk-btn-secondary::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-btn-two:hover, .tk-btn-two:focus, .tk-btn-secondary:hover, .tk-btn-secondary:focus {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-btn-two:hover span, .tk-btn-two:focus span, .tk-btn-secondary:hover span, .tk-btn-secondary:focus span {
color: #ffffff;
}
.tk-btn-two:hover i, .tk-btn-two:focus i, .tk-btn-secondary:hover i, .tk-btn-secondary:focus i {
color: #ffffff;
}
.tk-btn-two:hover:before, .tk-btn-two:focus:before, .tk-btn-secondary:hover:before, .tk-btn-secondary:focus:before {
width: 150%;
height: 300%;
}
.tk-bannerframe {
flex: none;
position: relative;
overflow: hidden;
max-width: 1120px;
margin-left: auto;
margin-right: -242px;
}
@media (max-width: 1400px) {
.tk-bannerframe {
flex: auto;
margin: 0;
}
}
.tk-bannerframe_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 78.2%;
background: #000;
height: 91.7%;
z-index: -1;
margin: -0.9% 0 0 0%;
border-radius: 8px;
padding: 8px;
}
.tk-bannerframe_content .tk-banner-slider {
height: 100%;
}
.tk-bannerframe_content figure {
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.tk-bannerframe_content img {
width: 100%;
height: 98% !important;
object-fit: cover;
object-position: left;
}
.tk-bannerframe_content > video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left;
}
.tk-bannerframe_content .swiper-pagination {
left: 50%;
width: auto;
padding: 1px 10px;
border-radius: 40px;
background-color: rgba(0, 0, 0, 0.3);
}
.tk-bannerframe_content .swiper-pagination > .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
}
.tk-bannerframe_content .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 10px;
height: 10px;
background-color: #fff;
}
.tk-hero-banner-two {
position: relative;
overflow: hidden;
padding: 120px 0;
}
.tk-hero-banner-two.sc-banner-01-wrapper {
overflow: unset;
}
.tk-hero-banner-two .tk-homebanner_content {
width: 100%;
max-width: 55%;
padding: 0;
}
@media (max-width: 1700px) {
.tk-hero-banner-two {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 1400px) {
.tk-hero-banner-two {
flex-direction: column;
align-items: center;
gap: 60px;
justify-content: center;
}
.tk-hero-banner-two .tk-homebanner_content {
max-width: 100%;
text-align: center;
align-items: center;
}
}
.tk-hero-banner-two .tk-bannersingle-slider {
margin: 0px -144px 0px -500px;
position: relative;
}
@media (max-width: 1400px) {
.tk-hero-banner-two .tk-bannersingle-slider {
position: relative;
margin: 0;
max-width: 520px;
}
}
@media (max-width: 575px) {
.tk-hero-banner-two .tk-bannersingle-slider {
max-width: 430px;
}
}
@media (max-width: 480px) {
.tk-hero-banner-two .tk-bannersingle-slider {
max-width: 360px;
}
}
@media (max-width: 375px) {
.tk-hero-banner-two .tk-bannersingle-slider {
max-width: 310px;
}
}
.tk-hero-banner-two .tk-bannersingle-slider .swiper {
height: 415px;
}
.tk-hero-banner-two .tk-bannersingle-slider .swiper figure > img {
width: 100%;
max-width: 715px;
}
@media (max-width: 1400px) {
.tk-hero-banner-two .tk-bannersingle-slider .swiper {
height: 300px;
}
}
.tk-hero-banner-two .tk-bannerframe {
flex: auto;
overflow: visible;
margin-right: 0;
margin-left: 0;
max-width: 685px;
}
.tk-hero-banner-two .tk-bannerframe_content {
max-width: calc(100% - 153.5px);
height: calc(100% - 50px);
}
.tk-hero-banner-two .tk-bannerframe_content .swiper-pagination {
left: auto;
right: -200px;
background: transparent;
}
.tk-hero-banner-two .tk-bannerframe_content .swiper-pagination .swiper-pagination-bullet {
background: rgba(0, 0, 0, 0.9);
}
.tk-hero-banner-two .tk-bannerframe_content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 8px;
height: 8px;
background-color: #ff385c;
}
.tk-hero-banner-two .swiper-pagination {
right: -20px;
}
@media (max-width: 1400px) {
.tk-hero-banner-two .swiper-pagination {
right: -20px;
transform: translate(0, -50%);
}
}
@media (max-width: 1440px) {
.tk-hero-banner-two .swiper-pagination {
top: auto;
bottom: -70px;
display: flex;
gap: 10px;
transform: translate(0, -50%);
left: 0;
right: auto;
margin: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
}
}
.tk-hero-banner-two .swiper-pagination .swiper-pagination-bullet-active {
background: #ff385c;
}
.tk-hero-banner-two .tk-homebanner_content h1 span {
font-size: 54px;
font-weight: 600;
line-height: 64px;
color: #ff385c;
}
.tk-banner-shape {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
}
@media (max-width: 767px) {
.tk-banner-shape {
display: none;
}
}
.tk-section-shape {
top: 110px;
width: 680px;
left: -640px;
height: 680px;
display: block;
position: absolute;
pointer-events: none;
}
@media (max-width: 767px) {
.tk-section-shape {
display: none;
}
}
.tk-banner-slider-two {
height: 413px;
}
.tk-banner-slider-wrapper {
position: relative;
}
.tk-homebanner-pagination.swiper-pagination-bullets {
position: absolute;
right: -120px;
}
.tk-homebanner-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
background: #000;
opacity: 0.1;
width: 10px;
height: 10px;
border-radius: 50%;
}
.tk-homebanner-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ff385c;
opacity: 1;
}
.tk-hero-slider-3 {
width: 100%;
height: 100%;
max-height: 771px;
}
.tk-hero-slider {
gap: 60px;
padding: 140px 207px;
border-radius: 0 0 20px 20px;
}
.tk-hero-slider figure {
display: flex;
justify-content: flex-end;
}
.tk-hero-slider figure img {
width: 614px;
height: 470px;
}
.tk-hero-slider-one {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%), #AE3905;
}
.tk-hero-slider-two {
background: #F6CC77;
}
.tk-bannersingle-slider figure {
max-width: 705px;
width: 100%;
margin-bottom: 0;
}
.tk-hero-banner-three {
padding: 140px 110px 120px;
}
@media (max-width: 1400px) {
.tk-hero-banner-three {
flex-direction: column;
align-items: center;
width: 100%;
gap: 60px;
}
}
@media (max-width: 575px) {
.tk-hero-banner-three {
padding-left: 20px;
padding-right: 20px;
}
}
.tk-hero-banner-three .tk-homebanner_content {
max-width: 60%;
}
@media (max-width: 1400px) {
.tk-hero-banner-three .tk-homebanner_content {
max-width: 100%;
align-items: center;
justify-content: center;
text-align: center;
}
}
.tk-hero-banner-three .tk-bannersingle-slider {
width: 40%;
}
@media (max-width: 991px) {
.tk-hero-banner-three .tk-bannersingle-slider {
width: 60%;
}
}
@media (max-width: 767px) {
.tk-hero-banner-three .tk-bannersingle-slider {
width: 100%;
}
}
.tk-hero-banner-three h1, .tk-hero-banner-three p {
color: #ffffff;
}
.tk-hero-banner-three h1 span, .tk-hero-banner-three p span {
color: #ffffff;
}
.tk-hero-banner-three .tk-search_category {
margin: 10px 0;
border-radius: 60px;
outline: 10px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 575px) {
.tk-hero-banner-three .tk-search_category {
border-radius: 10px;
}
}
.tk-hero-banner-three .tk-search_category .tk-search_icon {
border-radius: 50%;
background: #ee4710;
}
@media (max-width: 575px) {
.tk-hero-banner-three .tk-search_category .tk-search_icon {
border-radius: 10px;
}
}
.tk-hero-banner-three .tk-homebanner_categories > span, .tk-hero-banner-three .tk-homebanner_trustedby > span {
color: white;
}
.tk-hero-banner-three .tk-tag {
color: #ffffff;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
}
.tk-hero-banner-three .tk-tag:hover {
color: #585858;
background: #ffffff;
}
.tk-hero-banner-four {
align-items: center;
flex-direction: column;
padding: 100px 0 0 0;
}
.tk-hero-banner-four .tk-bannerframe {
margin: 50px auto 0;
max-width: 1194px;
}
.tk-hero-banner-four .tk-bannerframe img {
width: 1141px;
}
.tk-hero-banner-four > figure {
margin: 60px auto 0;
}
.tk-hero-banner-four .tk-homebanner_content {
max-width: 100%;
width: 850px;
align-items: center;
}
.tk-hero-banner-four .tk-homebanner_content h1, .tk-hero-banner-four .tk-homebanner_content p {
text-align: center;
}
.tk-hero-banner-four .tk-homebanner_content h1 {
max-width: 800px;
}
.tk-hero-banner-four .tk-homebanner_content h1 span {
z-index: 1;
position: relative;
padding: 0 10px;
margin: 0 -10px;
color: #1e1e1e;
}
.tk-hero-banner-four .tk-homebanner_content h1 span::after {
content: "";
left: 0;
top: 4px;
width: 100%;
height: 100%;
z-index: -1;
mask-size: auto;
position: absolute;
display: inline-block;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #ff385c;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="54" viewBox="0 0 501 54" fill="none"%3E%3Cpath d="M0 3.76314C201.091 -1.20383 299.914 -1.30476 501 3.76339L493.393 54C287.337 48.9172 209.336 48.2857 13.8467 53.9997L0 3.76314Z" fill="%23FDB022"%3E%3C/path%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="54" viewBox="0 0 501 54" fill="none"%3E%3Cpath d="M0 3.76314C201.091 -1.20383 299.914 -1.30476 501 3.76339L493.393 54C287.337 48.9172 209.336 48.2857 13.8467 53.9997L0 3.76314Z" fill="%23FDB022"%3E%3C/path%3E%3C/svg%3E');
}
.tk-hero-banner-four .tk-homebanner_content .tk-search_icon {
color: white;
background-color: #ff385c;
}
.tk-hero-banner-four .tk-homebanner_content .tk-tag:hover {
color: #1e1e1e;
background-color: #FBF3EE;
}
.tk-hero-banner-four .tk-search_category {
max-width: 850px;
}
.tk-hero-banner-four .tk-search_category .tk-search_icon {
min-width: 158px;
padding-top: 16px;
padding-bottom: 16px;
background: #ff385c;
}
.tk-hero-banner-four .tk-homebanner_trustedby, .tk-hero-banner-four .tk-homebanner_categories {
flex-direction: row;
align-items: center;
}
.tk-hero-banner-four .tk-tag {
background-color: #FBF3EE;
}
.tk-hero-banner-four .tk-tag:hover {
color: #000;
background: #ff385c;
}
.tk-hero-banner-five {
gap: 170px;
overflow: visible !important;
padding: 100px 207px;
}
.tk-hero-banner-five figure {
flex: none;
margin-bottom: 0;
}
.tk-hero-banner-five .tk-banner-shape {
top: 160px;
right: -164px;
}
.tk-hero-banner-five .tk-banner-shape svg path {
fill: #ff385c;
}
.tk-hero-banner-five .tk-search_category {
max-width: 822px;
}
.tk-hero-banner-five .tk-search_category .tk-search_icon {
min-width: 158px;
padding-top: 16px;
padding-bottom: 16px;
background: #ff385c;
}
.tk-hero-banner-five .tk-homebanner_trustedby, .tk-hero-banner-five .tk-homebanner_categories {
align-items: center;
flex-direction: row;
}
.tk-hero-banner-five .tk-homebanner_content {
max-width: 851px;
}
.tk-hero-banner-five .tk-homebanner_content h1 span {
z-index: 1;
color: #ffffff;
padding: 0 10px;
margin: 0 -10px;
position: relative;
display: inline-block;
}
.tk-hero-banner-five .tk-homebanner_content h1 span::after {
content: "";
left: 0;
top: 4px;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
display: inline-block;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #ff385c;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="516" height="54" viewBox="0 0 516 54" fill="none"%3E%3Cpath d="M0 3.76314C207.112 -1.20383 308.893 -1.30476 516 3.76339L508.165 54C295.94 48.9172 215.603 48.2857 14.2613 53.9997L0 3.76314Z" fill="%2300A674"%3E%3C/path%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="516" height="54" viewBox="0 0 516 54" fill="none"%3E%3Cpath d="M0 3.76314C207.112 -1.20383 308.893 -1.30476 516 3.76339L508.165 54C295.94 48.9172 215.603 48.2857 14.2613 53.9997L0 3.76314Z" fill="%2300A674"%3E%3C/path%3E%3C/svg%3E');
mask-size: 100%;
}
.tk-blobanimation-box {
width: 100%;
top: -230px;
z-index: -1;
height: 200px;
max-width: 951px;
position: absolute;
filter: blur(150px);
pointer-events: none;
background-color: #00A674;
animation: 10s ease-in-out infinite floating-animation1;
}
@keyframes floating-animation1 {
0% {
transform: translateX(100%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
.page-home-seven .tk-hero-banner-eight {
padding: 67px 0 80px;
}
.page-home-seven .tk-talent-section .tk-section_title h2 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin-bottom: 26px;
}
.page-home-seven .tk-talent-section .tk-section_desciption p {
line-height: 1.625em;
}
.page-home-seven .tk-section_title {
margin: 0 0 24px;
}
.page-home-seven .pb-themesection[style="background-color:#f7f7f7;"] .col-12 {
padding: 0 7px;
}
.page-home-seven .tk-talent-section {
padding: 99px 0 100px 0;
}
.page-home-seven .tk-talent {
padding: 19px;
}
.page-home-seven .tk-section-accordion {
width: 51.6%;
}
.page-home-seven .tk-blog-section {
padding: 102px 20px 100px 20px;
}
.page-home-seven .tk-blog-section .tk-section_title p {
line-height: 25px;
}
.page-home-seven .tk-section.tk-blog-section .tk-section_title {
margin: 0 0 40px;
}
.page-home-seven .pb-themesection:nth-last-child(2) {
background-color: #fff !important;
}
.tk-hero-banner-five {
padding: 183px 207px;
}
.page-home-eleven .tk-homebanner_content h1 span {
font-size: 60px;
line-height: 60px;
}
.page-home-eleven .tk-homebanner_content h1 span::after {
mask-size: unset;
}
.tk-hero-banner-eight {
display: flex;
border-radius: 20px;
padding: 87px 0 80px;
flex-direction: column;
}
.tk-hero-banner-eight .tk-search_category {
max-width: 846px;
border-radius: 10px;
box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.tk-hero-banner-eight .tk-search_category > input {
height: 54px;
font-size: 18px;
}
.tk-hero-banner-eight .tk-search_category > input::placeholder {
color: #999;
font-size: 18px;
}
.tk-hero-banner-eight .tk-search_category .tk-search_icon {
background: #ff385c;
width: 60px;
}
.tk-hero-banner-eight .tk-search_category .tk-select:before, .tk-hero-banner-eight .tk-search_category .tk-calendar:before {
right: 0;
}
.tk-hero-banner-eight .tk-search_category .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 16px;
padding: 0 20px 0 0;
}
.tk-hero-banner-eight .tk-homebanner_trustedby {
width: 100%;
margin-top: 21px;
align-items: center;
flex-direction: row;
justify-content: center;
}
.tk-bannertopserch {
gap: 48px;
width: 100%;
display: flex;
margin-top: 54px;
align-items: center;
border-radius: 20px;
padding: 40px 72px 40px 150px;
background: linear-gradient(180deg, #FBF3EE 0%, #FFF 100%);
}
.tk-bannertopserch > figure {
flex: none;
}
.tk-bannertopserch > figure img {
width: 503px;
height: 100%;
max-height: 356px;
object-fit: contain;
}
.tk-bannertopserch .tk-btn-two {
border-radius: 10px;
background-color: transparent;
border: 1px solid #EAEAEA;
padding: 17px 39px;
}
.tk-bannertopserch .tk-btn-two span, .tk-bannertopserch .tk-btn-two i {
color: #ffffff;
}
.tk-bannertopserch .tk-btn-two:hover, .tk-bannertopserch .tk-btn-two:focus {
border-color: transparent;
}
.tk-bannertopserch .tk-homebanner_content h1 {
color: #000;
font: 700 3rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-bannertopserch .tk-homebanner_content p {
color: #000;
font: 400 1.25rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-ten {
padding: 100px 0 0 0;
flex-direction: column;
}
.tk-hero-banner-ten:after {
left: 0;
bottom: 0;
z-index: 0;
width: 100%;
content: "";
height: 47px;
opacity: 0.3;
filter: blur(2px);
position: absolute;
display: inline-block;
background: linear-gradient(222deg, rgba(0, 0, 0, 0.03) 26.31%, rgba(0, 0, 0, 0) 62.28%);
}
.tk-hero-banner-ten .tk-bannerframe {
margin: 60px 0 0;
}
.tk-hero-banner-ten .tk-banner-shape {
left: 0;
}
.tk-hero-banner-ten .tk-btn-secondary {
border: 0;
gap: 10px;
color: #1E1E1E;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 39px;
cursor: pointer;
overflow: hidden;
background-color: #ffffff;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
border-radius: 10px;
border: 1px solid #EAEAEA;
}
.tk-hero-banner-ten .tk-btn-secondary span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-hero-banner-ten .tk-btn-secondary i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-hero-banner-ten .tk-btn-secondary::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-hero-banner-ten .tk-btn-secondary:hover, .tk-hero-banner-ten .tk-btn-secondary:focus {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-hero-banner-ten .tk-btn-secondary:hover span, .tk-hero-banner-ten .tk-btn-secondary:focus span {
color: #ffffff;
}
.tk-hero-banner-ten .tk-btn-secondary:hover i, .tk-hero-banner-ten .tk-btn-secondary:focus i {
color: #ffffff;
}
.tk-hero-banner-ten .tk-btn-secondary:hover:before, .tk-hero-banner-ten .tk-btn-secondary:focus:before {
width: 150%;
height: 300%;
}
.tk-hero-banner-ten .tk-btn-secondary i {
color: #000;
font-size: 16px;
}
.tk-hero-banner-ten .tk-homebanner_content {
padding: 0;
margin: 0 auto;
align-items: center;
}
.tk-hero-banner-ten .tk-homebanner_content p, .tk-hero-banner-ten .tk-homebanner_content h1 {
text-align: center;
}
.tk-hero-banner-ten .tk-homebanner_content h1 {
letter-spacing: 0.5px;
font: 600 54px / 64px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 575px) {
.tk-hero-banner-ten .tk-homebanner_content h1 {
font-size: 36px;
}
}
@media (max-width: 375px) {
.tk-hero-banner-ten .tk-homebanner_content h1 {
font-size: 30px;
line-height: 40px;
}
}
.tk-hero-banner-ten .tk-homebanner_content h1 span {
z-index: 1;
color: #fff;
padding: 0 10px;
margin: 0 -10px;
position: relative;
display: inline-block;
}
.tk-hero-banner-ten .tk-homebanner_content h1 span::after {
left: 0;
top: 2px;
width: 100%;
content: "";
z-index: -1;
height: 100%;
position: absolute;
display: inline-block;
background-color: #ff385c;
mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="501" height="54" viewBox="0 0 501 54" fill="none"%3E%3Cpath d="M0 3.76314C201.091 -1.20383 299.914 -1.30476 501 3.76339L493.393 54C287.337 48.9172 209.336 48.2857 13.8467 53.9997L0 3.76314Z" fill="black"%3E%3C/path%3E%3C/svg%3E');
mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
}
.tk-hero-banner-ten .tk-homebanner_content p {
font: 400 20px / 32px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-ten figure {
width: 100%;
max-width: 1200px;
margin: 50px 0 -1px 0;
background: #fff;
position: relative;
border-radius: 20px;
}
.tk-hero-banner-ten figure::after {
top: -12px;
left: -12px;
content: "";
width: 100%;
height: 100%;
max-width: 210px;
max-height: 300px;
position: absolute;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="214" height="346" viewBox="0 0 214 346" fill="none"%3E%3Cpath opacity="0.2" d="M208.333 3C208.333 4.47276 209.527 5.66667 211 5.66667C212.473 5.66667 213.667 4.47276 213.667 3C213.667 1.52724 212.473 0.333333 211 0.333333C209.527 0.333333 208.333 1.52724 208.333 3ZM11.9202 5.17987L12.1472 5.62537L11.9202 5.17987ZM3.17987 13.9202L3.62537 14.1472L3.17987 13.9202ZM33 3.5H211V2.5H33V3.5ZM1.5 345.29V35H0.5V345.29H1.5ZM33 2.5C27.4077 2.5 23.1834 2.49961 19.8233 2.77414C16.4574 3.04915 13.9145 3.60253 11.6932 4.73437L12.1472 5.62537C14.2041 4.57734 16.6006 4.04078 19.9048 3.77082C23.2147 3.50039 27.3912 3.5 33 3.5V2.5ZM1.5 35C1.5 29.3912 1.50039 25.2147 1.77082 21.9048C2.04078 18.6006 2.57734 16.2041 3.62537 14.1472L2.73437 13.6932C1.60253 15.9145 1.04915 18.4574 0.774144 21.8233C0.499611 25.1834 0.5 29.4077 0.5 35H1.5ZM11.6932 4.73437C7.83587 6.69977 4.69977 9.83587 2.73437 13.6932L3.62537 14.1472C5.4949 10.478 8.47802 7.4949 12.1472 5.62537L11.6932 4.73437Z" fill="url(%23paint0_linear_6508_38137)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_6508_38137" x1="26.5" y1="60" x2="-48" y2="163" gradientUnits="userSpaceOnUse"%3E%3Cstop/%3E%3Cstop offset="1" stop-opacity="0"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
background-size: cover;
background-repeat: no-repeat;
}
.tk-hero-banner-ten figure::before {
top: -12px;
right: -12px;
content: "";
width: 100%;
height: 100%;
max-width: 204px;
max-height: 213px;
position: absolute;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="203" height="206" viewBox="0 0 203 206" fill="none"%3E%3Cpath opacity="0.2" d="M197.333 203.29C197.333 204.763 198.527 205.957 200 205.957C201.473 205.957 202.667 204.763 202.667 203.29C202.667 201.817 201.473 200.623 200 200.623C198.527 200.623 197.333 201.817 197.333 203.29ZM189.08 3.17987L188.853 3.62537L189.08 3.17987ZM197.82 11.9202L197.375 12.1472H197.375L197.82 11.9202ZM0 1.5H168V0.5H0V1.5ZM199.5 33V203.29H200.5V33H199.5ZM168 1.5C173.609 1.5 177.785 1.50039 181.095 1.77082C184.399 2.04078 186.796 2.57734 188.853 3.62537L189.307 2.73437C187.085 1.60253 184.543 1.04915 181.177 0.774144C177.817 0.499611 173.592 0.5 168 0.5V1.5ZM200.5 33C200.5 27.4077 200.5 23.1834 200.226 19.8233C199.951 16.4574 199.397 13.9145 198.266 11.6932L197.375 12.1472C198.423 14.2041 198.959 16.6006 199.229 19.9048C199.5 23.2147 199.5 27.3912 199.5 33H200.5ZM188.853 3.62537C192.522 5.4949 195.505 8.47802 197.375 12.1472L198.266 11.6932C196.3 7.83587 193.164 4.69977 189.307 2.73437L188.853 3.62537Z" fill="url(%23paint0_linear_6508_38139)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_6508_38139" x1="34.5" y1="7.49999" x2="152.142" y2="155.453" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-opacity="0"/%3E%3Cstop offset="1"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.tk-hero-banner-ten figure img {
width: 100%;
height: 100%;
object-fit: cover;
border: 8.968px solid #FFF;
border-radius: 20px 20px 0px 0px;
box-shadow: 0px 0px 64px -12px rgba(16, 24, 40, 0.2);
}
.sc-banner-01-wrapper.tk-hero-banner-ten {
overflow: visible;
position: unset;
}
.tk-bannerwrrap {
display: flex;
margin: 0 auto;
max-width: 1200px;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
}
.tk-hero-banner-seven {
padding: 0;
position: relative;
}
.tk-hero-banner-seven::after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
background-image: linear-gradient(-90deg, #000000 0%, #000000 50%);
opacity: 0.5;
}
.tk-hero-banner-seven figure {
margin-bottom: 0;
width: 100%;
height: 100%;
inset: 0;
position: absolute;
}
.tk-hero-banner-seven figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tk-hero-banner-seven figure::after {
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
max-height: 300px;
position: absolute;
pointer-events: none;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.tk-hero-banner-seven .swiper-slide::after {
left: 0;
width: 100%;
content: "";
height: 100%;
opacity: 0.3;
position: absolute;
background: #000;
}
.tk-hero-banner-seven .swiper-slide::before {
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
content: "";
height: 300px;
filter: blur(47px);
position: absolute;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 91.02%);
}
.tk-hero-banner-seven .swiper-slide img {
position: relative;
object-fit: cover;
}
.tk-hero-banner-seven .tk-homebanner_content {
gap: 0;
z-index: 1;
max-width: 100%;
padding: 100px 70px 107px 207px;
}
@media (max-width: 1199px) {
.tk-hero-banner-seven .tk-homebanner_content {
padding-left: 20px;
padding-right: 20px;
align-items: center;
text-align: center;
}
}
.tk-hero-banner-seven .tk-homebanner_content h1 {
color: #fff;
max-width: 750px;
letter-spacing: -0.96px;
font: 600 3rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 480px) {
.tk-hero-banner-seven .tk-homebanner_content h1 {
font-size: 36px;
}
}
.tk-hero-banner-seven .tk-homebanner_content h1 span {
z-index: 1;
color: #fff;
padding: 0 10px;
margin: 0 -10px;
position: relative;
display: inline-block;
}
.tk-hero-banner-seven .tk-homebanner_content h1 span::after {
left: 0;
bottom: -5px;
width: 100%;
content: "";
z-index: -1;
height: 10px;
mask-size: 100%;
position: absolute;
display: inline-block;
background-color: #ff385c;
mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="431" height="4" viewBox="0 0 431 4" fill="none"%3E%3Cpath d="M0 0.278751C172.995 -0.0891723 258.01 -0.0966491 431 0.27877L424.456 4C247.19 3.62349 180.087 3.57672 11.9121 3.99998L0 0.278751Z" fill="%23FDB022"%3E%3C/path%3E%3C/svg%3E');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
@media (max-width: 365px) {
.tk-hero-banner-seven .tk-homebanner_content h1 span::after {
display: none;
}
}
.tk-hero-banner-seven .tk-homebanner_content p {
color: #FFF;
max-width: 750px;
margin-top: 10px;
font: 400 1.25rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-seven .tk-search_category {
max-width: 750px;
margin-top: 34px !important;
padding: 11px 10px 11px 24px;
}
@media (max-width: 575px) {
.tk-hero-banner-seven .tk-search_category {
padding-left: 4px;
}
.tk-hero-banner-seven .tk-search_category > input, .tk-hero-banner-seven .tk-search_category .tk-search-menu {
padding-left: 14px;
}
}
.tk-hero-banner-seven .tk-search_category .tk-search_icon {
min-width: 158px;
max-height: 56px;
background: #ff385c;
}
.tk-work-section.tk-market-place {
margin: 0 20px;
}
.tk-work-section.tk-market-place .tk-work-content {
padding: 0;
padding: 100px 50px;
border-radius: 20px;
background-color: #F7F7F8;
}
.tk-hero-banner-six a {
letter-spacing: 0 !important;
}
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content {
margin-top: 17px;
}
.tk-section-accordion .accordion-button {
letter-spacing: 0.5px;
}
.tk-hero-banner-six {
max-width: 1560px;
margin-left: auto;
margin-right: auto;
padding: 34px 29px 30px 31px;
}
@media (max-width: 991px) {
.tk-hero-banner-six {
padding-top: 30px;
}
}
.tk-hero-banner-six .tk-bannertopserch {
gap: 18px;
margin-top: 0;
border-radius: 30px;
background: #293056;
padding: 90px 80px 89px 80px;
justify-content: space-between;
}
.tk-hero-banner-six .tk-bannertopserch figure img {
transform: translateY(-12px);
}
@media (max-width: 1400px) {
.tk-hero-banner-six .tk-bannertopserch {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1199px) {
.tk-hero-banner-six .tk-bannertopserch {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 480px) {
.tk-hero-banner-six .tk-bannertopserch {
padding-left: 10px;
padding-right: 10px;
}
}
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content {
max-width: 760px;
gap: 0;
margin: 0;
}
@media (max-width: 1199px) {
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content {
text-align: center;
}
}
@media (max-width: 767px) {
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content {
max-width: 100%;
}
}
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content h1 {
color: #fff;
font-size: 48px;
font-weight: 600;
line-height: 60px;
margin: 0 0 14px;
font-style: normal;
letter-spacing: -0.96px;
}
@media (max-width: 767px) {
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content h1 {
font-size: 38px;
line-height: 48px;
}
}
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content h1 span {
z-index: 1;
color: #fff;
padding: 0 10px;
margin: 0 -10px;
position: relative;
display: inline-block;
}
@media (max-width: 480px) {
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content h1 span {
padding: 0;
margin: 0;
}
}
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content h1 span::after {
left: 0;
bottom: -5px;
width: 100%;
content: "";
z-index: -1;
height: 10px;
position: absolute;
display: inline-block;
background-color: #ff385c;
mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="431" height="4" viewBox="0 0 431 4" fill="none"%3E%3Cpath d="M0 0.278751C172.995 -0.0891723 258.01 -0.0966491 431 0.27877L424.456 4C247.19 3.62349 180.087 3.57672 11.9121 3.99998L0 0.278751Z" fill="%23FDB022"%3E%3C/path%3E%3C/svg%3E');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
@media (max-width: 480px) {
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content h1 span::after {
display: none;
}
}
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content p {
color: #fff;
margin: 0 0 24px;
opacity: 0.8;
}
@media (max-width: 767px) {
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content p {
font-size: 18px;
line-height: 24px;
}
}
.tk-paginationarea {
gap: 16px;
bottom: 0px;
display: flex;
max-width: 107px;
position: relative;
align-items: center;
justify-content: center;
}
.tk-paginationarea:before {
left: -1px;
top: -50px;
z-index: 1;
content: "";
width: 12px;
height: 10px;
position: absolute;
display: inline-block;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"%3E%3Cpath d="M0 11L11 11C4.2 11 0.833333 3.66667 0 0L0 11Z" fill="white"%3E%3C/path%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: bottom;
}
.tk-paginationarea:after {
top: -10px;
z-index: 1;
content: "";
width: 12px;
right: -10px;
height: 10px;
position: absolute;
display: inline-block;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"%3E%3Cpath d="M0 11L11 11C4.2 11 0.833333 3.66667 0 0L0 11Z" fill="white"%3E%3C/path%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: bottom;
}
.tk-paginationarea .swiper-button-next:after, .tk-paginationarea .swiper-button-prev:after {
display: none;
}
.tk-paginationarea .swiper-pagination {
gap: 4px;
bottom: 0;
width: 100%;
height: 40px;
display: flex;
position: absolute;
background: #FFF;
align-items: center;
justify-content: center;
border-radius: 0px 20px 0px 0px;
}
.tk-paginationarea .swiper-pagination span {
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.tk-paginationarea .swiper-pagination .swiper-pagination-total {
opacity: 0.6;
color: #585858;
}
.tk-paginationarea .swiper-button-next, .tk-paginationarea .swiper-button-prev {
height: 6px;
line-height: 14px;
}
.tk-paginationarea .swiper-button-next > i, .tk-paginationarea .swiper-button-prev > i {
font-size: 12px;
font-weight: 900;
color: #585858;
line-height: 120%;
font-style: normal;
display: inline-block;
}
.tk-hero-banner-nine {
gap: 0;
padding: 39px 0 40px 0;
position: unset !important;
}
.tk-hero-banner-nine > figure {
margin: 0;
max-width: 600px;
margin-left: auto;
margin-right: 17px;
}
.tk-hero-banner-nine .tk-bannertopserch {
margin-top: 0;
padding-left: 150px;
padding-right: 150px;
}
.tk-hero-banner-nine .tk-btn-secondary {
border: 0;
background: #6767671A;
}
.tk-hero-banner-nine .tk-homebanner_content {
gap: 0;
width: 100%;
max-width: 629px;
}
.tk-hero-banner-nine .tk-homebanner_content h1 {
font-size: 48px;
font-weight: 600;
line-height: 60px;
font-style: normal;
letter-spacing: -0.96px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-nine .tk-homebanner_content p {
max-width: 550px;
margin-top: 24px;
color: rgba(30, 30, 30, 0.6);
font: 400 1.25rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-nine .tk-homebanner_categories {
left: 0;
top: 78px;
width: 100%;
max-width: 100%;
position: absolute;
gap: 0;
flex-direction: row;
align-items: center;
background: #F7F7F8;
padding: 6px 30px;
mix-blend-mode: darken;
border-top: 1px solid #EDEEF0;
border-bottom: 1px solid #EDEEF0;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-homebanner_categories_list {
max-width: calc(100vw - 270px);
overflow-x: auto;
flex-wrap: nowrap;
white-space: nowrap;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-homebanner_categories_list::-webkit-scrollbar {
height: 4px;
width: 4px;
background: #F7F7F8;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-homebanner_categories_list:hover::-webkit-scrollbar-thumb:horizontal {
background: #0000000d;
border-radius: 10px;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-icon-wrapper {
gap: 12px;
display: flex;
margin-right: 20px;
padding-right: 20px;
position: relative;
align-items: center;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-icon-wrapper:before {
content: "";
height: 30px;
width: 1px;
background: #D9D9D9;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-icon-wrapper > i {
width: 38px;
height: 38px;
display: grid;
color: #585858;
font-size: 15px;
border-radius: 10px;
place-content: center;
background: #EAEAEA;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-icon-wrapper span {
display: block;
color: rgba(30, 30, 30, 0.8);
font: 500 14px / 20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-tag {
padding: 10px 12px;
border-radius: 10px;
font: 500 14px / 20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: rgba(30, 30, 30, 0.8);
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-tag:hover {
background-color: transparent;
}
.tk-hero-banner-nine .tk-homebanner_btnwrapper, .tk-hero-banner-nine .tk-search_category {
margin-top: 24px;
}
.tk-hero-banner-nine .tk-homebanner_btnwrapper .tk-btn:last-child, .tk-hero-banner-nine .tk-search_category .tk-btn:last-child {
border: 1px solid #EAEAEA;
}
.tk-hero-banner-nine .tk-homebanner_btnwrapper .tk-btn:last-child span, .tk-hero-banner-nine .tk-search_category .tk-btn:last-child span {
color: #585858 !important;
}
.tk-hero-banner-nine .tk-homebanner_trustedby {
margin-top: 14px;
}
.tk-tagline span {
display: block;
color: #ff385c;
letter-spacing: 0.5px;
font: 600 1rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-eleven .tk-homebanner_content {
margin: 0;
width: 100%;
}
.tk-hero-banner-eleven {
z-index: 1;
padding: 30px;
position: relative;
}
@media (max-width: 480px) {
.tk-hero-banner-eleven {
padding-left: 20px;
padding-right: 20px;
}
}
.tk-hero-banner-eleven::after {
content: "";
top: 50%;
left: 50%;
opacity: 0.6;
position: absolute;
pointer-events: none;
border-radius: 20px;
width: calc(100% - 60px);
height: calc(100% - 59px);
transform: translate(-50%, -50%);
background-image: linear-gradient(180deg, #000000 0%, #00000052 30%);
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
@media (max-width: 480px) {
.tk-hero-banner-eleven::after {
width: calc(100% - 40px);
height: calc(100% - 40px);
}
}
.tk-hero-banner-eleven figure {
width: calc(100% - 58px);
height: calc(100% - 58px);
margin-bottom: 0;
position: absolute;
border-radius: 20px;
left: 50%;
top: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
.tk-hero-banner-eleven figure {
width: calc(100% - 40px);
height: calc(100% - 40px);
}
}
.tk-hero-banner-eleven figure::after {
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
max-height: 300px;
position: absolute;
pointer-events: none;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.tk-hero-banner-eleven figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.tk-hero-banner-eleven .tk-bg-image {
z-index: -1;
left: 0;
bottom: 300px;
width: 100%;
height: 1004px;
object-fit: cover;
position: absolute;
filter: blur(105px);
pointer-events: none;
}
.tk-hero-banner-eleven .tk-bg-image img {
width: 100%;
height: 100%;
}
.tk-hero-banner-eleven .swiper-slide {
overflow: hidden;
border-radius: 30px;
}
.tk-hero-banner-eleven .swiper-slide::after {
left: 0;
width: 100%;
content: "";
height: 100%;
opacity: 0.3;
background: #000;
position: absolute;
}
.tk-hero-banner-eleven .swiper-slide::before {
left: 0;
bottom: 0;
z-index: 1;
content: "";
width: 100%;
height: 300px;
filter: blur(47px);
position: absolute;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 91.02%);
}
.tk-hero-banner-eleven .swiper-slide img {
width: 100%;
height: 600px;
object-fit: cover;
position: relative;
}
.tk-hero-banner-eleven .tk-homebanner_content {
gap: 0;
z-index: 1;
max-width: 100%;
padding: 108px 70px 100px 207px;
}
@media (max-width: 1199px) {
.tk-hero-banner-eleven .tk-homebanner_content {
padding-left: 20px;
padding-right: 20px;
align-items: center;
justify-content: center;
}
}
@media (max-width: 767px) {
.tk-hero-banner-eleven .tk-homebanner_content {
text-align: center;
}
}
.tk-hero-banner-eleven .tk-homebanner_content h1 {
color: #fff;
max-width: 780px;
letter-spacing: -0.96px;
line-height: 1.1851851852em !important;
font: 600 3rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 420px) {
.tk-hero-banner-eleven .tk-homebanner_content h1 {
font-size: 36px;
}
}
.tk-hero-banner-eleven .tk-homebanner_content h1 span {
z-index: 1;
color: #fff;
padding: 0 10px;
margin: 0 -10px;
font-size: 54px;
line-height: 64px;
position: relative;
display: inline-block;
font-weight: 700 !important;
}
.tk-hero-banner-eleven .tk-homebanner_content h1 span::after {
top: 0px;
left: 0px;
width: 100%;
z-index: -1;
content: "";
height: 100%;
position: absolute;
background-size: 100%;
display: inline-block;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="431" height="4" viewBox="0 0 431 4" fill="none"%3E%3Cpath d="M0 0.278751C172.995 -0.0891723 258.01 -0.0966491 431 0.27877L424.456 4C247.19 3.62349 180.087 3.57672 11.9121 3.99998L0 0.278751Z" fill="%23FDB022"%3E%3C/path%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: bottom;
}
.tk-hero-banner-eleven .tk-homebanner_content p {
color: #FFF;
max-width: 750px;
margin-top: 24px;
font: 400 1.25rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-hero-banner-eleven .tk-search_category {
max-width: 750px;
margin-top: 54px !important;
padding: 11px 10px 11px 24px;
}
.tk-hero-banner-eleven .tk-search_category input::placeholder {
color: rgba(30, 30, 30, 0.7);
}
.tk-hero-banner-eleven .tk-search_category .tk-search-menu > .sub-menu {
top: calc(100% + 20px);
}
.tk-hero-banner-eleven .tk-search_category .tk-search_icon {
min-width: 158px;
max-height: 56px;
background: #ff385c;
}
.tk-hero-banner-twelve {
z-index: 1;
overflow: visible;
padding-bottom: 0;
position: relative;
padding: 0 0 0 100px;
}
.tk-hero-banner-twelve > figure {
margin: 0;
}
.tk-hero-banner-twelve .tk-search_icon {
height: 54px;
min-width: 60px;
background: #ff385c;
}
.tk-search-menu .select2-selection__rendered > span > i, .tk-search-menu .select2-selection__rendered > span svg {
display: none;
}
@media (min-width: 576px) {
.select2-container:has(#select2-tk_category_opt-results) .select2-dropdown, .select2-container:has(#select2-tk_category_opt_top-results) .select2-dropdown {
width: 155px !important;
}
.tk-hero-banner-eight .tk-search_icon {
width: 100%;
background: #ff385c;
}
}
.select2-container:has(#select2-tk_category_opt-results) .select2-dropdown, .select2-container:has(#select2-tk_category_opt_top-results) .select2-dropdown {
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.select2-container:has(#select2-tk_category_opt-results) .select2-results__option, .select2-container:has(#select2-tk_category_opt_top-results) .select2-results__option {
border-radius: 10px;
}
.select2-container:has(#select2-tk_category_opt-results) .select2-results__option > span, .select2-container:has(#select2-tk_category_opt_top-results) .select2-results__option > span {
gap: 10px;
display: flex;
font-size: 14px;
color: #585858;
line-height: 20px;
align-items: center;
}
.select2-container:has(#select2-tk_category_opt-results) .select2-results__option > span i, .select2-container:has(#select2-tk_category_opt_top-results) .select2-results__option > span i {
font-size: 16px;
min-width: 20px;
text-align: center;
}
.pb-themesection:has(.sc-banner-01-wrapper) > .container-fluid > .row, .pb-themesection:has(.sc-banner-01-wrapper) .container > .row {
align-items: center;
}
.pb-themesection:has(.tk-hero-banner) {
overflow: hidden;
}
.pb-themesection:has(.tk-hero-banner-two) {
background: #F7F7F8;
}
.pb-themesection:has(.tk-hero-banner-two) .container-fluid, .pb-themesection:has(.tk-hero-banner-two) .container {
padding: 0;
}
.pb-themesection:has(.tk-hero-banner-three) {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%), #AE3905;
border-radius: 20px;
margin: 30px 30px 0;
}
.pb-themesection:has(.tk-hero-banner-four) {
background: linear-gradient(180deg, #FBF3EE 0%, #FFF 100%);
}
.pb-themesection:has(.tk-hero-banner-nine) {
margin: 86px 30px 30px;
border-radius: 20px;
background: #FBF3EE;
width: calc(100% - 60px);
}
.pb-themesection:has(.tk-hero-banner-ten) {
position: relative;
z-index: 1;
background: linear-gradient(180deg, #F7F7F7 0%, #FFF 100%);
}
.pb-themesection:has(.tk-hero-banner-twelve) {
position: relative;
}
.pb-themesection:has(.tk-hero-banner-twelve)::after {
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
background: url("../images/banner/bannerbg-two.jpg") no-repeat;
background-position: 50%;
background-size: cover;
}
.pb-themesection:has(.tk-hero-banner-seven, .tk-hero-banner-eleven) .container-fluid {
padding: 0;
}
.pb-themesection:has(.tk-hero-banner-seven, .tk-hero-banner-eleven) .container-fluid > .row {
margin: 0;
}
.pb-themesection:has(.tk-hero-banner-seven, .tk-hero-banner-eleven) .container-fluid > .row > [class^="col-"] {
padding: 0;
}
.pb-themesection:has(.tk-hero-banner-five) {
overflow: visible !important;
}
.sc-banner-01-wrapper {
z-index: 1;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
}
.page-home-thirteen .tk-hero-banner {
padding-top: 121px;
padding-left: 149.5px;
}
.page-home-thirteen .pb-themesection .tk-homebanner_content h1 span {
font-weight: 700;
}
.page-home-thirteen .tk-homebanner_content {
width: 860px;
}
.page-home-thirteen .tk-work-section {
margin: 0;
padding: 100px 0;
}
.page-home-thirteen .pb-themesection:nth-last-child(4) {
margin: 0;
}
.page-home-thirteen .pb-themesection:nth-last-child(4) .col-12 {
padding: 0;
}
.page-home-thirteen .pb-themesection:nth-last-child(4) .tk-work-title strong {
margin-bottom: 5px;
}
.page-home-thirteen .pb-themesection:nth-last-child(4) .tk-work-title p {
line-height: 25px;
margin: 20px 0 0;
}
@media (max-width: 1520px) {
.page-home-thirteen .tk-hero-banner {
padding-left: 50px;
}
}
@media (max-width: 767px) {
.page-home-thirteen .tk-hero-banner {
padding-top: 50px;
padding-left: 10px;
}
.sc-banner-01-wrapper.tk-hero-banner .banner-heading-text-color {
font: 600 2.375rem / 1.1851851852em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
}
}
.tk-hero-banner {
overflow: visible;
padding: 120px 0 120px 150px;
}
@media (max-width: 1520px) {
.tk-hero-banner {
padding-left: 50px;
}
.tk-hero-banner .page-home-thirteen .tk-hero-banner {
padding-left: 50px;
}
}
@media (max-width: 1199px) {
.tk-hero-banner {
gap: 50px;
flex-direction: column;
padding: 80px 12px;
align-items: center;
text-align: center;
}
}
.page-home-eleven {
overflow: hidden;
}
.page-home-eleven .tk-clients-slider::before, .page-home-eleven .tk-clients-slider::after {
display: none;
}
.page-home-eleven .tk-homebanner_content h1 {
font-size: 60px;
line-height: 70px;
letter-spacing: 0.5px;
}
.page-home-eleven .tk-homebanner_content p {
max-width: 700px;
}
.page-home-eleven .tk-hero-banner-five {
gap: 0;
padding-left: 0;
padding-right: 0;
}
.page-home-eleven .tk-hero-banner-five figure {
max-width: 621px;
margin-left: auto;
margin-right: 38px;
margin-top: -30px;
}
.page-home-eleven .tk-hero-banner-five figure img {
height: 531px;
}
@media (max-width: 1199px) {
.page-home-eleven .tk-hero-banner-five figure img {
height: auto;
}
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content {
padding: 0 3px;
max-width: 806px;
}
@media (max-width: 1400px) {
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content {
max-width: 676px;
}
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content .tk-search_category {
max-width: 100%;
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content h1 span:after {
height: 100%;
left: 0;
top: 4px;
display: block !important;
}
.page-home-eleven .tk-homebanner_trustedby > span {
letter-spacing: normal;
}
.page-home-page .tk-hero-banner-twelve {
justify-content: space-between;
padding-left: calc((100% - 1695px) / 2) !important;
padding-right: calc((100% - 1650px) / 2) !important;
gap: 0;
}
.page-home-page .tk-hero-banner-twelve figure {
align-self: flex-end;
}
.page-home-page .tk-hero-banner-twelve figure img {
height: 630px;
max-width: 832px;
object-fit: cover;
margin: 0vw 0vw -0.8vw -10vw;
}
.tk-hero-banner-twelve .tk-homebanner_content {
margin-top: -27px;
}
.page-home-five .tk-icon-wrapper {
flex: none;
}
.page-home-five .tk-homebanner_categories {
flex-wrap: nowrap;
}
.page-home-five .tk-homebanner_categories_list {
max-width: calc(100vw - 270px);
overflow-x: auto;
flex-wrap: nowrap;
white-space: nowrap;
}
@media (max-width: 991px) {
.page-home-five .tk-homebanner_categories_list {
justify-content: unset;
}
}
.page-home-five .tk-homebanner_categories_list::-webkit-scrollbar {
height: 4px;
width: 4px;
background: #F7F7F8;
}
.page-home-five .tk-homebanner_categories_list:hover::-webkit-scrollbar-thumb:horizontal {
background: #0000000d;
border-radius: 10px;
}
.tk-header-v13 .container-fluid {
padding: 0;
}
.tk-header-v13 .container-fluid .row {
margin: 0;
}
.tk-header-v13 .container-fluid .tk-headerwrap {
border-radius: 0 !important;
}
.tk-header-v13 .tk-search_category {
box-shadow: none;
}
.tk-hero-banner-twelve .tk-homebanner_categories_list {
gap: 24px;
}
.tk-main-wrapper .tk-header-v12 {
padding: 20px 18px;
}
.sc-banner-01-wrapper .tk-search_category {
margin-top: 10px;
box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.sc-banner-01-wrapper .tk-search_category input[type=text] {
font-size: 18px;
}
.sc-banner-01-wrapper .tk-search_category input[type=text]::placeholder {
font-size: 18px;
}
.sc-banner-01-wrapper .tk-select:before, .sc-banner-01-wrapper .tk-calendar:before {
right: 0;
}
.sc-banner-01-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 16px;
line-height: 54px;
padding: 0 20px 0 0;
}
.sc-banner-01-wrapper .select2-container--default .select2-selection--single {
height: 54px;
}
.page-home-twelve .tk-hero-banner-eleven .tk-homebanner_content {
padding: 108px 70px 149px 110px;
}
.tk-homepage.wr-overxhidden .pb-themesection:has(.tk-faqs-section) {
margin: 0;
width: 100%;
border-radius: 0;
}
.pb-themesection .tk-homebanner_content h1 span {
font-weight: 600;
}
.page-home-five .tk-work-fullwidth {
padding: 100px 0;
margin: 0;
}
.page-home-five .tk-blog-section .tk-section_title p {
line-height: 25px;
}
.page-home-five .tk-blog-section {
padding: 99px 12px;
}
.page-home-five .tk-profile-contentvtwo h2 {
margin: 7px 0 0;
}
.page-home-five .tk-profile-content p {
margin: 24px 0 0;
}
.page-home-five .tk-counternum li:nth-child(3) {
padding: 10px 0 !important;
}
.page-home-five .pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-images {
height: 616px;
}
.page-home-five .tk-profile-contentvtwo {
min-height: 100%;
padding: 81px 100px 78px 100px;
}
.page-home-five .tk-counternum li {
padding: 0 0 20px !important;
}
.page-home-five .tk-counternum {
padding: 60.3px 0;
}
.page-home-five .tk-work-title p {
margin: 20px 0 0;
font: 400 0.9375rem / 1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.page-home-five .container[style="max-width: 1782px"] {
max-width: 1346px !important;
}
.pb-themesection:has(.tk-hero-banner-four) ~ .pb-themesection .tk-howworklist {
gap: 21px;
}
.pb-themesection:has(.tk-hero-banner-four) ~ .pb-themesection .tk-blog-section {
padding: 100px 12px;
}
.pb-themesection:has(.tk-hero-banner-three) ~ .pb-themesection .tk-talent-section {
padding: 82px 0 80px 0;
}
.pb-themesection:has(.tk-hero-banner-three) ~ .pb-themesection .tk-working-flow h2 {
max-width: 770px;
}
.pb-themesection:has(.tk-hero-banner-three) ~ .pb-themesection:has(.tk-working-flow) {
width: calc(100%);
}
.page-home-three .tk-search_icon.searchBtn {
font-size: 18px;
line-height: 22px;
}
.page-home-three .tk-bannersingle-slider {
max-width: 620px;
margin-left: auto;
}
.page-home-three .banner-category-heading-color {
letter-spacing: 0.5px;
}
.page-home-three .tk-homebanner_content h1 {
max-width: 700px;
font-size: 54px;
font-weight: 600;
line-height: 64px;
letter-spacing: 0.5px;
}
.tk-header:has(.tk-header-topbar) + .page-home-five .pb-themesection:has(.tk-hero-banner-nine) {
position: relative;
}
.tk-header:has(.tk-header-topbar) + .page-home-five .tk-hero-banner-nine .tk-homebanner_categories {
top: -86px;
left: -30px;
width: calc(100% + 60px);
max-width: calc(100% + 60px);
}
.page-about-us .pb-themesection:not(.tk-aboutfirst) .container .row {
align-items: stretch;
}
.pb-themesection:has(.tk-hero-banner-two) ~ .pb-themesection .tk-button-wrapper .tk-btn-two {
padding: 19px 38px;
}
.pb-themesection:has(.tk-hero-banner-two) ~ .pb-themesection .tk-profile-contentvtwo .tk-btn {
padding: 17px 41px;
}
.pb-themesection:has(.tk-hero-banner-two) ~ .pb-themesection .tk-profile-content p {
font: 400 0.9375rem / 1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.pb-themesection:has(.tk-hero-banner-two) ~ .pb-themesection .tk-counternum li {
padding: 0;
}
.pb-themesection:has(.tk-hero-banner-two) ~ .pb-themesection .tk-working-flow h2 {
max-width: 750px;
}
.pb-themesection:has(.tk-hero-banner-two) ~ .pb-themesection .tk-countitem h3 {
margin-bottom: 8px;
}
.pb-themesection:has(.tk-hero-banner-nine) ~ .pb-themesection .tk-profile-content p {
max-width: 600px;
line-height: 24px;
}
.pb-themesection:has(.tk-hero-banner-four) ~ .pb-themesection .tmp-services.pb-spacer {
display: none;
}
.pb-themesection:has(.tk-hero-banner-four) ~ .pb-themesection .tk-expolreproject {
margin: 0 -2px;
}
.pb-themesection:has(.tk-hero-banner-three) ~ .pb-themesection .tk-talent-section p, .pb-themesection:has(.tk-hero-banner-four) ~ .pb-themesection .tk-section_title p {
line-height: 25px;
}
.pb-themesection:has(.tk-hero-banner-four) ~ .pb-themesection .tk-blog-section {
padding: 100px 0;
}
.pb-themesection:has(.tk-hero-banner-four) ~ .pb-themesection .tk-clients-section {
padding-top: 67px;
}
.tk-hero-banner-three .tk-homebanner_content {
margin-top: -75px;
}
.tk-hero-banner-three .banner-paragraph-text-color {
max-width: 700px;
margin-bottom: 10px;
}
.tk-hero-banner-nine .tk-btn-secondary i {
display: none;
}
.tk-hero-banner-four .banner-paragraph-text-color {
font-size: 20px;
max-width: 500px;
line-height: 1.6em;
}
.tk-hero-banner-four .banner-paragraph-text-color {
margin-bottom: 6px;
}
.tk-hero-banner-four .tk-homebanner_categories {
margin-top: 10px;
}
.page-home-four .tk-homebanner_content > h1 {
margin-top: -4px;
}
.page-home-seven .pb-themesection .tk-section_title h2 .page-home-seven .pb-themesection h4 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.page-home-seven .tk-work-title h4 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.tk-hero-banner-four .tk-homebanner_content {
padding-left: 0px;
}
.tk-hero-banner-nine .tk-homebanner_content {
padding: 0 0 0 33px;
}
@media (max-width: 767px) {
.pb-themesection:has(.tk-hero-banner-three) ~ .pb-themesection .tk-working-flow {
padding-left: 20px;
}
.pb-themesection:has(.tk-hero-banner-three) {
margin: 5px 5px 0;
}
.page-home-three .tk-homebanner_content h1 {
font-size: 38px;
line-height: 48px;
}
.tk-hero-banner-three .tk-homebanner_content {
padding-left: 0;
}
.tk-hero-banner-nine .tk-homebanner_content {
padding: 0;
}
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 10px 0 !important;
}
.tk-header-v2 ~ [class^=page-home-] {
overflow: hidden;
}
.page-home-two .sc-banner-01-wrapper {
justify-content: space-between;
}
.page-home-thirteen .tk-homebanner_content p {
margin-bottom: 6px;
}
.page-home-thirteen .tk-homebanner_content {
margin-top: 18px;
}
.page-home-thirteen .tk-homebanner_categories {
margin-top: 6px;
}
.page-home-twelve .tk-clients-section {
padding-top: 21px;
}
.page-home-twelve .tk-offering-section {
padding: 80px 0;
}
.page-home-twelve .tk-offering-section .tk-section_title > span {
margin: 0;
}
.page-home-twelve .pb-themesection:nth-last-child(2) .col-12 {
padding: 0;
}
.page-home-eleven .tk-homebanner_content {
margin-top: -29px;
}
.page-home-eleven .tk-homebanner_content .tk-homebanner_trustedby {
margin-top: 10px;
}
.page-home-eleven .tk-clients-section {
padding-top: 0;
margin-top: -3px;
}
.page-home-eleven .tk-working-flow {
padding: 101px 0 160px 14.1vw;
}
.page-home-eleven .tk-employment-section {
padding: 100px 0;
}
.page-home-eleven .pb-themesection:nth-last-child(2) .col-12, .page-home-eleven .pb-themesection:nth-last-child(4) .col-12 {
padding: 0;
}
.page-home-ten .tk-employment-section {
padding: 80px 0 80px 3px;
}
.page-home-ten .tk-employment-section .tk-section_title p {
max-width: 850px;
}
.page-home-ten .pb-themesection:nth-last-child(2) .col-12, .page-home-ten .pb-themesection:nth-last-child(4) .col-12 {
padding: 0;
}
.page-home-ten .pb-themesection:nth-last-child(3):has(.tk-expolreproject) {
padding: 115.5px 0;
}
.page-home-ten .pb-themesection:nth-last-child(3):has(.tk-expolreproject) .col-6 {
padding: 0 15px;
}
.page-home-ten .pb-themesection:nth-last-child(3):has(.tk-expolreproject) .col-6 .tk-cardproject {
padding: 32.5px 24px;
}
.page-home-ten .pb-themesection:nth-last-child(3):has(.tk-expolreproject) .col-6 .tk-cardproject figure {
right: 82px;
}
.page-home-ten .pb-themesection:nth-last-child(3):has(.tk-expolreproject) .col-6 .tk-cardproject figure::after {
bottom: -108px;
}
.page-home-ten .pb-themesection:nth-child(2) .col-12 {
padding-right: 15px;
}
.page-home-nine .tk-homebanner_content {
padding: 205px 15px 135px !important;
}
.page-home-nine .tk-section_title > span {
margin-bottom: 5px;
letter-spacing: normal;
}
.page-home-nine .tk-button-wrapper .tk-btn-two {
padding: 13.5px 29px;
}
.page-home-nine .pb-themesection:nth-last-child(2) .col-12, .page-home-nine .pb-themesection:nth-last-child(5) .col-12 {
padding: 0;
}
.page-home-nine .tk-profile-contentvtwo .tk-btn-primary {
background: transparent !important;
border: 1px solid #fff;
}
.page-home-nine .tk-profile-contentvtwo .tk-btn-primary:hover {
background: #fff !important;
color: #1E1E1E !important;
}
.page-home-eight .tk-clients_title h2 {
letter-spacing: normal;
}
.page-home-eight .tk-employment-section {
padding: 80px 3px;
}
.page-home-eight .tk-employment-section .tk-section_title p {
max-width: 850px;
}
.page-home-eight .pb-themesection:nth-last-child(2) .col-12 {
padding: 0;
}
.page-home-nine .tk-section.tk-topfooter .tk-btn-primary {
color: #2B2B2B !important;
background: #fff !important;
}
.page-home-nine .tk-section.tk-topfooter .tk-opportunity figure {
display: none;
}
@media (max-width: 1199px) {
.page-home-five .tk-profile-contentvtwo {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 991px) {
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-content {
border-radius: 0 !important;
}
}
@media (max-width: 767px) {
.page-home-eleven .tk-working-flow {
padding-left: 20px;
}
.tk-hero-banner-six {
padding: 30px 0 0 0;
}
.page-home-nine .tk-homebanner_content {
padding: 105px 15px 100px !important;
}
.tk-hero-banner-eleven .tk-homebanner_content {
text-align: center;
}
.tk-hero-banner-eleven .tk-homebanner_content h1 span {
font-size: 36px !important;
line-height: 48px !important;
}
.tk-hero-banner-eleven .tk-homebanner_content p {
font-size: 16px;
}
}
@media (max-width: 640px) {
.page-home-ten .pb-themesection:nth-last-child(3):has(.tk-expolreproject) .col-6 .tk-cardproject figure {
right: 0;
}
}
@media (max-width: 480px) {
.pb-themesection:has(.tk-hero-banner-nine) {
margin: 80px 10px 10px;
width: calc(100% - 20px);
}
.page-home-five .tk-blog-section {
padding: 99px 0px;
}
.page-home-twelve .tk-homebanner_content h1 span::after, .page-home-eleven .tk-hero-banner-five .tk-homebanner_content h1 span:after {
display: none;
}
.page-home-eleven .pb-themesection .tk-homebanner_content h1 span {
padding: 0;
font-size: 36px;
color: #1C1C1C;
line-height: 43px;
}
.page-home-eleven .tk-working-flow {
padding-left: 0px;
}
}
.tk-clients_title {
margin: 0 0 30px;
}
.tk-clients_title h2 {
margin: 0;
color: #585858;
letter-spacing: 0.5px;
font: 500 1.25rem/1.2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-clients_title h2 strong {
color: #000;
font-weight: 500;
position: relative;
}
.tk-clients_title h2 strong::after {
content: "";
left: 0;
bottom: -3px;
width: 100%;
height: 4px;
position: absolute;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="242" height="2" viewBox="0 0 242 2" fill="none"%3E%3Cpath d="M0 0.139375C97.1338 -0.0445862 144.868 -0.0483246 242 0.139385L238.325 2C138.793 1.81175 101.116 1.78836 6.68844 1.99999L0 0.139375Z" fill="%23F6CC77"%3E%3C/path%3E%3C/svg%3E');
background-repeat: no-repeat;
background-size: 100%;
}
.tk-clients-section {
max-width: 100%;
width: 100%;
display: flex;
padding: 50px 0px;
overflow: hidden;
position: relative;
text-align: center;
align-items: center;
flex-direction: column;
}
.tk-clients-section .swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.tk-clients-section .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
position: relative;
}
.tk-clients-section .swiper-slide {
width: auto;
margin-right: 60px;
position: relative;
}
.tk-clients-slider {
width: 100%;
}
.tk-clients-slider::before {
content: "";
top: 50%;
left: 0;
z-index: 2;
width: 300px;
height: 54px;
position: absolute;
pointer-events: none;
transform: translateY(-50%);
background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
.tk-clients-slider::after {
content: "";
top: 50%;
right: -20px;
z-index: 2;
width: 300px;
height: 54px;
position: absolute;
pointer-events: none;
transform: translateY(-50%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.tk-feedback-section-wrpper {
position: relative;
}
.tk-feedback-section-wrpper .tk-section_title {
padding-left: 142px;
}
@media (max-width: 767px) {
.tk-feedback-section-wrpper .tk-section_title {
padding-left: 6px;
}
}
.tk-feedback-section-wrpper .tk-section_title h2 {
max-width: 300px !important;
}
@media (max-width: 767px) {
.tk-feedback-slider-container .tk-feedback-slide .tk-feedback-item {
opacity: 0;
visibility: hidden;
}
}
.tk-feedback-slider-container {
width: 100%;
height: 100%;
min-height: 500px;
max-width: 1320px;
margin: 0 auto;
position: relative;
}
@media (max-width: 991px) {
.tk-feedback-slider-container {
min-height: 900px;
}
}
@media (max-width: 575px) {
.tk-feedback-slider-container {
min-height: 764px;
}
}
.tk-feedback-slider-container::after {
top: 0;
z-index: 2;
content: "";
display: block;
left: -427px;
width: 378px;
height: 200px;
position: absolute;
background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 767px) {
.tk-feedback-slider-container::after {
display: none;
}
}
.tk-feedback-slider-container .tk-feedback-slide .tk-feedback-item {
width: 158px;
height: 200px;
position: absolute;
top: 0;
border-radius: 20px;
background-position: 50% 50%;
background-size: cover;
display: inline-block;
transition: 0.5s;
}
.tk-feedback-slide .tk-feedback-item:nth-child(1), .tk-feedback-slide .tk-feedback-item:nth-child(2) {
top: 0;
left: 125px;
transform: translate(0, 0);
width: 396px;
height: 500px;
border-radius: 20px;
border: 6px solid var(--Base-White, #FFF);
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}
@media (max-width: 991px) {
.tk-feedback-slide .tk-feedback-item:nth-child(1), .tk-feedback-slide .tk-feedback-item:nth-child(2) {
width: calc(100% - 125px);
}
}
@media (max-width: 767px) {
.tk-feedback-slide .tk-feedback-item:nth-child(1), .tk-feedback-slide .tk-feedback-item:nth-child(2) {
left: 35px;
}
}
@media (max-width: 767px) {
.tk-feedback-slide .tk-feedback-item:nth-child(1), .tk-feedback-slide .tk-feedback-item:nth-child(2) {
max-width: 100%;
left: 0;
transform: none;
width: 100%;
opacity: 1;
visibility: visible;
}
}
@media (max-width: 575px) {
.tk-feedback-slide .tk-feedback-item:nth-child(1), .tk-feedback-slide .tk-feedback-item:nth-child(2) {
height: 350px;
width: -webkit-fill-available;
}
}
.tk-feedback-slide .tk-feedback-item:nth-child(3) {
left: -50px;
opacity: 0.3;
}
@media (max-width: 767px) {
.tk-feedback-slide .tk-feedback-item:nth-child(3) {
left: -140px;
}
}
.tk-feedback-slide .tk-feedback-item:nth-child(4) {
left: calc(-50px - 188px);
opacity: 0.3;
}
@media (max-width: 767px) {
.tk-feedback-slide .tk-feedback-item:nth-child(4) {
left: -400px;
}
}
.tk-feedback-slide .tk-feedback-item:nth-child(5) {
left: calc(-50px - 376px);
opacity: 0.3;
}
@media (max-width: 767px) {
.tk-feedback-slide .tk-feedback-item:nth-child(5) {
left: -500px;
}
}
.tk-feedback-slide .tk-feedback-item:nth-child(n + 6) {
left: calc(-50px - 500px);
opacity: 0;
}
.tk-feedback-item .tk-feedback-slider-content {
top: 24px;
width: 726px;
display: none;
text-align: left;
position: absolute;
left: calc(390px + 40px);
}
@media (max-width: 1400px) {
.tk-feedback-item .tk-feedback-slider-content {
width: 550px;
}
}
@media (max-width: 1199px) {
.tk-feedback-item .tk-feedback-slider-content {
width: 100%;
}
}
@media (max-width: 991px) {
.tk-feedback-item .tk-feedback-slider-content {
top: 530px;
left: 0;
}
}
@media (max-width: 1199px) {
.tk-feedback-item .tk-feedback-slider-content {
width: auto;
}
}
@media (max-width: 575px) {
.tk-feedback-item .tk-feedback-slider-content {
top: 400px;
}
}
.tk-feedback-slide .tk-feedback-item:nth-child(2) .tk-feedback-slider-content {
display: block;
}
.tk-feedback-slider-content .tk-feedback-slider-description {
opacity: 0;
animation: animate 1s ease-in-out forwards;
}
.tk-feedback-slider-content .tk-feedback-slider-ratting {
margin-top: 30px;
opacity: 0;
animation: animate 1s ease-in-out 0.2s 1 forwards;
}
.tk-feedback-slider-description svg {
width: 45px;
height: auto;
margin-bottom: 30px;
}
.tk-feedback-slider-description svg [fill="#EE4710"] {
fill: #ff385c;
}
.tk-feedback-slider-description p {
opacity: 0.6;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
font: 400 1.25rem/1.4em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-feedback-slider-description p ~ p {
margin-top: 28px;
margin-bottom: 0;
}
.tk-feedback-slider-ratting h3 {
margin: 18px 0 0 0;
color: #ff385c;
letter-spacing: normal;
font: 500 1.125rem/1.2222222222em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-feedback-slider-ratting span {
display: block;
margin-top: 4px;
color: rgba(255, 56, 92, 0.6);
font: 400 1rem/1.375em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-feedback-slider-ratting span strong {
font-weight: 500;
}
.tk-feedback-slider-ratting .tk-stars {
width: 70px;
}
.tk-feedback-slider-ratting .tk-stars:before, .tk-feedback-slider-ratting .tk-stars span:after {
font-size: 16px;
line-height: 16px;
}
.tk-feedback-slider-ratting .tk-stars, .tk-feedback-slider-ratting .tk-stars span {
height: 16px;
line-height: 16px;
}
@keyframes animate {
from {
opacity: 0;
transform: translate(0, 100px);
filter: blur(33px);
}
to {
opacity: 1;
transform: translate(0);
filter: blur(0);
}
}
.tk-feedback-slider-button {
position: absolute;
bottom: 15px;
left: 48%;
transform: translateX(-50%);
display: inline-flex;
gap: 10px;
}
@media (max-width: 1399px) {
.tk-feedback-slider-button {
left: 55.5%;
}
}
@media (max-width: 1199px) {
.tk-feedback-slider-button {
left: 66.5%;
}
}
@media (max-width: 991px) {
.tk-feedback-slider-button {
left: 50%;
top: 470px;
bottom: auto;
transform: none;
}
}
@media (max-width: 767px) {
.tk-feedback-slider-button {
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 575px) {
.tk-feedback-slider-button {
top: 320px;
}
}
.tk-feedback-slider-button button {
border: 0;
gap: 10px;
color: #1E1E1E;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 21px;
cursor: pointer;
overflow: hidden;
background-color: #F7F7F8;
border-radius: 8px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
border: 1px solid #eee;
width: 56px;
height: 56px;
flex: none;
}
.tk-feedback-slider-button button span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-feedback-slider-button button i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-feedback-slider-button button::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-feedback-slider-button button:hover, .tk-feedback-slider-button button:focus {
outline: none;
color: #ffffff;
background-color: #ff385c;
}
.tk-feedback-slider-button button:hover span, .tk-feedback-slider-button button:focus span {
color: #ffffff;
}
.tk-feedback-slider-button button:hover i, .tk-feedback-slider-button button:focus i {
color: #ffffff;
}
.tk-feedback-slider-button button:hover:before, .tk-feedback-slider-button button:focus:before {
width: 150%;
height: 300%;
}
.tk-feedback-slider-button button:hover {
border-color: #ff385c;
}
.tk-feedback-slider-button button i {
font-size: 16px;
}
.tk-authinfo {
display: flex;
flex-direction: column;
margin-top: 14px;
}
.tk-authinfo strong {
color: #1E1E1E;
font: 500 1.125rem/1.1666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-authinfo > em {
font: 400 1rem/1.375em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-top: 4px;
}
.tk-authinfo > em > span {
opacity: 0.6;
font: 500 1rem/1.375em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-mainwrapper {
display: flex;
position: relative;
}
.tb-subwrapper {
width: 100%;
overflow: hidden;
}
.tb-subwrapper .theme-container {
flex-direction: column;
height: 100%;
}
.tb-main {
width: 100%;
}
.tb-main > .row {
margin-top: -15px;
margin-bottom: -15px;
}
.tb-main > .row > [class^="col-"] {
padding-top: 15px;
padding-bottom: 15px;
}
.tb-bodycolor {
background-color: #fcfcfc;
}
.tb-dbholder {
border-radius: 10px;
background-color: #fff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tb-dbholder .tb-tabfilter {
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
}
.tb-dbholder .tb-showall a {
border: 0;
}
.tb-dbholder ~ .tb-dbholder {
margin-top: 30px;
}
.tb-dbbox {
padding: 29px;
background: #fff;
position: relative;
}
.tb-dbbox [aria-expanded="false"] .tb-additonoltitle > i {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.tb-dbboxtitle {
padding-top: 26px;
padding-bottom: 26px;
border-radius: 10px 10px 0 0;
}
.tb-dbboxtitle h5 {
margin: 0;
font: 500 1rem / 1.125em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-dhb-mainheading > h2 {
flex: none;
margin: 0;
padding: 0;
}
.tb-dhb-mainheading__rightarea {
align-items: center;
justify-content: flex-end;
margin-left: auto;
}
.tb-dhb-mainheading__rightarea em {
padding-right: 30px;
line-height: 1.4285714286em;
color: #999;
text-align: right;
flex: 0 0 45%;
}
.tb-actionselect {
display: flex;
align-items: center;
}
.tb-actionselect .select2-container {
height: 44px;
}
.tb-actionselect .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 14px;
color: #999;
line-height: 42px;
}
.tb-actionselect > span {
font-size: 0.875rem;
font-weight: 600;
color: #ff385c;
flex: none;
padding-right: 10px;
}
.tb-actionselect .form-control {
font-size: 14px;
color: #999;
height: 44px;
}
.tb-bg-yellow, .tb-bar-yellow:before {
background-color: #ff385c !important;
}
.tb-red {
color: #ff7062 !important;
}
.tb-blue {
color: #ff385c;
}
.tb-gray {
color: #ccc;
}
.tb-green-icon i {
color: #00cc8d;
}
.tb-yellow-icon i {
color: #ff385c;
}
.tb-theme-color {
color: #ff385c;
}
.tk-main-bg {
background-color: #FFFFFF;
}
.tk-main-bg .tb-byadons, .tk-main-bg .tb-buyercontainer .tb-tabfilteritem, .tk-main-bg .table > thead:first-child > tr:first-child > th, .tk-main-bg .tb-table > thead > tr, .tk-main-bg .tb-table > tbody > tr, .tk-main-bg .tb-payouthistory .tb-tabfilteritem, .tk-main-bg .tb-disputearea, .tk-main-bg .tb-bestservicehodler .tb-bestservice__content, .tk-main-bg .tb-tabsholder {
border: 0;
}
.tk-main-bg .tb-tasklist .tb-pagination a {
border-color: transparent;
}
.tk-main-bg .tb-tasklist .tb-tabfilteritem .tb-pagination a {
border-color: #eee;
}
.tk-main-bg .tb-bestservicehodler .tb-pagination a {
border-color: transparent;
}
.tk-main-bg .tb-profileform__title, .tk-main-bg .tb-blogdatetitle {
background-color: #FFFFFF;
}
.tk-main-bg .tb-byadons, .tk-main-bg .tb-syncthumbnail {
background-color: #fff;
}
.tk-main-bg .tb-additionolinfo, .tk-main-bg .tb-additonoltitle, .tk-main-bg .tb-tabfilter {
border-top: 0;
border-right: 0;
border-left: 0;
}
.tk-main-bg .tb-navtabs .nav-link {
border: 1px solid #eee;
}
.tk-main-bg .tb-navtabs .nav-link + .nav-link {
border-left: 0;
}
.tk-main-bg .tb-navtabs .nav-link.active {
border: 0 !important;
}
.tk-main-bg .tb-navtabs .nav-link.active + .nav-link {
border-left: 1px solid #eee;
}
.tk-main-bg .tb-navtabs li:first-child .nav-link {
border-left: 1px solid #eee;
}
.tk-main-bg .tb-navtabs li ~ li .nav-link {
border-left: 0;
}
.tk-main-bg .nav-tabs .nav-item {
margin-bottom: -2px;
}
.tk-main-bg .tb-savelisting > li {
border: 0;
}
.tk-main-bg .tb-savelisting > li ~ li {
border-top: 1px solid #eee;
}
.tk-main-bg .tb-savelisting + .tb-pagination-box {
border: 0;
border-top: 1px solid #eee;
}
.tk-main-bg .tb-postservice > .row > [class^="col-"] {
background-color: #fff;
padding: 30px;
}
.tk-main-bg .tb-extrasarticlesbg {
background-color: #fff;
border-top: 1px solid #eee;
}
.tk-main-bg .tb-freelancersearch .tb-bestservicedetail {
border: 0;
background-color: #fff;
}
.tk-main-bg .tb-freelancersearch .tb-bestservice {
background-color: transparent;
}
.tk-main-bg .tb-freelancersearch .tb-pagination a {
border-color: transparent;
}
.tk-main-bg .tb-servicedetailtitle.tb-tehelpop {
background-color: #fff;
padding: 24px 100px 0 30px;
}
.tk-main-bg .tb-singleservice-tile {
background-color: #fff;
padding: 0 30px 30px;
border: 1px solid #eee;
border-top: 0;
}
.tk-main-bg .tb-syncthumbnail {
border-right: 1px solid #eee;
border-left: 1px solid #eee;
}
.tk-main-bg .tb-servicedetailcontent {
margin-top: 30px;
}
.tk-main-bg .tb-servicedetailcontent .tb-singleservice-tile {
padding: 30px;
border-radius: 10px;
border: 1px solid #eee;
}
.tk-main-bg .tb-servicedetailcontent .tb-singleservice-tile ~ .tb-singleservice-tile {
margin-top: 30px;
}
.tk-main-bg .tb-addcommentblogv2 {
padding-top: 21px;
}
.tk-main-bg .tb-addcommentblogv2 .tb-blogimg figure {
border-radius: 50%;
border: 3px solid #fff;
box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
max-width: 70px;
transform: translateX(-50%);
position: absolute;
left: 0;
top: 20px;
}
.tk-main-bg .tb-addcommentblogv2 .tb-blogimg figure img {
border-radius: 50%;
}
.tk-main-bg .tb-addcommentblogv2 .tb-blogcommentsholderchild {
padding-left: 0;
margin-top: 24px;
}
.tk-main-bg .tb-addcommentblogv2 .tb-blogcommentsholderchild .tb-addcomment {
padding-top: 45px;
padding-bottom: 0;
}
.tk-main-bg .tb-addcommentblogv2 .tb-blogcommentsholderchild .tb-blogimg figure {
border: 0;
top: 28px;
}
.tk-main-bg .tb-addcommentblogv2.tb-addcommentblog .tb-addcomment {
background-color: #FFFFFF;
margin-left: 35px;
padding-left: 65px;
position: relative;
border-bottom: 0;
}
.tk-main-bg .tb-addcommentblogv2.tb-addcommentblog .tb-addcomment ~ div {
margin-top: 20px;
}
.tk-main-bg .tb-addcommentblogv2.tb-addcommentblog .tb-addcomment .tb-description {
padding-left: 0;
padding-top: 15px;
}
.tk-main-bg .tb-addcommentblogv2 .tb-blogcommentsholdervfour {
padding-left: 25px;
margin-left: -25px;
width: calc(100% + 25px);
}
.tk-main-bg .tb-addcommentblogv2 .tb-blogcommentsholdervfour + [data-readmore-toggle] {
background-color: transparent;
border-bottom: 0;
margin: 17px 15px -11px;
padding: 0;
}
.tb-main-section {
padding: 60px 0;
}
.tb-overflow-xhidden {
overflow-x: hidden;
}
.tk-stars, .tk-stars span {
height: 16px;
line-height: 16px;
position: relative;
}
.tk-stars {
display: block;
width: 78.13px;
}
.tk-stars:before, .tk-stars span:after {
top: 0;
left: 0;
color: #EAB308;
font-size: 13px;
font-weight: 700;
line-height: 16px;
position: absolute;
letter-spacing: 1px;
font-family: "Font Awesome 5 Free";
content: "";
}
.tk-stars:before {
color: #DDDDDD;
}
.tk-stars span {
width: 80%;
overflow: hidden;
}
blockquote, address {
margin-bottom: 0;
}
.tb-locationmap {
width: 100%;
height: 250px;
border-radius: 10px;
}
.litepicker .container__days .day-item, .litepicker .container__months .month-item-weekdays-row > div {
color: #1C1C1C;
}
.litepicker .container__months .month-item-weekdays-row > div {
border-bottom: 1px solid #eeeeee;
}
.litepicker .container__months .month-item-header div > .month-item-name, .litepicker .container__months .month-item-header div > .month-item-year {
font-weight: 600;
}
.litepicker .container__months .month-item-header .button-previous-month > svg, .litepicker .container__months .month-item-header .button-next-month > svg {
color: #1C1C1C;
fill: #1C1C1C;
}
.litepicker .container__days .day-item.is-end-date, .litepicker .container__days .day-item.is-start-date {
background: #ff385c;
color: #1C1C1C;
}
.litepicker .container__days .day-item.is-start-date {
border-radius: 25px 0px 0px 25px;
}
.litepicker .container__days .day-item.is-end-date {
border-radius: 0px 25px 25px 0px;
}
.litepicker .container__days .day-item.is-in-range {
background: #ffd7de;
}
.litepicker .container__days .day-item:hover {
box-shadow: inset 0 0 0 1px #FFD101;
color: #1C1C1C;
border-radius: 25px;
}
.litepicker .container__months, .litepicker .container__months .month-item {
width: 337px;
padding: 0;
}
.litepicker .container__days > div, .litepicker .container__days > a {
padding: 11px 0;
min-width: 48px;
}
.litepicker .container__days .day-item.is-today {
box-shadow: inset 0px -2px 0px #FFD101;
color: #1C1C1C;
border-radius: 0;
}
.litepicker .container__months .month-item-header {
padding: 16px;
}
.litepicker .container__days .day-item.is-start-date.is-end-date {
border-radius: 25px;
}
/*Theme Pagination Style */
.tb-dhbbg-color {
background-color: #fcfcfc;
}
.tb-dhbbg-color .tb-header {
background-color: #fff;
}
.form-control.disable {
pointer-events: none;
background-color: #fcfcfc;
}
.tb-edit {
color: #ff385c !important;
}
.tb-delete, .tb-target {
color: #ff7062 !important;
}
.tb-delete i, .tb-target i {
color: #ff7062 !important;
}
.tb-deactivate {
color: #ffffff !important;
background-color: #ff7062 !important;
}
.tb-deactivate:hover {
color: #ffffff !important;
}
.tb-deactivate-light {
background-color: rgba(255, 112, 98, 0.1) !important;
}
.tb-on-off input, .tb-onoff input {
display: none;
}
.tb-onoff label {
align-items: center;
margin-bottom: 0;
cursor: pointer;
}
.tb-onoff label span {
font: 400 0.875rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #999;
padding-left: 10px;
min-width: 56px;
}
.tb-onoff label .tb-disable {
display: block;
}
.tb-onoff label .tb-enable {
display: none;
}
.tb-onoff input:checked + label .tb-enable {
display: block;
}
.tb-onoff input:checked + label .tb-disable {
display: none;
}
.tb-on-off input:checked + label, .tb-onoff input:checked + label em {
border-color: #26de81;
background-color: #26de81;
}
.tb-on-off input:checked + label > i, .tb-onoff input:checked + label em > i {
box-shadow: none;
left: 100%;
margin-left: -21px;
border-color: #26de81;
}
.tb-on-off label {
cursor: pointer;
}
.tb-on-off label, .tb-onoff label em {
position: relative;
align-items: center;
margin: 0;
width: 35px;
height: 21px;
border: 1px solid #dddddd;
background-color: #fff;
border-radius: 10.5px 10.5px 10.5px 10.5px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
vertical-align: middle;
}
.tb-on-off label i, .tb-onoff label em i {
position: absolute;
left: 0;
width: 21px;
height: 21px;
background: #fff;
display: inline-block;
pointer-events: none;
transition: all 0.3s ease 0s;
border: 1px solid #d8d8d8;
border-radius: 9.5px 9.5px 9.5px 9.5px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.tb-hottag {
position: relative;
padding: 6px 8.36px;
background-color: #ff5b00;
color: #fff;
border-radius: 10px;
margin-left: 15px;
height: 24px;
min-width: 33px;
-webkit-animation: tb-ring 4s 0.7s ease-in-out infinite;
animation: tb-ring 4s 0.7s ease-in-out infinite;
font: 700 11px/1 "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
justify-content: center;
align-items: center;
}
.tb-hottag:before {
content: "";
position: absolute;
left: -3.5px;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
background-color: #ff7062;
width: 4px;
height: 8px;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.tb-pagination-box {
padding: 30px 29px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
}
.tb-pagination-boxnopadding {
border: 0;
padding-right: 0;
padding-left: 0;
}
.tb-bordertags {
width: auto;
}
.tb-bordertags a, .tb-bordertags span {
padding: 4px 10.9px;
display: inline-block;
color: #353648;
border-radius: 10px;
border: 1px solid #f5b417;
font: 400 0.75rem/1.1666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-dispute-publish {
border-color: #eee !important;
}
.tb-dispute-refunded {
border-color: #ff5722 !important;
}
.tb-dispute-processing {
border-color: #22C55E !important;
}
.tb-dispute-declined {
border-color: #EF4444 !important;
}
.bordr-green {
border-color: #00cc8d !important;
}
.bordr-red {
border-color: #ff7062 !important;
}
#tb-switch {
display: flex;
align-items: center;
position: relative;
}
.tb-postedarticles {
display: flex;
align-items: center;
position: relative;
}
.tb-postedarticles figure {
width: 50px;
margin: 0 20px 0 0;
overflow: hidden;
}
.tb-postedarticles figure img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
width: 100%;
}
.tb-actionlinks {
display: flex;
flex-wrap: wrap;
margin: 3px 0 0;
}
.tb-actionlinks a {
position: relative;
display: inline-block;
color: #999;
font: 400 0.75rem / 1.0769230769em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin: 0;
}
.tb-actionlinks a::after {
position: absolute;
content: "";
width: 1px;
height: 10px;
right: -12px;
top: 2px;
background: #dddddd;
}
.tb-actionlinks a:last-child::after {
display: none;
}
.tb-actionlinks a + a {
margin: 0 0 0 22px;
}
.tb-relink {
color: #ff7062 !important;
}
.tb-articleinfo {
overflow: hidden;
}
.tb-articleinfo .tb-icondetails a {
margin: 0 0 2px;
line-height: 1;
}
.tb-articleinfo .tb-icondetails h6, .tb-articleinfo .tb-icondetails .tk-verified-info > a, .tb-articleinfo .tb-icondetails .tk-verified-info strong, .tk-verified-info .tb-articleinfo .tb-icondetails strong {
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
margin: 0 0 3px;
}
.tb-selectlisting {
width: 100%;
}
.tb-selectlisting .tb-selected {
padding: 22px 0 10px;
}
.tb-mainbg {
background: #fcfcfc;
}
.tb-deatlswithimg {
display: flex;
align-items: center;
position: relative;
}
.tb-deatlswithimg .tb-icondetails {
padding: 0;
}
.tb-deatlswithimg .tb-icondetails > a {
margin-bottom: 2px;
}
.tb-deatlswithimg figure {
width: 150px;
margin: 0 20px 0 0;
overflow: hidden;
}
.tb-deatlswithimg figure > span + span {
background-color: #353648;
display: block;
border-radius: 10px;
}
.tb-deatlswithimg figure > span + span img {
opacity: 0.7;
}
.tb-deatlswithimg figure img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
width: 100%;
}
.tb-icondetails > a {
color: #ff385c;
display: inline-block;
font: 400 0.875rem / 1em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin: 0 0 7px;
}
.tb-icondetails > a ~ a {
margin-left: 3px !important;
}
.tb-icondetails > a + a {
float: right;
color: #999999;
font-size: 0.875rem;
margin: 0;
}
.tb-icondetails > a + a span {
display: inline-block;
margin: 0 0 0 1px;
}
.tb-icondetails h4 {
margin: 0px 0 6px;
line-height: 1.2em;
}
.tb-icondetails h4 a:hover {
color: #333;
}
.tb-icondetails .tb-rateviews {
padding-bottom: 1px;
}
.tb-eyeviews em {
color: #353648;
font-style: normal;
font: 400 0.75rem / 1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin: 0 2px;
}
.tb-eyeviews span {
font-size: 12px;
margin: 0 0 0 22px;
font-weight: 500;
}
.tb-reviewsviews {
display: flex;
}
.tb-reviewsviews .tb-eyeviews:first-child span {
margin: 0;
}
.tb-itemlinks {
display: flex;
align-items: center;
}
.tb-itemlinks .tb-startingprice span {
padding-top: 2px;
}
.tb-tabicon {
border-left: 1px solid #eee;
padding: 16px 0 16px 20px;
margin: 0 0 0 19px;
}
.tb-tabicon > li {
display: inline-block;
list-style-type: none;
position: relative;
}
.tb-tabicon > li > a {
font-size: 16px;
transform: none;
display: block;
}
.tb-tabicon > li > span {
display: block;
font-size: 16px;
}
.tb-tabicon > li + li {
margin: 0 0 0 18px;
}
.tb-tabicon .tb-messageuserabove__feature .sub-menuholder {
margin-top: 8px;
}
.bg-yellow {
color: #ff385c;
}
.bg-light {
color: #bebebe;
}
.tb-tabbitem__list {
display: flex;
align-items: center;
justify-content: space-between;
}
.bg-redheart {
color: #ff7062 !important;
}
.bg-redheart i {
color: #ff7062 !important;
}
.tb-blue {
color: #ff385c;
}
.bg-gray {
color: #ccc;
}
.tb-theme-color {
color: #ff385c;
}
.tb-bg-green {
background-color: #00cc8d !important;
}
.tb-bg-lightgreen {
background-color: #90a080 !important;
}
.tb-bg-yellow {
background-color: #fccd55 !important;
}
.tb-bg-skycolor {
background-color: #4fc0e8 !important;
}
.tb-byadons {
background: #FFFFFF;
padding: 19px;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border: 1px solid #eee;
border-top: 0;
}
.tb-byadons .tb-dhb-mainheading__rightarea em {
text-align: left;
flex: auto;
margin: 0 0 0 15px;
}
.tb-doclist {
padding: 0;
margin: 0;
}
.tb-doclist li {
margin: 0 10px 0 0;
list-style-type: none;
}
.tb-doclist li img {
width: 30px;
}
.tb-documentlist {
align-items: center;
justify-content: space-between;
}
.tb-documentlist ~ .tb-profileform__title {
margin-top: 30px;
}
.tb-profileform__title h6, .tb-profileform__title .tk-verified-info > a, .tb-profileform__title .tk-verified-info strong, .tk-verified-info .tb-profileform__title strong {
font-weight: 600;
margin: 0;
}
.tb-profileform__title h6 a:hover, .tb-profileform__title .tk-verified-info > a a:hover, .tb-profileform__title .tk-verified-info strong a:hover, .tk-verified-info .tb-profileform__title strong a:hover {
color: inherit;
}
.tb-description + .tb-sectiontitle__list {
padding-top: 19px;
}
.tb-featureRating h4 {
display: inline-block;
vertical-align: middle;
padding-right: 2px;
}
.tb-featureRating > em {
color: #0A0F26;
font: normal 700 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
vertical-align: middle;
}
.tb-featureRating h6, .tb-featureRating .tk-verified-info > a, .tb-featureRating .tk-verified-info strong, .tk-verified-info .tb-featureRating strong {
display: inline-block;
margin: 0;
line-height: 1.1;
}
.tb-featureRating > a {
font-size: 14px;
line-height: 16px;
display: inline-block;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-featureRating__stars {
letter-spacing: 1px;
display: inline-flex;
vertical-align: middle;
}
.tb-featureRating__stars + em {
padding-left: 2px;
}
.tb-featureRating__stars::before {
color: #dddddd;
}
.tb-featureRating__stars span {
width: 80%;
overflow: hidden;
}
.tb-featureRating-nostar span {
width: 0 !important;
}
.tb-featureRatingv2 {
align-items: center;
}
.tb-featureRatingv2 span + h6, .tb-featureRatingv2 .tk-verified-infospan > a, .tb-featureRatingv2 .tk-verified-info > span + a, .tb-featureRatingv2 .tk-verified-info span + strong, .tk-verified-info .tb-featureRatingv2 span + strong {
padding-left: 5px;
}
.tb-featureRatingv2 > h6 + a, .tk-verified-info.tb-featureRatingv2 > a + a, .tk-verified-info .tb-featureRatingv2 > strong + a {
margin-left: 7px;
}
.tb-blogimgv2 figure img {
width: 50px;
}
.text-grey {
color: #bebebe;
}
.tb-artcles-listing .tb-tabbitem .tb-itemlinks .tb-switchservice {
border-left: 0;
}
.tb-sectionmid {
width: 75%;
text-align: center;
margin: 0 auto;
padding: 17px 0 14px 0;
}
.tb-sectionmid .tb-themeform {
text-align: left;
}
.tb-sectionmid .tb-sectiontitle h2 {
line-height: 1.2857142857em;
}
.tb-anywaybtns {
margin-top: 23px;
}
.tb-anywaybtns .tb-btn, .tb-anywaybtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-anywaybtns button, .tb-anywaybtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-anywaybtns button {
max-width: 219px;
margin: 0 auto;
}
.tb-anywaybtns .tb-btnplain {
font-size: 14px;
}
.tb-deletepopup .modal-dialog {
max-width: 542px;
}
.tb-deletepopup .tb-sectionmid {
padding: 0 0 8px;
width: auto;
max-width: 360px;
}
.tb-deletepopup .tb-sectiontitle h2 {
font-size: 1.75rem;
}
.tb-deletepopup .tb-sectiontitle h2:after {
content: none;
}
.tb-deletepopup .tb-sectiontitle p {
margin-top: 0;
}
.tb-acountlock .modal-dialog {
max-width: 790px;
}
.tb-sectionmidv2 {
width: 91%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tb-sectionmidv2 .tb-themeform {
width: 542px;
margin: 0 auto;
padding-top: 13px;
}
.tb-sectionmidv2 figure {
margin-bottom: 11px;
}
.tb-sectionmidv2 .tb-sectiontitle h2 {
margin: 0 auto;
}
.tb-notasks {
height: 641px;
padding: 0;
display: flex;
align-items: center;
background: #fff;
border: 1px solid #eee;
border-top: 0;
border-radius: 10px;
}
.tb-notasks .tb-sectiontitle {
width: 80%;
margin: 0 auto;
}
.tb-notasks .tb-sectiontitle h2 {
line-height: 1.25em;
}
.tb-notasks .tb-profilebtnarea .tb-btn, .tb-notasks .tb-profilebtnarea .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-notasks .tb-profilebtnarea button, .tb-notasks .tb-profilebtnarea .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-notasks .tb-profilebtnarea button {
display: flex;
margin: 4px 0 0;
}
.btn-simple {
background: transparent;
color: #55acee;
font-weight: 600;
}
.btn-simple:hover {
color: #55acee;
}
.tb-prefrelancer__child .tb-showprefrelancer {
display: block;
}
.tb-prefrelancer__child li:nth-child(n+14):not(:last-child) {
display: none;
}
.tb-prefrelancer__child li:nth-child(n):nth-child(-n+13) {
display: block !important;
height: auto !important;
margin: 0 !important;
padding: 5px !important;
}
.tb-grab {
cursor: grabbing;
}
.tb-linechart {
height: 100%;
}
.tb-openmessage {
overflow-y: auto;
}
.mce-branding-powered-by {
display: none;
}
.tb-dots .owl-dots {
position: absolute;
bottom: 0;
line-height: 6px;
text-align: center;
width: 100%;
}
.tb-dots .owl-dot {
z-index: 9;
width: 6px;
height: 6px;
margin: 0 5px;
background: #ddd;
position: relative;
vertical-align: top;
border-radius: 50%;
display: inline-block;
}
.tb-dots .owl-dot.active {
background-color: #ff385c;
}
.tb-readmorebtn {
display: flex !important;
align-items: center;
justify-content: center;
background-color: #eee;
width: 100%;
font: 700 14px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #333333;
padding: 10px;
margin-top: 20px;
}
.tb-readmorebtn:hover {
color: #ff385c;
}
.tb-postservice fieldset {
margin: 0 -5px;
}
.tb-postservice .form-group-half, .tb-postservice .form-group {
padding-top: 0 !important;
margin-bottom: 17px;
padding: 0 5px;
}
.form-group_vertical .form-characters {
margin-bottom: -4px;
}
.tb-asidebox .tb-profileinfo .tb-icondetails h6 a, .tb-asidebox .tb-profileinfo .tb-icondetails .tk-verified-info > a a, .tb-asidebox .tb-profileinfo .tb-icondetails .tk-verified-info strong a, .tk-verified-info .tb-asidebox .tb-profileinfo .tb-icondetails strong a {
font-weight: 700;
}
.tb-lightborder .tb-asidebox .tb-profileinfo .tb-profilebtnarea a + a {
font-size: 13px;
}
.tb-my-ratingholder {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 7px;
text-align: center;
}
.tb-my-ratingholder > span {
font: 700 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-left: 3px;
min-width: 25px;
}
.tb-my-ratingholder .tb-rating-stars {
margin: 0;
}
.tb-my-rating {
display: flex;
cursor: pointer;
}
.tb-my-rating .jq-star {
width: 20px !important;
height: 20px !important;
}
.tb-my-rating svg {
width: 100%;
height: 100%;
stroke-width: 0 !important;
}
.tb-rating-stars {
list-style-type: none;
padding: 0;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
display: inline-flex;
}
.tb-rating-stars li {
display: flex;
}
.tk-star {
display: inline-block;
}
.tk-star.hover i, .tk-star.active i {
color: #FCCF14;
}
.tk-star i {
font-weight: 400;
font-size: 20px;
color: #ccc;
}
.tk-main-section {
padding: 60px 0;
}
.tk-main-section .tk-main-section {
padding: 0;
}
.tk-yellow {
color: #FFC107 !important;
}
.tk-orange {
color: #F97316 !important;
}
.tk-anchor {
color: #ff385c !important;
}
.tk-lightest_bg {
background-color: #FFFFFF !important;
}
.tk-particles {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.tk-particles > div {
width: 100%;
height: 100%;
}
.tk-main-title-holder {
padding-bottom: 40px;
}
.tk-main-title-holder .tk-mainlist {
padding-top: 20px;
}
.tk-main-title-holder > [class^="tk-btn-"] {
margin-top: 30px;
}
.tk-main-title-holder .tk-maintitle {
padding-bottom: 0;
}
.tk-maintitle {
padding-bottom: 30px;
}
.tk-maintitle h4 {
font-weight: 500;
font-size: 24px;
line-height: 34px;
}
.tk-maintitle h5, .tk-maintitle h2, .tk-maintitle h4, .tk-maintitle h3 {
margin: 0;
}
.tk-maintitle blockquote {
margin-bottom: 10px;
}
.tk-maintitle + .tk-main-description {
padding-top: 20px;
}
.tk-main-description p {
margin: 0;
}
.tk-main-description p ~ p {
padding-top: 26px;
}
.tk-main-description h3 + p {
padding-top: 20px;
}
.tk-mainbtnlist {
justify-content: center;
margin: -10px -12px;
padding: 30px 0 0;
}
.tk-mainbtnlist li {
list-style: none;
padding: 10px 12px;
}
.tk-mainlist {
padding: 0;
margin: 0;
}
.tk-mainlist + .tk-main-description {
padding-top: 26px;
}
.tk-mainlist li {
position: relative;
list-style-type: none;
line-height: 20px;
padding-left: 30px;
line-height: 1.625em;
}
.tk-mainlist li em {
font-style: normal;
}
.tk-mainlist li.tb-unavailable {
color: #999;
}
.tk-mainlist li.tb-unavailable::after {
background: #999;
}
.tk-mainlist li::after {
content: "";
position: absolute;
left: 0;
top: 3px;
font-family: "Font Awesome 5 Free";
font-weight: 700;
color: #ffffff;
font-size: 10px;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background: #22C55E;
}
.tk-mainlist li + li {
margin-top: 15px;
}
.tk-pagination {
width: 100%;
margin-top: 30px;
justify-content: center;
}
.tk-pagination ul {
text-align: center;
width: 100%;
justify-content: center;
align-items: center;
margin: -5px;
padding-left: 0;
}
.tk-pagination ul li {
padding: 5px;
line-height: inherit;
list-style-type: none;
display: inline-block;
vertical-align: middle;
}
.tk-pagination ul li.tk-prevpage {
padding-right: 45px;
}
.tk-pagination ul li.tk-nextpage {
padding-left: 45px;
}
.tk-pagination ul li a, .tk-pagination ul li span {
width: 44px;
height: 44px;
color: #999999;
font-weight: 500;
align-items: center;
justify-content: center;
background-color: #ffffff;
border-radius: 10px;
border: 1px solid #eeeeee;
}
.tk-pagination ul li i {
font-size: 22px;
}
.tk-pagination ul li a:hover, .tk-pagination ul li.active a, .tk-pagination ul li.active span {
color: #fff;
border-color: #ff385c;
background-color: #ff385c;
}
.tk-main-section .tk-startedtoday-section {
padding: 100px 0;
}
.tk-asideholder {
border-radius: 10px;
background-color: #fff;
}
.tk-asideholder > .tk-asideboxsm {
background-color: transparent;
}
.tk-asideholder .tk-showall a {
border: 0;
}
.tk-asideholder ~ .tk-asideholder {
margin-top: 30px;
}
.tk-asideholder .form-control {
height: 50px;
}
.tk-asideboxv2 {
padding: 20px;
}
.tk-asideboxv2 ~ .tk-asideboxv2 {
border-top: 1px solid #eeeeee;
}
.tk-asideboxv2 [aria-expanded="false"] .tk-additonoltitle > i {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.tk-asideboxv2 .tk-qualification ~ .tk-qualification {
padding-top: 14px;
}
.tk-sidetitle {
padding-bottom: 15px;
}
.tk-sidetitle h5 {
margin: 0;
}
.tk-exploremore {
padding: 0;
margin: 0;
}
.tk-exploremore li {
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
width: 100%;
}
.tk-exploremore li em {
font-style: normal;
color: #999999;
}
.tk-exploremore li span {
color: #0a0f26;
}
.tk-exploremore li + li {
padding-top: 10px;
}
.tk-about-feedback .tk-howitwork-wrapper {
background-color: #FFFFFF;
}
.tk-about-feedback .tk-feedbackslider {
margin-left: 255px;
}
.tk-banner-wrapper .tk-banner, .tk-intro-wrapper .tk-banner {
background-color: transparent;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
color: #0a0f26;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-left: 50px;
margin-bottom: 5px;
}
.jconfirm.jconfirm-modern .jconfirm-box {
display: flex;
border: 0;
padding: 30px 20px;
border-radius: 10px;
flex-wrap: wrap;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
color: #0a0f26;
}
.jconfirm-icon-c .fa-bullhorn {
background: rgba(34, 197, 94, 0.1);
width: 90px;
line-height: 90px;
border-radius: 50%;
color: #22C55E;
}
.jconfirm-icon-c .tb-flag-tag {
background: rgba(41, 95, 204, 0.1);
width: 90px;
line-height: 90px;
border-radius: 50%;
color: #295fcc;
}
.tk-package-plan {
padding: 30px;
background: #ffffff;
border: 1px solid #eee;
border-radius: 10px;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-package-plan + .tb-pricing {
margin-top: 30px;
}
.tk-package-heading {
display: flex;
align-items: center;
}
.tk-package-heading figure {
margin-bottom: 0;
}
.tk-package-heading figure img {
border-radius: 50%;
max-width: 60px;
max-height: 60px;
}
.tk-btn-area {
margin-left: auto;
}
.tk-Renew-btn {
color: #ffffff;
padding: 7px 24px;
background: #22C55E;
display: block;
min-height: 40px;
}
.tk-Renew-btn:hover {
color: #ffffff;
}
.tk-package-tags {
padding-left: 20px;
}
.tk-package-tags h4 {
padding-top: 6px;
margin-bottom: 0;
}
.tk-onging {
padding: 0 10px;
background: #FDD943;
display: inline-block;
}
.tk-expire {
background-color: #EF4444;
color: #ffffff;
}
.tb-priceplantitle {
margin: 0 0 30px;
}
.tb-priceplantitle .tb-description p {
padding: 0;
}
.tb-priceplantitle .tb-sectiontitle h2 {
margin: 0 0 20px;
}
.tb-pricingholder .tb-priceplantitle.tb-sectioninfov2 .tb-description {
padding: 0;
}
.tk-package-list {
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -13px -10px;
padding-top: 30px;
}
.tk-package-list li {
list-style-type: none;
width: 25%;
padding: 13px 10px;
}
.tk-package-list li h6, .tk-package-list li .tk-verified-info > a, .tk-package-list li .tk-verified-info strong, .tk-verified-info .tk-package-list li strong {
margin-bottom: 0;
}
.tk-package-list li em {
padding-left: 3px;
color: #999999;
}
.tk-package-list li span {
display: block;
}
.tk-package-list_title em {
padding-left: 1px;
color: #999999;
}
.jconfirm-box-container {
padding: 12px;
}
.jconfirm-box {
width: 100% !important;
max-width: 600px;
}
.jconfirm-title-c {
padding-bottom: 0px !important;
margin-bottom: 0 !important;
}
.jconfirm-icon-c {
font-size: 40px !important;
}
.jconfirm-icon-c .icon-trash {
width: 80px;
height: 80px;
background: #FF61671A;
display: flex !important;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto 10px !important;
color: #FF6167;
}
.jconfirm-buttons .btn {
height: 48px;
margin: 20px 20px 0 0 !important;
}
.jconfirm-content-pane {
margin-bottom: 0 !important;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
margin-bottom: 0;
}
.form-loader {
position: absolute;
right: 30px;
background: #ffffff;
color: #999999;
font-size: 14px;
padding: 0 10px;
}
.tb-serviceformwrap .tb-pricingtitle .error {
color: #EF4444;
font-size: 0.75rem;
font-weight: 400;
}
.tb-serviceformwrap .tb-pricingtitle .form-control.error {
border-color: #EF4444;
}
.cr-slider-wrap input {
border-color: #eee;
box-shadow: none;
}
.tb-input-loader input {
pointer-events: none;
}
.tb-input-loader::after {
content: "";
font-family: "icomoon" !important;
display: inline-block;
font-size: 20px;
font-weight: 400;
color: #999999;
animation: tb-spin 3s linear infinite;
margin-left: 10px;
position: absolute;
right: 40px;
top: 58px;
}
.tb-input-loader::before {
content: "";
background-color: #ffffff;
width: 100%;
height: 100%;
opacity: 0.6;
position: absolute;
left: 0;
top: 0;
z-index: 1051;
}
@keyframes tb-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* --- placeholder style --- */
.tk-placeholderholder {
position: relative;
width: 100%;
display: flex;
border-radius: 10px;
align-items: center;
background-color: #fff;
overflow: hidden;
z-index: 0;
}
.tk-placeholderholder ~ .tk-check {
padding-top: 16px;
}
.tk-placeholderholder [required] + .tk-placeholder em {
display: inline;
}
.tk-placeholderholder textarea + .tk-placeholder {
top: 12px;
white-space: normal;
left: 19px;
}
.tk-placeholder {
position: absolute;
left: 20px;
white-space: nowrap;
pointer-events: none;
font-weight: 400;
}
.tk-placeholder span {
color: #999999;
}
.tk-placeholder em {
font-style: normal;
color: #EF4444;
font-weight: 400;
display: none;
}
.sub-menu li.tb-wallet a {
width: auto;
margin-left: auto;
padding: 0;
background: transparent;
color: #3377FF;
font-size: 1.625rem;
line-height: 1em;
}
.tb-btn, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
height: 48px;
}
.tk-required {
position: relative;
}
.tk-required:after {
color: #EF4444;
content: "*";
font-size: 15px;
margin-left: 4px;
font-family: "Open Sans", sans-serif;
}
.tk-invalid {
border-color: #EF4444 !important;
}
.tk-invalid .tk-select .select2-container--default .select2-selection--multiple, .tk-invalid .tk-calendar .select2-container--default .select2-selection--multiple, .tk-invalid .tk-select .select2-container--default .select2-selection--single, .tk-invalid .tk-calendar .select2-container--default .select2-selection--single {
border-color: #EF4444 !important;
}
.tk-invalid > svg {
stroke: #EF4444 !important;
}
.tb-sticky-alert {
display: none !important;
}
.tb-pricing-items {
width: 100%;
}
.tb-pricingitems {
display: block;
white-space: nowrap;
overflow: auto;
border: 1px solid #eee;
border-radius: 10px;
margin: 0;
padding-left: 0;
}
.tb-pricingitems__content {
width: 100%;
border-radius: 0 !important;
margin-right: 0;
border: 0 !important;
}
.tb-pricingitems__content > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.tb-pricingitems__content > div ~ div {
border-top: 0;
border-left: 1px solid #eeeeee;
}
.tb-pricingitems li {
width: auto;
}
.tb-pricingitems li > .tb-pricingitems__content {
display: flex;
flex-wrap: nowrap;
}
.tb-pricingitems li > .tb-pricingitems__content > .tb-pricingtitle {
width: 229px !important;
display: flex !important;
flex: none;
}
.tb-pricingitems li:nth-child(2) .tb-pricingtitle {
border-top: 1px solid #eeeeee;
}
.tb-pricingitems li:not(:last-child):not(:first-child) .tb-pricingtitle {
border-bottom: 1px solid #eeeeee;
}
.tb-pricingitems li ~ li .tb-pricingtitle .form-control {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.tb-pricingitems li ~ li .tb-pricingtitle ~ .tb-pricingtitle {
padding-top: 20px;
padding-bottom: 20px;
}
.tb-pricingitems li ~ li .tb-pricingtitle.tb-pricing-input {
padding-top: 20px;
padding-bottom: 20px;
vertical-align: middle;
}
.tb-pricingtitle {
width: 25%;
}
.tb-pricingtitle > select {
width: 100%;
}
.tb-pricingtitle > select:focus {
outline: 0;
}
select:focus {
outline: 0;
}
.tb-serviceformwrap .tb-pricingtitle {
width: auto;
margin: 0;
position: relative;
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
padding: 0;
margin-bottom: 15px;
}
.tb-serviceformwrap .tb-pricingtitle label {
color: #ff385c;
font: 700 0.9375rem/1.6666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-bottom: 1px;
}
.tb-serviceformwrap .tb-pricingtitle ~ div {
border: 0;
}
.tb-pricingitems li:first-child .tb-serviceformwrap .tb-pricingtitle {
margin-bottom: 15px;
}
.tb-pricingitems li:first-child .tb-serviceformwrap .tb-pricingtitle:last-child {
margin-bottom: 0;
}
.tb-pricingitems li ~ li .tb-pricingtitle > h6:first-child {
display: block;
}
.tb-overley-pricing .tb-pricingtitle {
position: relative;
}
.tb-overley-pricing .tb-pricingtitle .tb-serviceformwrap .tb-pricingtitle::before {
content: none;
}
.tb-overley-pricing .tb-pricingtitle:nth-child(n+3)::before {
content: "";
display: block;
width: calc(100% + 1px);
height: 100%;
top: 0;
left: -1px;
position: absolute;
background: #fcfcfc;
opacity: 0.8;
z-index: 2;
border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
}
.tb-overleymodel {
right: 40px;
}
.tb-tabbitem__listtwo .tb-icondetails > a {
align-self: center;
margin: 0;
color: #ff385c;
}
.tb-tabbitem__listtwo .tb-icondetails h6, .tb-tabbitem__listtwo .tb-icondetails .tk-verified-info > a, .tb-tabbitem__listtwo .tb-icondetails .tk-verified-info strong, .tk-verified-info .tb-tabbitem__listtwo .tb-icondetails strong, .tb-tabbitem__listtwo .tb-icondetails .tb-rateviews {
width: 100%;
}
.tb-tabbitem__listtwo .tb-itemlinks {
flex: none;
}
.container .container {
padding-left: 0;
padding-right: 0;
}
.wt-select:after {
top: 0;
right: 15px;
z-index: 1;
color: #666;
display: block;
content: "";
position: absolute;
text-align: center;
font-size: inherit;
font-size: 22px;
line-height: 50px;
font-family: "icomoon";
pointer-events: none;
}
.wt-btn:hover, .fw-btn-1:hover {
outline: none;
color: #fff;
}
.wt-btn:hover::before, .fw-btn-1:hover::before {
opacity: 0.1;
}
.tb-unavailable::before {
color: #eeeeee !important;
}
.tb-postservicev2 {
margin: 0 auto;
overflow: hidden;
max-width: 980px;
border-radius: 10px;
border: 1px solid #eee;
}
.tb-sidebarpkg .tb-sectiontitle__list {
padding-top: 15px;
}
.tb-sidebarpkg .tb-sectiontitle__list li {
align-items: center;
padding: 0;
margin: 0;
}
.tb-sidebarpkg .tb-sectiontitle__list li span {
display: flex;
align-items: center;
}
.tb-sidebarpkg .tb-sectiontitle__list li + li {
margin-top: 10px;
}
.tb-sidebarpkg .tb-sectiontitle__list li em {
font-style: normal;
padding-left: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tb-featureRating__stars {
overflow: hidden;
}
.tb-categoriesfilter[data-readmore] {
transition: height 100ms;
overflow: hidden;
}
.tb-categoriesfilter + [data-readmore-toggle], .tb-categoriesfilter[data-readmore] {
display: block;
width: 100%;
}
.twocolumn-page-section {
width: 100%;
}
.select2-container--default .select2-search--dropdown:after {
display: flex;
line-height: 1;
top: 50%;
left: 15px;
transform: translateY(-50%);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
height: 40px;
padding: 0 20px 0 48px;
}
.tb-addservices-steps fieldset {
align-items: flex-start;
}
.tb-postservicewrap {
background: #FFFFFF;
}
.preloader-outer {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
position: fixed;
background: rgba(255, 255, 255, 0.7);
}
.tk-preloader {
top: 50%;
left: 50%;
width: 50px;
height: 50px;
display: flex;
margin: 0 auto;
border-radius: 50%;
background: #ffffff;
position: absolute;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08), 0px 20px 32px rgba(0, 0, 0, 0.12);
animation: 0.8s infinite linear;
-webkit-animation: 0.5s infinite linear;
}
.tk-preloader img {
width: 20px;
height: 20px;
}
.tk-loader-section {
position: relative;
}
.tk-loader-section .preloader-outer {
background: none;
}
.tk-section-preloader {
position: relative;
}
.tk-section-preloader .preloader-outer {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
position: absolute;
background: rgba(255, 255, 255, 0.2);
}
.tk-section-preloader::after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: rgba(255, 255, 255, 0.7);
}
@keyframes sectionloader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tb-blogcommentsholdervone[data-readmore] {
overflow: hidden;
}
.tagify__dropdown__wrapper {
display: flex;
flex-wrap: wrap;
padding: 10px;
border-color: #eee;
}
.tagify__dropdown__item {
margin: 5px;
padding: 5px 16.1px;
border-radius: 15px;
display: inline-block;
line-height: 1.5384615385em;
background-color: #FFFFFF;
color: #ff385c;
font: 400 0.8125rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tagify__dropdown__item:hover {
color: #fff;
background-color: #ff385c;
}
.tb-pricingcontainertwo .tb-pricingtitle {
padding: 19px;
}
.tb-pricingcontainertwo .tb-pricingtitle .tb-pricingtitle {
padding: 0;
}
.tb-pricingitems .tb-pricingtitle:first-child {
display: block;
}
.tb-pricingitems .tb-pricingtitle:first-child h6, .tb-pricingitems .tb-pricingtitle:first-child .tk-verified-info > a, .tb-pricingitems .tb-pricingtitle:first-child .tk-verified-info strong, .tk-verified-info .tb-pricingitems .tb-pricingtitle:first-child strong {
overflow: hidden;
text-overflow: ellipsis;
}
.tb-addservice-step span {
text-overflow: ellipsis;
overflow: hidden;
}
.tb-hide-acf-label {
display: none;
}
.tb-pricingitems .select2-container {
min-height: 48px;
}
.tb-resvsionbtn-holder {
padding: 0;
margin: -10px -10px 0;
}
.tb-resvsionbtn-holder .tb-btn, .tb-resvsionbtn-holder .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-resvsionbtn-holder button, .tb-resvsionbtn-holder .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-resvsionbtn-holder button {
width: 100%;
}
.tb-resvsionbtn-holder .tb-radio {
width: 100%;
}
.tb-resvsionbtn-holder .tb-radio input[type="radio"] {
display: none;
}
.tb-resvsionbtn-holder .tb-radio input[type="radio"]:checked + label span {
border-color: #63d594;
background-color: #63d594;
color: #fff;
}
.tb-resvsionbtn-holder .tb-radio input[type="radio"] + label {
padding: 0;
}
.tb-resvsionbtn-holder .tb-radio input[type="radio"] + label:after {
content: "";
font-family: "icomoon";
font-weight: 900;
width: auto;
height: auto;
background: transparent;
color: #fff;
right: 30px;
top: 43%;
left: auto;
font-size: 18px;
}
.tb-resvsionbtn-holder .tb-radio input[type="radio"] + label:before {
display: none;
}
.tb-resvsionbtn-holder .tb-radio input[type="radio"] + label span {
border-radius: 10px;
border: 1px solid #eeeeee;
padding: 14px 60px 14px 19px;
display: block;
color: #999999;
font-size: 1rem;
line-height: 1.25em;
}
.tb-addonspopup fieldset {
margin: -5px;
}
.tb-addonspopup .form-group {
padding: 5px;
}
.tb-addonspopup .form-group:not(.tb-form-btn) {
margin: 0;
}
.tb-addonspopup .tb-savebtn {
padding: 0;
}
.tb-addonspopup .tb-savebtn span {
max-width: initial;
font-style: italic;
}
.tb-addonspopup .tb-savebtn span + .tb-btn, .tb-addonspopup .tb-savebtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons span + button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-addonspopup .tb-savebtn span + button, .tb-addonspopup .tb-savebtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons span + button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-addonspopup .tb-savebtn span + button {
margin-left: 30px;
}
.tb-addonspopup .form-group-title {
margin: 0;
max-width: 160px;
line-height: 30px;
align-self: flex-start;
padding: 10px 10px 10px 0;
}
span.error-label {
color: #ff5b00;
font-size: 13px;
line-height: 16px;
margin-top: 5px;
}
.download-service {
width: 100%;
}
.download-service .tb-uploadbar {
width: auto;
border-left: 0;
}
.download-service .tb-uploadbar-content {
padding-right: 19px;
}
.download-service .tb-uploadbar-content::after {
margin-left: 20px;
}
.download-service .tb-uploadbar-content .tb-actionbtn {
padding: 0;
}
.sub-menu li.tb-wallet {
flex: auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
width: auto !important;
padding: 20px !important;
border-bottom: 1px solid #eeeeee;
}
.sub-menu li.tb-wallet em {
flex: none;
font-size: 24px;
color: #0a0f26;
border-radius: 4px;
margin-left: auto;
}
.sub-menu li.tb-wallet span {
display: block;
letter-spacing: 0.5px;
font: 500 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.sub-menu li.tb-wallet span strong {
margin: 0;
display: block;
color: #ff385c;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.4444444444em;
}
.sub-menu li.tb-wallet span strong sup {
top: -3px;
font-size: 70%;
}
.tb-btn, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
height: 48px;
}
.sub-menu li a {
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
padding: 14px 20px;
display: flex;
align-items: center;
color: #585858;
}
.sub-menu li a i {
font-size: 20px;
color: #999;
}
.sub-menu li a span {
display: inline-flex;
align-items: center;
}
.sub-menu li a span .tk-remaining-notification {
position: static;
margin: 0 0 0 8px;
line-height: 1;
padding: 4px 6.25px;
font-size: 10px;
min-width: 18px;
min-height: 18px;
}
.tb-deatlswithimg figure {
flex: none;
}
.sub-menu li.tb-wallet a {
width: auto;
margin-left: auto;
padding: 0;
background: transparent;
color: #3377FF;
font-size: 1.625rem;
line-height: 1em;
}
.tb-creditwallet .modal-dialog {
max-width: 416px;
}
.tb-creditwallet fieldset {
margin: -10px -5px;
}
.tb-creditwallet .form-group {
margin: 0;
flex-wrap: wrap;
padding: 10px 5px;
}
.tb-creditwallet .form-group .form-group-title {
width: 100%;
}
.tb-creditwallet .form-group .tb-btn, .tb-creditwallet .form-group .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-creditwallet .form-group button, .tb-creditwallet .form-group .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-creditwallet .form-group button {
font-size: 16px;
width: 100%;
}
.tb-creditwallet .form-group .tb-btn i, .tb-creditwallet .form-group .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button i, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-creditwallet .form-group button i, .tb-creditwallet .form-group .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button i, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-creditwallet .form-group button i {
margin: 0 0 0 10px;
font-size: 20px;
}
.form-control, 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], select, .uneditable-input {
height: 48px;
line-height: 1.6em;
}
.tb-checkoutbox {
margin: 20px 0 0;
display: flex;
}
.tb-checkoutbox span {
color: #999999;
display: block;
font-size: 1rem;
line-height: 1.625em;
}
.tb-checkoutbox span a {
color: #55acee;
}
.tb-checkoutbox em {
padding-right: 10px;
color: #EF4444;
font: 400 1rem/1.625em "Open Sans", sans-serif;
}
.tb-ordercontent {
padding: 29px;
border-bottom: 1px solid #eee;
}
.tb-ordercontent .tb-additionalservices li {
width: 50%;
}
.tb-ordercontent:last-child {
border-bottom: 0;
}
.tb-featurelist {
margin: 0;
padding-top: 20px;
padding-left: 0;
}
.tb-featurelist li {
list-style: none;
align-items: center;
font: 700 0.9375rem/1.6666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ff385c;
width: 50%;
padding: 13px 20px;
}
.tb-featurelist li em {
font-style: normal;
padding-left: 3px;
}
.tb-featurelist li:nth-child(4n + 1) {
background-color: #FFFFFF;
}
.tb-featurelist li:nth-child(4n + 4) {
background-color: #FFFFFF;
}
.tb-featurelist li::before {
content: "";
font-family: "icomoon";
font-weight: 900;
font-size: 16px;
color: #26c178;
padding-right: 10px;
}
.tb-ordertitlearea {
display: flex;
align-items: center;
}
.tb-ordertitlearea img {
margin-right: 15px;
border-radius: 10px;
}
.tb-ordertitle a {
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ff385c;
}
.tb-ordertitle h5 {
margin: 1px 0 4px;
}
.tk-asideholderv2.tk-asideholder {
border: 1px solid #eee;
}
.tk-asideholderv2 .tb-additionolinfo {
padding: 0;
}
.tk-asideholderv2 .tb-additionalinput, .tk-asideholderv2 .tb-planslist {
padding-left: 30px;
padding-right: 30px;
}
.tk-asideholderv2 .tb-planslist li {
padding: 0 0 10px;
}
.tk-asideholderv2 .tb-planslist li:last-child {
padding: 0 0 18px;
}
.tk-asideholderv2 .tb-additionolinfo .tb-planslist + ul {
padding-top: 21px;
}
.tb-additionalinput {
padding-bottom: 25px;
padding-top: 30px;
}
.tb-aside-wallet {
background: #FDE272;
padding: 30px !important;
border-bottom: 1px solid #dedede;
}
.tb-aside-wallet li {
list-style-type: none;
}
.tb-aside-button {
padding: 0;
background-color: #FFFFFF;
text-align: center;
}
.tb-aside-button li {
list-style-type: none;
}
.tb-aside-button li .tb-btn, .tb-aside-button li .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-aside-button li button, .tb-aside-button li .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-aside-button li button {
border-radius: 0;
}
.tb-aside-button li .tb-btn::before, .tb-aside-button li .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button::before, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-aside-button li button::before, .tb-aside-button li .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button::before, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-aside-button li button::before {
content: none;
}
.tb-aside-button li .tb-darkgreen-btn::before {
content: "";
}
.tb-darkgreen-btn {
background-color: #1dbf73 !important;
color: #fff !important;
border-radius: 0 0 10px 10px;
}
.tb-darkgreen-btn i {
padding-right: 10px;
line-height: 0;
font-size: 15px;
}
.tb-asideprostatusv2 .tb-asidebox .tb-icondetails {
padding: 0;
}
.tb-taskdeadline.tk-asideholder {
background-color: #fff;
}
.tb-taskdeadline .tb-asidebox.tb-additionolinfo {
padding: 20px;
}
.tb-taskdeadline .tb-planslist {
padding: 0;
}
.tb-taskdeadline .tb-planslist + .tb-planslist {
border-top: 1px solid #eee;
padding-top: 19px;
}
.tb-refunddetailswrap .tb-orderrequest {
margin: 0 0 30px;
background-color: rgba(255, 91, 0, 0.1);
}
.tb-refunddetailswrap .tb-orderrequest .tb-ordertitle {
flex-basis: 100%;
}
.tb-refunddetailswrap .tb-orderrequest .tb-ordertitle p, .tb-refunddetailswrap .tb-orderrequest .tb-ordertitle h5 {
color: #353648;
}
.tb-profile-steps .tb-desclinks {
margin: 0 0 2px;
}
.tk-asideholder {
background-color: #fff;
}
.tk-asideholder .tk-collapsepanel {
background-color: transparent;
}
.tb-refunddetail {
background-color: #fff;
}
.tb-refunddetail_info {
padding: 20px;
display: flex;
}
.tb-refunddetail_info.reply-comment {
padding-left: 80px;
}
.tb-refunddetail_info .tb-articlediscription p {
font-size: 14px;
line-height: 24px;
}
.tb-refunddetail_info + .tb-refunddetail_info {
border-top: 1px solid #eee;
}
.tb-refunddetail_info figure {
width: 40px;
text-align: center;
flex: none;
margin: 0;
z-index: 1;
position: relative;
}
.tb-refunddetail_info figure > img {
background: #fff;
max-width: 40px;
max-height: 40px;
}
.tb-refunddetail_info figure > span {
background: #fff;
display: block;
max-width: 40px;
}
.tb-refunddetail_info figure > span img {
width: 100%;
max-height: 40px;
border: 1px solid #eeeeee;
border-radius: 10px;
}
.tb-refunddetail_info .tb-extrasarticles {
padding: 0 0 0 20px;
flex-direction: column;
align-items: flex-start;
border: 0;
}
.tb-refunddetail_info + .tb-refunddetail_info .tb-articlediscription p:last-child {
margin-bottom: 0;
}
.tb-refunddetail_info .tb-taskinfo span {
font-size: 14px;
color: #676767;
}
.tb-refunddetail_info .tb-taskinfo h6, .tb-refunddetail_info .tb-taskinfo .tk-verified-info > a, .tb-refunddetail_info .tb-taskinfo .tk-verified-info strong, .tk-verified-info .tb-refunddetail_info .tb-taskinfo strong {
font-size: 1rem;
}
.tb-refunddetail_info .tb-taskinfo {
margin: 0 0 27px;
}
.tb-refunddetailttabs {
border-top: 1px solid #eeeeee;
padding: 20px;
background-color: #fff;
}
.tb-refunddetailttabs .nav-tabs {
border: 0;
margin: -10px;
list-style: none;
}
.tb-refunddetailttabs .nav-tabs li {
width: 33.33%;
padding: 10px;
list-style-type: none;
}
.tb-refunddetailttabs .nav-tabs li a {
border: 0;
padding: 15px 20px;
border-radius: 0;
text-align: center;
background-color: red;
color: #fff !important;
font: 600 0.9375rem/1.3333333333em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-replytabbtn {
background-color: #6c757d !important;
}
.tb-allowtabbtn {
background-color: #00cc8d !important;
}
.tb-declinetabbtn {
background-color: #ff7062 !important;
}
#tb-form-refund .tb-replytabbtn {
background-color: #00cc8d !important;
}
#tb-form-decline .tb-replytabbtn {
background-color: #ff7062 !important;
}
.tb-refundform {
margin: 20px 0 0;
}
.tb-refundform_title {
margin: 0 0 13px;
}
.tb-refundform_title h2 {
font-size: 1.25rem;
line-height: 1.2em;
margin: 0;
}
.tb-refundform_form .form-group {
margin: 0;
}
.tb-refundform_form .tb-form-btn {
margin: 10px 0 0;
flex-wrap: wrap;
}
.tb-refundform_form .tb-form-btn > span {
margin: 0 0 15px;
width: 100%;
display: block;
font-size: 1rem;
color: #676767;
line-height: 1.375em;
}
.tb-refundform_form .tb-form-btn > span a {
margin-left: 3px;
color: #0075d6;
}
.tb-refundform_form .tb-form-btn .tb-btn, .tb-refundform_form .tb-form-btn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-refundform_form .tb-form-btn button, .tb-refundform_form .tb-form-btn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-refundform_form .tb-form-btn button {
min-width: 210px;
margin: 0;
}
.tb-additonoltitle[aria-expanded="false"] {
border-bottom: 0;
border-radius: 4px;
}
.tb-freelancerinfo {
padding: 30px;
}
.tb-icondetails .tb-desclinks {
line-height: 1em;
}
.tb-icondetails .tb-desclinks li {
line-height: inherit;
}
.tb-icondetails .tb-desclinks li:not(:last-child) {
margin-right: 0;
}
.tb-icondetails .tb-desclinks li a {
color: #ff385c;
display: inline-block;
}
.tb-desclinks {
margin: 0 -2.5px;
}
.tb-desclinks li {
padding: 0 2.5px;
}
.tb-icondetails .tb-rateviews span {
font-size: 14px;
}
.single-sellers .tb-tasklist .tb-desclinks li:not(:last-child) {
margin-right: 0;
}
.tb-tabbitem__listtwo .tb-rateviews2 {
margin-right: -6px;
margin-left: -6px;
}
.tb-tabbitem__listtwo .tb-rateviews2 li {
padding-right: 6px;
padding-left: 6px;
}
.tb-tabbitem__listtwo .tb-rateviews2 em {
padding-left: 6px;
}
.lb-loginconatiner .tb-popupcontainer {
border: 1px solid #eee;
margin: 0 auto;
}
.tb-searchresult-section .tb-sidebarbox {
border: 0;
padding: 0;
background-color: transparent;
}
.tb-searchresult-section .tb-sidebarbox ~ .tb-sidebarbox {
padding-top: 20px;
}
.tb-searchresult-section .tb-filterselect .tb-inputicon a {
background-color: #ff385c;
line-height: 32px;
width: 32px;
text-align: center;
right: 9px;
color: #fff;
}
.tb-searchresult-section .tb-filterselect .tb-inputicon a i {
display: block;
line-height: inherit;
}
.tb-searchresult-section .tb-filderbtns {
margin: 0;
text-align: center;
justify-content: center;
}
.tb-searchresult-section .tb-filderbtns .tb-btn, .tb-searchresult-section .tb-filderbtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-searchresult-section .tb-filderbtns button, .tb-searchresult-section .tb-filderbtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-searchresult-section .tb-filderbtns button {
width: 100%;
line-height: 40px;
height: auto;
}
.tb-asidebox {
padding: 20px;
}
.tb-tasktabs .tb-navtabs .nav-link {
width: auto;
flex: auto;
}
.tk-asideholder_title {
padding: 20px 30px;
background-color: #fff;
}
.tk-asideholder_title h2 {
font-size: 1.125rem;
line-height: 1.4444444444em;
letter-spacing: 0.5px;
color: #0A0F26;
margin: 0;
}
section.elementor-top-section, .elementor-section-wrap section.elementor-top-section {
padding-top: 80px;
padding-bottom: 80px;
}
.modal-content {
border: 0;
border-radius: 0;
}
.tk-radiobox {
display: flex;
align-items: center;
border-radius: 4px;
padding: 10px 20px;
background-color: #fcfcfc;
border: 1px solid #eeeeee;
}
.tk-radiobox label {
width: 100%;
display: flex;
align-items: center;
padding: 0;
}
.tk-radiobox label > a {
color: #676767;
font-size: 20px;
margin-left: auto;
}
.tk-radiobox label img {
width: 30px;
margin-left: 5px;
object-fit: cover;
}
.tk-radiobox label span {
color: #676767;
}
.tk-payment-submenu {
padding: 15px;
margin-top: 0;
border-radius: 4px;
border: 1px solid #eee;
}
.tk-radiobox[aria-expanded="true"] .tk-escrow-content {
transform: rotate(90deg);
}
#billing_address_2_field {
position: relative;
}
.elementor-widget:not(:last-child) {
margin-bottom: 0 !important;
}
.single-product .tb-main {
padding: 100px 0;
}
.page-template-dashboard main.tb-main .tb-main-section {
padding: 100px 0;
}
.page-template-dashboard main.tb-main .tb-main-section .tk-main-section {
padding: 0;
}
.page-template-dashboard main.tb-main .tb-main-section .tb-main-section, .tb-main-section .tb-main-section {
padding: 0;
}
.tb-taskdeadline .tb-raisedispute {
padding: 0;
border-top: 1px solid #165589;
}
.tb-taskdeadline .tb-raisedispute span, .tb-taskdeadline .tb-raisedispute a {
height: auto;
cursor: pointer;
font-size: 1rem;
line-height: 3em;
border-top: 1px solid #487dff;
}
.tk-searchresult {
padding: 80px 0;
}
.tk-searchresult .tk-aside-holder ~ .tk-aside-holder {
margin-top: 20px;
}
.tk-searchresult .tb-pagination {
padding-top: 10px;
}
.tb-budgetlist {
padding-top: 20px;
border-radius: 0 0 10px 10px;
border-top: 1px solid #eee;
}
.tb-budgetlist .tb-planslist {
padding: 0 20px;
}
.tb-countdownno + .tb-actionselect {
margin-top: 20px;
}
.tb-user-menu {
top: 0;
right: 0;
width: 100%;
z-index: 99;
height: 100%;
position: fixed;
max-width: 270px;
margin-left: auto;
background: #fff;
transform: translateX(100%);
border-left: 1px solid #eee;
transition: all 0.6s ease-in-out;
box-shadow: -10px 20px 20px 0 rgba(0, 0, 0, 0.1);
}
.tb-user-menu.tb-opendbmenu {
transform: translateX(0);
}
.tb-user-menu.tb-opendbmenu .tb-dbmenu i:before {
content: "";
}
.tb-user-menu .tk-navbarbtn {
padding: 0;
height: 100vh;
overflow: auto;
}
.tb-user-menu .sub-menu {
top: 0 !important;
left: 0;
opacity: 1;
width: 100%;
position: relative;
visibility: visible;
box-shadow: none;
max-width: 270px;
margin-left: auto;
}
.tb-user-menu .tk-nav-signin {
display: flex;
padding: 20px;
align-items: center;
border-bottom: 1px solid #eee;
}
.tb-user-menu .tk-nav-signin img {
flex: none;
}
.tb-pricingtitle .tb-pricing-input {
display: block !important;
}
.tb-dbmenu {
top: 130px;
left: -30px;
width: 30px;
color: #fff;
font-size: 20px;
line-height: 40px;
position: absolute;
text-align: center;
background: #3377FF;
display: inline-block;
border-radius: 50% 0 0 50%;
}
.tb-dbmenu:hover, .tb-dbmenu:focus {
color: #fff;
}
.tb-dbmenu i {
display: block;
line-height: inherit;
}
.logged-in.admin-bar .tb-user-menu {
top: 32px;
}
.tk-nav-signin img + .tb-username {
margin-left: 20px;
}
.tb-username {
color: #0A0F26;
display: inline-block;
font: 600 16px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-username em {
color: #999;
display: block;
font: 400 14px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-dhb-box-wrapper {
border-radius: 10px;
background-color: #fff;
}
.tb-dhb-box-wrapper .tb-profileform__holder {
padding: 30px;
}
.tb-dhb-box-wrapper .tb-profileform__holder .tb-dhbbtnarea {
padding: 0;
}
.tb-dhb-box-wrapper .tb-profileform__holder .tb-dhbbtnarea:before {
top: -30px;
}
.tb-dhb-box-wrapper .tb-profileform__detail.tb-billinginfo {
padding: 0;
}
.tb-profile-settings-box {
border-radius: 10px;
background-color: #fff;
}
.tb-profile-settings-box .tb-dhb-box-wrapper {
border: 0;
}
.tb-profile-settings-box .tb-tabtasktitle {
display: flex;
padding: 30px;
border-bottom: 1px solid #eee;
align-items: center;
}
.tb-profile-settings-box .tb-tabtasktitle--rightarea {
margin-left: auto;
}
.tb-profile-settings-box .tb-profileform__detail {
padding: 0;
}
.tb-profile-settings-box ~ .tb-profile-settings-box {
margin-top: 30px;
}
.tb-dhb-profile-settings .tb-tabtasktitle {
display: flex;
padding: 20px 30px;
border-bottom: 1px solid #eee;
align-items: center;
}
.tb-dhb-profile-settings .tb-tabtasktitle--rightarea {
margin-left: auto;
}
.tb-dhb-profile-settings.tb-education-wrapper {
border: 1px solid #eee;
background-color: #fff;
border-radius: 10px;
}
.tb-dhb-profile-settings.tb-education-wrapper .tb-dhb-box-wrapper {
border: 0;
}
.tb-dhb-profile-settings.tb-education-wrapper .tb-profileform__holder {
padding: 0;
}
.tb-dhb-profile-settings + .tb-dhb-profile-settings {
margin-top: 30px;
}
.tk-sidebarad {
margin: 30px 0 0;
text-align: center;
justify-content: center;
}
.tk-sidebarad span {
color: #999;
display: block;
margin: 10px 0 0;
font: 500 14px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-tasklist .tb-userfeedback {
padding-top: 10px;
}
.tb-billinginfo .tb-uploadarea {
padding: 0;
border: 0;
width: 100%;
}
.tb-alert-information {
background-color: #ffd24c4f !important;
border: 1px solid #d7bf78 !important;
border-radius: 10px;
}
.tb-alert-information .tb-ordertitle h5, .tb-alert-information .tb-ordertitle p {
color: #353648;
}
.tb-alert-information .tb-orderbtn .tb-btn, .tb-alert-information .tb-orderbtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-alert-information .tb-orderbtn button, .tb-alert-information .tb-orderbtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-alert-information .tb-orderbtn button {
background-color: #d7bf78 !important;
}
.tb-alert-information .tb-orderrequest {
background-color: transparent !important;
border: 0 !important;
}
.tb-alert-danger {
background-color: rgba(255, 91, 0, 0.1) !important;
border: 1px solid #f96412 !important;
border-radius: 10px;
}
.tb-alert-danger .tb-ordertitle h5, .tb-alert-danger .tb-ordertitle p {
color: #353648;
}
.tb-alert-danger .tb-orderbtn .tb-btn, .tb-alert-danger .tb-orderbtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-alert-danger .tb-orderbtn button, .tb-alert-danger .tb-orderbtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-alert-danger .tb-orderbtn button {
background-color: #f96412 !important;
}
.tb-alert-danger .tb-orderrequest {
background-color: transparent !important;
border: 0 !important;
}
.tb-alert-success {
background-color: #27ae6024 !important;
border: 1px solid #27ae60 !important;
border-radius: 10px;
}
.tb-alert-success .tb-ordertitle h5, .tb-alert-success .tb-ordertitle p {
color: #353648;
}
.tb-alert-success .tb-orderbtn .tb-btn, .tb-alert-success .tb-orderbtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-alert-success .tb-orderbtn button, .tb-alert-success .tb-orderbtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-alert-success .tb-orderbtn button {
background-color: #27ae60 !important;
}
.tb-alert-success .tb-orderrequest {
background-color: transparent !important;
border: 0 !important;
}
.tb-orderrequest .tb-orderbtn {
padding: 20px 0 0;
}
.tb-orderrequest .tb-orderbtn .tb-btn:hover::before, .tb-orderrequest .tb-orderbtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button:hover::before, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-orderrequest .tb-orderbtn button:hover::before, .tb-orderrequest .tb-orderbtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:hover::before, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-orderrequest .tb-orderbtn button:hover::before {
opacity: 1;
}
.tb-orderrequest .tb-orderbtn .tb-btn::before, .tb-orderrequest .tb-orderbtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button::before, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-orderrequest .tb-orderbtn button::before, .tb-orderrequest .tb-orderbtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button::before, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-orderrequest .tb-orderbtn button::before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: -1;
}
.tb-dhb-profile-settings .tb-refunddetailswrap .tb-orderrequest {
margin-bottom: 0;
}
.tk-footeritem figure {
max-width: 130px;
}
.tk-footerlogo a img{
height:60px;
}
.row.gy-4 .tk-sort {
padding-bottom: 4px;
}
.tb-select-country {
position: relative;
}
.tb-select-country:before {
content: "";
font-family: icomoon;
right: 16px;
z-index: 1;
position: absolute;
font-size: 20px;
line-height: 1;
pointer-events: none;
color: #999999;
}
.tb-startchat-field .tb-btn, .tb-startchat-field .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-startchat-field button, .tb-startchat-field .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-startchat-field button {
margin-top: 20px;
}
.tb-radio.tb-pricingtitle input[type=radio] + label {
margin: 0;
}
.tb-radio.tb-pricingtitle input[type=radio] + label:after {
top: 8px;
left: 5px;
width: 10px;
height: 10px;
}
.woocommerce-MyAccount-content > .u-column1.col-1.woocommerce-Address {
width: auto !important;
}
.tb-deactived-popup {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(13px);
display: flex;
align-items: center;
justify-content: center;
}
.tb-deactived-popup .tb-alertpopup {
width: 636px;
background: #fff;
border-radius: 10px;
padding: 40px 30px;
text-align: center;
}
.tb-deactived-popup .tb-alertpopup h3 {
font-weight: 600;
font-size: 28px;
line-height: 38px;
margin: 0 0 10px;
}
.tb-deactived-popup .tb-alertpopup p {
margin: 0;
color: #1C1C1C;
font-size: 16px;
line-height: 26px;
}
.tb-deactived-popup .tb-alertpopup .tb-btnareafull {
list-style: none;
margin: 30px 0 0;
}
.tb-deactived-popup .tb-alertpopup .tb-btnareafull li {
width: 100%;
display: block;
list-style-type: none;
}
.tb-deactived-popup .tb-alertpopup .tb-btnareafull .tb-greenbtn {
display: block;
color: #FFFFFF;
cursor: pointer;
border-radius: 10px;
background: #22C55E;
font: 600 1.125rem/2.6666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-redbgbf {
width: 90px;
color: #FF6167;
font-size: 36px;
margin: 0 0 30px;
line-height: 90px;
display: inline-block;
border-radius: 50%;
background: rgba(255, 97, 103, 0.1);
}
.tb-redbgbf i {
display: block;
line-height: inherit;
}
.tb-refunddetailswrap {
overflow: hidden;
border-radius: 10px;
}
.tk-tiktok-icon img {
font-size: 18px;
max-width: 16px;
min-width: 16px;
margin: 0 16px 0 0;
display: inline-block;
}
.tb-tasktabs .tb-navtabs li {
width: calc(100% / 5);
}
.tb-tabtasktitle {
display: flex;
padding: 30px;
border-bottom: 1px solid #eee;
align-items: center;
background: #fff;
}
.tb-tabtasktitle h5 {
margin: 0;
font: 600 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tab-taskcontent .tb-tabtasktitle {
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tab-taskcontent .tb-tabtasktitle .form-control {
font-size: 14px;
height: 44px;
}
.tab-taskcontent .tb-tabtasktitle .form-control::placeholder {
color: #999;
}
.tab-taskcontent .tb-themeform {
min-width: 320px;
}
.tab-taskcontent .tb-themeform fieldset {
margin: 0;
}
.tab-taskcontent .tb-themeform fieldset .form-group {
padding: 0;
}
.tab-taskcontent .tb-themeform .tb-themeform__wrap {
width: 100%;
}
.tb-tasklist div.tb-tabfilteritem {
border-top: 1px solid #eee;
border-right: 0;
border-left: 0;
}
.tb-tasklist div.tb-tabfilteritem .tb-pagination {
margin-top: 0;
}
.tb-tasklist div.tb-tabfilteritem:last-child {
border-bottom: 0;
}
.tb-tasklist .tb-submitreview {
border: 0;
}
.tb-tasklist .tb-submitreview h4 {
width: auto;
max-width: 350px;
}
.bg-new {
background: transparent !important;
}
.tb-tag-ongoing.order-status-refunded, .bg-cancel {
background: #ff7062 !important;
}
.tb-tag-ongoing.order-status-completed, .bg-complete {
background: #63d594 !important;
}
.order-status-refunded > td {
background: #ff572208 !important;
}
.tb-tags .bg-new {
border: 1px solid #eee;
font: 400 0.75rem/1em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #999;
}
.tb-dhb-mainheading > a {
display: block;
margin: 0 1.25rem 0 0;
flex: none;
}
.tb-dhb-mainheading > a span {
font-size: 1.375rem;
color: #ccc;
}
.tb-dhbtabs {
overflow: hidden;
border-radius: 10px;
border: 1px solid #eee;
}
.tb-dhbtabs .tab-content {
padding: 1.875rem 1.8125rem;
background-color: #fff;
}
.tb-dhbtabs .tb-submitreview {
border: 0;
border-top: 1px solid #eee;
}
.tb-tasktabs .tab-content {
padding: 0;
}
.tb-navtabs {
border: 0;
}
.tb-navtabs li {
list-style: none;
width: calc(100% / 3);
}
.tb-navtabs li:first-child .nav-link {
border-left: 0;
border-radius: 10px 0 0 0;
}
.tb-navtabs li:last-child .nav-link {
border-radius: 0 10px 0 0;
}
.tb-navtabs .nav-link {
font: 700 0.875rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #999;
border-top: 0;
border-right: 0;
padding: 0.9375rem;
text-align: center;
border-radius: 0;
background-color: #fcfcfc;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
width: calc(100% / 5);
}
.tb-navtabs .nav-link:hover {
border-color: #eee;
}
.tb-navtabs .nav-link.active {
border-color: #eee;
border-bottom: 0;
color: #ff385c;
}
.tb-tabfilteritem {
padding: 1.875rem;
background: #fff;
}
.tb-tabfilteritem .tb-tabbitem__list {
align-items: flex-end;
}
.tb-tags {
padding-bottom: 0.5625rem;
width: auto;
}
.tb-tags span, .tb-tags a {
padding: 0 10px;
font: 400 0.75rem/2.1666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #fff;
background: #FF9E2B;
display: inline-block;
letter-spacing: 0.5px;
border-radius: 10px;
}
.tb-extras {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0 0;
}
.tb-tabitemextrasinfo {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.tb-tabitemextrasinfo figure {
max-width: 44px;
margin: 0 10px 0 0;
background: #fcfcfc;
border-radius: 10px;
}
.tb-tabitemextrasinfo figure img {
border-radius: 10px;
}
.tb-tabitemextrasinfo .tb-disablev2 {
pointer-events: none;
background-color: #fff;
opacity: 0.2;
}
.tb-tabitemextrasinfo .tb-disablev2 img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.tb-tabitemcrad figure img {
width: 1.625rem;
}
.tb-taskinfo span {
display: block;
margin: 0 0 0.375rem;
color: #ff385c;
font: 400 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-taskinfo h6, .tb-taskinfo .tk-verified-info > a, .tb-taskinfo .tk-verified-info strong, .tk-verified-info .tb-taskinfo strong {
margin: 0;
color: #ff385c;
line-height: 1;
}
.tb-taskinfo h6 a, .tb-taskinfo .tk-verified-info > a a, .tb-taskinfo .tk-verified-info strong a, .tk-verified-info .tb-taskinfo strong a {
display: inline-block;
margin-left: 3px;
}
.tb-taskinfo h6 a:hover, .tb-taskinfo .tk-verified-info > a a:hover, .tb-taskinfo .tk-verified-info strong a:hover, .tk-verified-info .tb-taskinfo strong a:hover {
color: #ff385c;
}
.tb-taskinfo h6 a i, .tb-taskinfo .tk-verified-info > a a i, .tb-taskinfo .tk-verified-info strong a i, .tk-verified-info .tb-taskinfo strong a i {
font-size: 0.75rem;
color: #999;
}
.tb-orderrequest {
align-items: center;
background: #0074d5;
padding: 1.5rem 1.875rem;
justify-content: space-between;
margin-bottom: 1.875rem;
}
.tb-orderrequest .tb-ordertitle h5 {
color: #0a0f26;
margin-bottom: 5px;
}
.tb-orderrequest .tb-ordertitle p {
color: #0a0f26;
}
.tb-ordertitle p {
margin: 0;
}
.tb-btnlink {
color: #fff;
font: 600 0.9375rem/1em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-btnlink:hover {
color: #fff;
}
.btn-green {
min-width: 150px;
background: #00cc8d !important;
}
.tb-orderbtn {
align-items: center;
}
.tb-orderbtn a + a {
margin: 0 0 0 1.875rem;
}
.tb-additonoltitle {
padding: 20px;
background-color: white;
border: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10px 10px 0 0;
}
.tb-additonoltitle[aria-expanded] {
cursor: pointer;
}
.tb-additonoltitle > i {
color: #999;
display: inline-block;
font-size: 20px;
}
.tb-additonoltitle h5 {
margin: 0;
}
.tb-additonoltitle h5 span {
display: inline-block;
color: #999;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-additonoltitle .tb-startingprice {
padding: 0;
align-items: flex-start;
}
.tb-additionolinfo {
border-radius: 0 0 10px 10px;
background-color: white;
border: 1px solid #eee;
border-top: 0;
padding: 20px;
}
.tb-additionolinfo div.tb-addcomment + div.tb-addcomment {
border-top: 1px solid #eee;
}
.tb-additionolinfo .tb-addcommenthalf {
margin-left: 2.875rem;
}
.tb-additionolinfo .tb-planslist + ul {
padding-top: 19px;
}
.tb-additionolinfo .tb-planslist:last-child {
border: 0;
}
.tb-additionolinfo .tb-planslist:last-child li {
padding: 0;
}
.tb-additionolinfo .tb-profilestatuses {
margin: 0;
}
.tb-additionolinfo .tb-additionalinput {
padding: 30px 30px 25px;
}
.tb-additionollist {
align-items: center;
padding: 0;
margin: 0;
justify-content: space-between;
}
.tb-additionollist li {
position: relative;
list-style-type: none;
margin: 0 0 0 13px;
display: flex;
flex-direction: column;
}
.tb-additionollist li + li {
margin-top: 10px;
}
.tb-additionollist li h6, .tb-additionollist li .tk-verified-info > a, .tb-additionollist li .tk-verified-info strong, .tk-verified-info .tb-additionollist li strong {
color: #383949;
position: relative;
line-height: 1.4285714286em;
}
.tb-additionollist li h6 > span, .tb-additionollist li .tk-verified-info > a > span, .tb-additionollist li .tk-verified-info strong > span, .tk-verified-info .tb-additionollist li strong > span {
margin: 0 0 0 5px;
color: #999;
}
.tb-additionollist li h6:after {
position: absolute;
content: "";
width: 3px;
height: 3px;
left: -13px;
top: 9px;
border-radius: 50%;
background: #999999;
}
.tb-additionollist li p {
margin: 0;
color: #999;
font: 400 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-additionollist li span {
display: inline-block;
font: 400 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-additionollist li span p {
margin: 0;
}
.tb-addservices_details .tb-additionollist {
padding: 0;
margin: -10px -20px;
}
.tb-addservices_details .tb-additionollist li {
margin: 0;
width: 50%;
padding: 10px 20px;
}
.tb-addservices_details .tb-additionollist li h6, .tb-addservices_details .tb-additionollist li .tk-verified-info > a, .tb-addservices_details .tb-additionollist li .tk-verified-info strong, .tk-verified-info .tb-addservices_details .tb-additionollist li strong {
padding-left: 15px;
}
.tb-addservices_details .tb-additionollist li h6:after {
left: 0;
}
.tb-addservices_details .tb-additionollist li > span, .tb-addservices_details .tb-additionollist li > p {
padding-left: 15px;
}
.tb-requestarea .tb-additonolservices {
border-radius: 10px;
border: 1px solid #eeeeee;
margin-top: 30px;
}
.tb-requestarea .tb-additonolservices .tb-additionolinfo {
border: 0;
}
.tb-requestarea .tb-additonolservices [aria-expanded="false"] > i {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.tb-requestarea .tb-additonolservices:last-child {
margin-bottom: 0;
}
.tb-requestarea .tb-additonolservices:last-child .tb-additionolinfo {
border-bottom: 0;
}
.tb-requestarea .tb-profile-steps {
border-radius: 10px 10px 0 0;
padding: 20px;
border: 1px solid #eee;
background-color: #fff;
}
.tb-planslist {
padding: 0;
margin: 0;
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-planslist li {
list-style-type: none;
display: block;
align-items: center;
justify-content: space-between;
line-height: inherit;
padding: 0 0 10px;
}
.tb-planslist li h6, .tb-planslist li .tk-verified-info > a, .tb-planslist li .tk-verified-info strong, .tk-verified-info .tb-planslist li strong {
width: 100%;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
font: 600 1rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-planslist li h6 span, .tb-planslist li .tk-verified-info > a span, .tb-planslist li .tk-verified-info strong span, .tk-verified-info .tb-planslist li strong span {
padding-left: 10px;
display: inline-block;
color: #ff385c;
}
.tb-planslist li h6 span em, .tb-planslist li .tk-verified-info > a span em, .tb-planslist li .tk-verified-info strong span em, .tk-verified-info .tb-planslist li strong span em {
font-style: normal;
padding-left: 20px;
font-size: 0.75rem;
vertical-align: middle;
display: inline-block;
margin: 0 0 0 3px;
}
.tb-planslist li:last-child {
padding: 0 0 18px;
}
.tb-taskdeadline {
background: #295FCC;
}
.tb-taskdeadline .tb-actionselect {
background: #fff;
width: 100%;
border: 0;
height: 50px;
padding: 10px 5px 10px 0;
}
.tb-taskdeadline .tb-actionselect .tb-select .form-control {
font-size: 0.9375rem;
border: 0;
}
.tb-taskdeadline .select2-selection {
margin-top: 1px;
}
.tb-taskdeadline .select2-selection:before {
content: "Status: ";
font: 400 0.9375rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #999;
position: absolute;
left: 13px;
top: 50%;
transform: translateY(-50%);
}
.tb-taskdeadline .tb-additonoltitleholder {
background: #fff;
}
.tb-taskdeadline .tb-additonoltitleholder .tb-additonoltitle {
background: #fff;
}
.tb-taskcountdown {
padding: 20px;
}
.tb-taskcountdown h6, .tb-taskcountdown .tk-verified-info > a, .tb-taskcountdown .tk-verified-info strong, .tk-verified-info .tb-taskcountdown strong {
font: 600 1.125rem/1.5555555556em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #fff;
margin: 0;
}
.tb-taskcountdown .tb-countdownno {
padding: 0;
margin: 7px 0 0 0;
}
.tb-countdownno li {
position: relative;
list-style-type: none;
color: #fff;
margin-right: 27px;
font: 400 1rem/1.125em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-countdownno li span {
margin: 0 0 0 5px;
display: inline-block;
font: 700 1.375rem/1.0454545455em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-countdownno li::after {
content: "/";
position: absolute;
right: -20px;
top: 2px;
color: #638ffa;
font-size: 1.375rem;
}
.tb-countdownno li:last-child::after {
display: none;
}
.tb-countdownno li:last-child {
color: #fddb5b;
margin: 0;
}
.tb-deadlinebtn .tb-btnvtwo, .tb-deadlinebtn .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm .jconfirm-box .jconfirm-buttons .tb-deadlinebtn button.btn-default {
min-width: 40px;
height: 40px;
line-height: 40px;
padding: 0 13px;
}
.tb-deadlinebtn .tb-btnvtwo i, .tb-deadlinebtn .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default i, .jconfirm .jconfirm-box .jconfirm-buttons .tb-deadlinebtn button.btn-default i {
margin: 0;
}
.tb-raisedispute {
padding: 3px 0;
box-shadow: inset 0 1px #487dff;
-webkit-box-shadow: inset 0 1px #487dff;
}
.tb-raisedispute a {
font-size: 0.8125rem;
font-weight: 700;
}
.tb-modaldialog {
max-width: 600px;
}
.tb-modaldialog .tk-savebtn > a {
margin-left: 0;
}
.tb-modal-header {
padding: 25px 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
align-items: center;
border-bottom: 1px solid #eee;
}
.tb-modal-header h5 {
margin: 0;
font-weight: 400;
}
.tb-modal-header span {
color: #dddddd;
display: inline-block;
font-size: 1.25rem;
}
.tb-radiolist li {
list-style: none;
background: none;
border-top: none;
padding: 0;
}
.tb-radiolist li ~ li {
padding-top: 7px;
}
.tb-additonoltitleholder {
background: #FFFFFF;
}
.tb-additonoltitleholder > [aria-expanded] {
cursor: pointer;
}
.tb-additonoltitleholder .tb-additonoltitle {
padding: 0;
border: 0;
background: #FFFFFF;
border-radius: 0;
}
.tb-blogdatetitle {
background: #fcfcfc;
padding: 13px 20px;
border-radius: 10px;
display: flex;
align-items: center;
}
.tb-blogdatetitle h5 {
align-items: center;
font-weight: 700;
margin: 0;
color: #383949;
}
.tb-additionolinfo .tb-addcomment:first-child {
padding-top: 0;
}
.tb-additionolinfo .tb-addcomment:last-child {
padding-bottom: 0;
}
.tb-taskcompleted {
background: #63d594;
border-radius: 0 0 10px 10px;
padding: 23px 30px;
}
.tb-taskcompleted h5 {
font-weight: 400;
color: #fff;
margin: 0 0 3px;
}
.tb-taskcompleted h3 {
font: 700 1.375rem/1.2727272727em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #fff;
margin: 0;
}
.tb-taskcompleted h3 span {
display: inline-block;
}
.tb-extrascompleted {
margin: 14px 152px 0 0;
flex-wrap: wrap;
}
.tb-extrascompleted .tb-tabitemextras {
min-width: 115px;
}
.tb-radiolist-column {
flex-direction: column;
align-items: flex-start;
}
.tb-radiolist-column label {
line-height: 1.7692307692em;
}
.tb-radiolist-column .tb-radio label:before {
top: 2px;
}
.tb-radiolist-column .tb-radio label:after {
top: 1px;
}
.tb-disputelist {
padding-top: 9px;
margin-bottom: -8px;
}
.tb-disputelist .tb-radiolist {
flex-wrap: wrap;
margin: 0;
}
.tb-disputelist .tb-radiolist li {
width: 100%;
justify-content: flex-start;
}
.tb-disputelist .tb-radiolist label {
color: #676767;
}
.tb-disputelist .tb-radio input[type="radio"] + label::before {
width: 20px;
height: 20px;
}
.tb-disputelist .tb-radio input[type="radio"] + label::after {
width: 10px;
height: 10px;
top: 7.5px;
left: 5px;
}
.tb-disputelist + .tb-popupbodytitle {
margin-top: 24px;
}
.tb-blogcommentsholder ~ .tb-blogcommentsholder {
margin-top: 30px;
}
.tb-blogcommentsholdervone div.tb-addcommenthalfvtwo {
margin: 0 0 0 60px;
}
.tb-blogcommentsholdervthree ~ .tb-blogcommentsholder, .tb-blogcommentsholdervfour ~ .tb-blogcommentsholder {
padding: 10px 0 0;
}
.tb-comentinfodetail a {
display: block;
}
.tb-comentinfodetail a h5 {
color: #123652;
margin: 0;
line-height: 1.5em;
}
.tb-comentinfodetail a h5 span {
color: #3377FF;
display: inline-block;
font-size: 1rem;
}
.tb-comentinfodetail > span {
display: inline-block;
color: #999;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.btn-replytwo {
color: #999;
padding: 9px 26.1px;
border-radius: 17px;
-webkit-border-radius: 17px;
border: 1px solid #eee;
font: 600 0.875rem/1em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
background: #fff;
}
.form-controltwo {
width: 671px;
height: 161px !important;
border: 1px solid #eee;
}
.form-controltwo::placeholder {
color: #999999;
}
.tb-taskuploadtitle h6, .tb-taskuploadtitle .tk-verified-info > a, .tb-taskuploadtitle .tk-verified-info strong, .tk-verified-info .tb-taskuploadtitle strong {
margin: 14px 0 3px;
font-size: 0.9375rem;
line-height: 1.5333333333em;
font-weight: 700;
}
.tb-taskuploadtitle ~ .tb-uploadarea {
width: 100%;
}
.tb-profileform fieldset {
margin: 0;
}
.tb-profileform .tb-titleinput {
flex: 0 0 194px;
align-self: flex-start;
padding-top: 16px;
}
.tb-profileform__title {
align-items: center;
background-color: #fcfcfc;
border-radius: 10px;
padding: 20px;
width: 100%;
}
.tb-profileform__title h5 {
display: flex;
margin-bottom: 0;
font-weight: 700;
}
.tb-profileform__title--rightarea {
margin-left: auto;
}
.tb-profileform__title--rightarea > a {
font-weight: 600;
color: #ff385c;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-profileform__title .tb-onoff {
margin-left: auto;
}
.tb-profileform .tb-deactivatb-light {
background: #fff0ef;
}
.tb-profileform__content {
display: flex;
}
.tb-profileform__content textarea.form-control {
width: 100%;
}
.tb-profileform__content > .tb-themeform__wrap {
margin: -5px;
width: 100%;
}
.tb-profileform__content .form-group {
margin-bottom: 0;
}
.tb-profileform__content ~ .tb-profileform__content {
padding-top: 10px;
}
.tb-profileform__content:last-child .tb-selectlisting .tb-selected {
padding-bottom: 0;
}
.tb-profileform__content .tb-dhbbtnarea {
padding-top: 10px;
}
.tb-profileform__content + .tb-taskuploadtitle {
padding-top: 2px;
}
.tb-profileform__detail {
padding: 20px 20px 0;
}
.tb-profileform__checkbox {
padding: 17px 20px;
background-color: #fcfcfc;
border-radius: 10px;
width: 100%;
}
.tb-profileform__checkbox label {
padding: 0 0 0 27px;
}
.tb-profileform__checkbox span {
font: 400 0.8125rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-profileform__checkbox > div ~ div {
padding-left: 45px;
}
.tb-profileform__holder ~ .tb-profileform__holder {
padding-top: 30px;
}
.tb-deactivate-wrapper .tb-titleinput {
margin: 0;
padding: 14px 0;
align-self: flex-start;
font: 700 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-dhbbtnarea {
align-items: center;
justify-content: flex-end;
margin-left: auto;
gap: 20px;
}
.tb-dhbbtnarea em {
font-style: normal;
font-size: 0.875rem;
line-height: 1.4285714286em;
color: #ff385c;
text-align: right;
flex: initial;
}
.tb-uploading {
position: relative;
}
.tb-uploading .tb-remove {
display: none;
}
.tb-uploading:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 80%;
height: 100%;
background: url(./../images/img-01.jpg);
border-radius: 10px;
-webkit-animation: tb-stripe 2s linear infinite;
animation: tb-stripe 2s linear infinite;
}
.tb-bars {
display: block;
margin: 0;
padding: 0;
}
.tb-uploadingvtwo::before {
width: 40%;
}
.tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
background: #fddb5b;
}
.tb-profilestatuses {
display: flex;
margin: 23px 0 0;
flex-direction: column;
}
.tb-profilestatuses li {
width: 100%;
padding: 12px 18px;
border: 1px solid #eee;
list-style-type: none;
font: 400 0.875rem/1.3571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-profilestatuses li span {
display: inline-block;
font-size: 0.75rem;
margin: 0 10px 0 0;
}
.tb-profilestatuses li span.fa-spinner {
-webkit-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
color: #ddd;
}
.tb-profilestatuses li span.fa-check {
color: #63d594;
}
.tb-profilestatuses li + li {
margin: 10px 0 0;
}
.tb-profilestatuses ~ em {
margin-top: 13px;
display: block;
color: #999;
line-height: 1.4166666667em;
}
.tb-profilestatuses__pending {
color: #999;
}
.tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
height: 40px;
}
.tb-uploadbar li {
position: relative;
background-color: #FFFFFF;
padding: 2px 20px;
border-radius: 10px;
display: flex;
margin: 10px 0 0;
align-items: center;
}
.tb-uploadbar li span {
z-index: 1;
color: #676767;
overflow: hidden;
font-size: 0.9375rem;
white-space: nowrap;
padding-right: 15px;
text-overflow: ellipsis;
}
.tb-uploadbar li ~ li {
margin-top: 10px;
}
.tb-preview {
margin-left: auto;
font: 700 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
}
.tb-preview + .tb-remove {
margin-left: 0;
}
.tb-uploadarea {
width: 100%;
padding: 19px;
border-radius: 10px;
}
.tb-uploadarea > em, .tb-uploadarea .tb-uploadbox > em {
display: block;
margin-bottom: 0;
font-size: 0.8125rem;
line-height: 1.3846153846em;
color: #999;
}
.tb-uploadarea > em label, .tb-uploadarea .tb-uploadbox > em label {
color: #ff385c;
display: inline-block;
margin: 0;
cursor: copy;
font-weight: 400;
}
.tb-uploadarea > em label input, .tb-uploadarea .tb-uploadbox > em label input {
display: none;
}
.tb-uploadarea .tb-uploadbox > em {
color: #353648;
padding-top: 15px;
}
.tb-uploadbar .tb-btnplain {
color: #ff7062;
}
.tb-remove {
font-size: 0.8125rem;
color: #ff7062;
margin-left: auto;
font-style: normal;
position: relative;
z-index: 1;
}
.tb-remove a {
color: #ff7062;
}
.tb-remove a:hover, .tb-remove a:focus {
color: #ff7062;
}
.tb-uploadbox[style="display: none;"] + .tb-uploadbar li:first-child {
margin-top: 0;
}
.tb-taskbtn .tb-btn, .tb-taskbtn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-taskbtn button, .tb-taskbtn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-taskbtn button {
margin-top: 20px;
}
.tb-earninginvoices {
display: flex;
margin: 0 -5px 30px -5px;
}
.tb-earningcostvtwo {
padding: 0 5px;
width: 100%;
}
.tb-earningcostvtwo .tb-earningcost__item {
width: 100%;
display: flex;
min-height: 100%;
padding: 30px 20px;
background: #ffffff;
align-items: center;
border-radius: 10px;
justify-content: flex-start;
border: 1px solid #eee;
}
.tb-earningcost {
display: flex;
padding: 35px 0;
background: #fcfcfc;
width: 100%;
}
.tb-earningcost__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #fcfcfc;
width: 33.33%;
text-align: center;
}
.tb-earningcost__item i {
display: block;
color: #9e9e9e;
font-size: 1.5rem;
width: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
margin: 0 0 10px;
}
.tb-earningcost__item i.icon-pie-chart {
color: #7357FB;
background: rgba(115, 87, 251, 0.1);
}
.tb-earningcost__item i.icon-briefcase {
color: #18B99B;
background: rgba(24, 185, 155, 0.1);
}
.tb-earningcost__item i.icon-server {
color: #FF6167;
background: rgba(255, 97, 103, 0.1);
}
.tb-earningcost__item i.icon-shopping-cart {
color: #D9A113;
background: rgba(217, 161, 19, 0.1);
}
.tb-earningcost__item h4 {
margin: 0;
display: block;
font: 600 1rem / 1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #9e9e9e;
}
.tb-earningcost__item span {
color: #ff385c;
font: 700 1.5rem / 1.4166666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
padding-top: 1px;
}
.tb-earningcost__item span sup {
font-size: 57%;
top: -6px;
}
.tb-earningcost__item a {
margin: 0 0 0;
color: #9e9e9e;
font: 600 1rem / 1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-earningcost__item a:hover {
color: #3377FF;
}
.tb-earningcost__item ~ .tb-earningcost__item {
border-left: 1px solid #eee;
}
.tb-tabfilter {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 30px;
background: #ffffff;
border: 1px solid #eee;
}
.tb-tabfilter .tb-tabfiltertitle h5 {
margin: 0;
}
.tb-payoutmode {
display: flex;
align-items: flex-start;
margin: 0 0 0 15px;
}
.tb-payoutmode span {
display: inline-block;
margin: 0 0 0 10px;
font: 400 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #999;
}
.tb-paymetdesc {
padding-top: 13px;
padding-bottom: 13px;
}
.tb-paymetdesc p {
color: #999;
margin: 0;
}
.tb-paymetdesc p em {
font-style: normal;
display: block;
font-size: 0.875rem;
}
.tb-paymetdesc p em > span {
display: block;
}
.tb-paymetdesc p em > span > span {
display: inline-block;
color: #ddd;
font-style: normal;
padding: 0 2px;
}
.tb-paymetdesc a {
display: inline-block;
}
.tb-norecordsv2 {
padding: 122px 0 118px;
background-color: #fff;
border-radius: 0 0 10px 10px;
}
.tb-norecordsv2 .tb-sectiontitle {
padding-top: 38px;
}
.tb-norecordsv2 .tb-sectiontitle h2 {
font-size: 1.375rem;
line-height: 1.3636363636em;
width: 80%;
}
.tb-steppaypal {
transform: translateX(100%);
display: none;
}
.tb-steppaypal fieldset {
margin: 0;
}
.tb-steppaypal fieldset .form-group {
margin: 0;
width: 100%;
}
.tb-steppaypal fieldset .form-group ~ .form-group {
margin-top: 10px;
}
.tb-paybtn {
width: 100%;
display: flex;
align-items: center;
margin-top: 13px;
}
.tb-uploadbar img {
display: block;
margin: 15px 0;
}
.tb-btnplain {
width: 100%;
color: #999;
font-size: 0.875rem;
display: inline-block;
background: transparent;
}
.tb-btnplain:hover {
color: inherit;
background: transparent;
}
.tb-btnplain:hover:before {
content: none;
}
.tb-remove-payouts {
color: #999;
margin-left: auto;
font: 600 15px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-remove-payouts:hover {
color: #0a0f26;
}
.tb-payouthistory .tb-tabfilteritem {
border: 1px solid #eee;
border-top: 0;
border-radius: 0 0 10px 10px;
}
.tb-payouthistory .tb-submitreview h4 {
width: auto;
max-width: 350px;
}
.tb-payouthistory .tb-table {
border: 1px solid #eee;
}
.tb-payouthistory .tb-table .tb-checkbox input[type=checkbox] + label:before {
left: -2px;
}
.tk-payouthistoryvtwo .tb-table {
border: 0;
box-shadow: none;
}
.tk-payouthistoryvtwo .tb-table > tbody > tr td {
border-color: #dddddd;
}
.tk-payouthistoryvtwo .tk-emptyheading {
margin: 0;
}
.tb-table + .tb-submitreview {
border-top: 0;
}
.tb-paypaltitle, .tb-stripetilte, .tb-banktitle {
display: none;
}
.tb-radioholder {
position: relative;
width: 100%;
}
.tb-radioholder .tb-radio {
width: 100%;
}
.tb-radioholder > a {
font-size: 1.25rem;
color: #676767;
position: absolute;
right: 0;
width: 44px;
height: 100%;
align-items: center;
justify-content: center;
z-index: -1;
}
.tb-additionolinfoholder {
overflow: hidden;
}
.tb-payoutmethodholder {
padding: 29px;
}
.tb-payoutmethodholder .tb-radiobox {
display: flex;
}
.tb-slide .tb-radioholder, .tb-slide > .tb-paymetdesc {
transform: translateX(120%);
display: none;
}
.tb-slide .tb-payoutmethod .tb-radiobox + .tb-radiobox {
margin-top: 0;
}
.tb-slidecontent {
transform: translateX(0);
display: block;
}
.tb-slidecontent .wo-inputicon i {
color: #ccc;
}
.wo-inputicon {
margin-bottom: 0;
}
.wo-inputicon i + input {
padding-right: 50px;
}
.tb-payoutmethodwrap {
padding: 24px 29px;
}
.tb-payoutmethodwrap h5 {
margin-bottom: 0;
display: none;
}
.tb-payoutmethodwrap .tb-banktitle {
display: block;
}
.tb-graph {
border-radius: 10px;
background-color: #fff;
height: 100%;
}
.tb-graph > div {
height: 100%;
}
.tb-tooltiptable {
width: 150px;
padding: 15px;
height: 100%;
border-radius: 10px;
margin: 0;
}
.tb-tooltiptable thead .tb-toolsummery {
border: 0;
font: 400 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
text-align: left;
color: #ff385c;
padding: 15px 15px 3px;
}
.tb-tooltiptable tbody {
padding: 0 0 15px;
display: block;
}
.tb-tooltiptable tbody .tb-toolsummeryinfo {
border: 0;
}
.tb-tooltiptable tbody .tb-toolsummeryinfo td {
padding: 0 15px;
border: 0;
text-align: left;
color: #353648;
font: 400 0.8125rem/1.6923076923em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-tooltiptable tbody .tb-toolsummeryinfo td + td {
padding-top: 15px;
}
.tk-asideholdertwo {
overflow: hidden;
border-radius: 10px;
border: 1px solid #eee;
}
.tk-asideholdertwo .tb-asidebox .tb-payoutmethodholder {
padding: 0;
}
.tb-pdfdownload {
display: flex;
align-items: center;
justify-content: flex-end;
}
.tb-pdfdownload a {
color: #353648;
display: block;
font-size: 0.8125rem;
}
.tb-pdfdownload a i {
font-size: 1rem;
color: #ff7062;
display: inline-block;
margin: 0 3px 0 0;
}
.tb-asideprostatusv2 {
display: flex;
margin: 0 0 12px;
align-items: center;
}
.tb-asideprostatusv2 > a {
flex: none;
width: 100%;
padding: 5px;
max-width: 120px;
margin: 0 20px 0 0;
border-radius: 10px;
}
.tb-asideprostatusv2 > a figure {
border: 0;
padding: 0;
border-radius: 10px;
margin: 0;
width: 108px;
height: 108px;
background-color: #353648;
align-items: center;
justify-content: center;
position: relative;
}
.tb-asideprostatusv2 > a figure:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
color: #fff;
font-size: 20px;
opacity: 0;
z-index: 1;
}
.tb-asideprostatusv2 > a:hover figure:before {
opacity: 1;
}
.tb-asideprostatusv2 > a:hover figure img {
opacity: 0.3;
}
.tb-asideprostatusv2 figure {
flex: none;
margin: 0 20px 12px 0;
padding: 5px;
border-radius: 10px;
}
.tb-asideprostatusv2 figure img {
width: 100%;
border-radius: 10px;
}
.tb-status-btn {
max-width: 130px;
}
.tb-status-btn > a {
border-radius: 17px;
height: 34px;
}
.tb-status-btn > a i {
font-size: 12px;
}
.tb-status-btn > a > span:first-child {
top: 6px;
}
.tb-status-btn > a > span:first-child + em {
color: #999;
}
.tb-status-btn .collapseUser a {
padding: 8px 8px 8px 33px;
}
.tb-temp {
padding-top: 5px;
}
.tb-dhbrateviews {
margin: -5px -9.5px;
}
.tb-dhbrateviews li {
padding: 5px 9.5px;
}
.tb-dhbrateviews em {
font-size: 0.875rem;
color: #353648;
padding-left: 8px;
}
.tb-profileinfo .tb-icondetails h6, .tb-profileinfo .tb-icondetails .tk-verified-info > a, .tb-profileinfo .tb-icondetails .tk-verified-info strong, .tk-verified-info .tb-profileinfo .tb-icondetails strong {
font-size: 1.25rem;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-bottom: 5px;
}
.tb-profileinfo .tb-icondetails h6 a, .tb-profileinfo .tb-icondetails .tk-verified-info > a a, .tb-profileinfo .tb-icondetails .tk-verified-info strong a, .tk-verified-info .tb-profileinfo .tb-icondetails strong a {
color: #ff385c;
}
.tb-profileinfo .tb-icondetails .tb-eyeviews em {
font-size: 0.8125rem;
}
.tb-profiletime {
width: 60%;
}
.tb-profiletime span {
margin: 0 0 5px;
display: block;
font-size: 14px;
line-height: 1;
color: #ff385c;
}
.tb-shareprofile span {
display: inline-block;
margin: 0 0 0 8px;
font-size: 0.8125rem;
}
.tb-dhb-box {
padding: 30px;
background-color: #fff;
}
.tb-formcheckbox label {
color: #333333;
font-weight: 400;
}
.tb-detail {
width: 100%;
padding: 0;
margin: 0;
}
.tb-detail li {
align-items: center;
padding: 20px 30px 20px 20px;
}
.tb-detail li ~ li {
border-top: 1px solid #eee;
}
.tb-detail__content {
display: flex;
align-items: center;
width: 100%;
}
.tb-detail__img figure {
margin-bottom: 0;
}
.tb-detail__img img {
border-radius: 10px;
margin-right: 10px;
}
.tb-detail__img ~ .tb-detail__title {
padding-top: 0;
padding-bottom: 0;
}
.tb-detail__title {
padding: 5px 0 5px 10px;
}
.tb-detail__title > span, .tb-detail__title > em {
font-style: normal;
font: normal 400 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ff385c;
display: block;
}
.tb-detail__title > span a {
color: #353648;
}
.tb-detail__title h6, .tb-detail__title .tk-verified-info > a, .tb-detail__title .tk-verified-info strong, .tk-verified-info .tb-detail__title strong {
margin-bottom: 0;
font-size: 0.9375rem;
line-height: 1.2em;
}
.tb-detail__title h6 a, .tb-detail__title .tk-verified-info > a a, .tb-detail__title .tk-verified-info strong a, .tk-verified-info .tb-detail__title strong a {
color: #ff385c;
}
.tb-detail__icon {
flex: none;
padding-left: 20px;
align-items: center;
margin-left: auto;
}
.tb-detail__icon a {
font-size: 1rem;
}
.tb-detail__icon a ~ a {
margin-left: 23px;
}
.tb-detail__description {
width: 100%;
padding: 1px 0 4px 10px;
}
.tb-detail__description p {
margin-bottom: 0;
}
.tb-table > tbody > tr td > span > a > i {
color: #999999;
font-size: 0.75rem;
margin: 0 0px 0 6px;
}
.tb-additonolservices .tb-startingprice span {
font-size: 1.375rem;
line-height: 1.4090909091em;
}
.tb-additonolservices .tb-uploadarea {
border-color: #eee;
}
ul {
margin-bottom: 0;
}
.tb-icondetails h5 {
margin-bottom: 0;
}
.tb-blogcommentsholdervone + [data-readmore-toggle] {
margin-top: 17px;
}
.tb-taskuploadtitle + .tb-profileform__content {
padding-top: 2px;
}
.tb-lightborder {
border: 1px solid #eee !important;
}
.tb-combine-group .form-control {
border-radius: 10px 0 0 10px;
}
.tb-combine-group .form-control + .form-control, .tb-combine-group .form-control + .tb-calendar .form-control {
border-radius: 0 10px 10px 0;
border-left: 0;
}
.tb-combine-group .tb-calendar + .tb-calendar .form-control {
border-left: 0;
border-radius: 0 10px 10px 0;
}
.tb-combine-group .tb-select .select2-container--default .select2-selection--single {
border-radius: 10px 0 0 10px;
}
.tb-combine-group .tb-select + .tb-select .select2-container--default .select2-selection--single {
border-radius: 0 10px 10px 0;
border-left: 0;
}
.form-group_vertical {
flex-wrap: wrap;
padding: 10px;
}
.form-group_vertical .tb-additionalservice__title h5 {
padding: 10px 0;
}
.tb-tasktabs .tb-icondetails a h5 {
font-size: 1.125rem;
line-height: 1.4444444444em;
}
.tb-extrasarticlesbg span {
color: #999999;
font-size: 14px;
width: 35%;
}
.tb-extrasarticlesbg .tb-articlebtns {
flex-wrap: nowrap;
}
.tb-tabasidebar + .tb-switchaccount {
height: auto;
}
.tb-requestarea .tb-icondetails h6 a, .tb-requestarea .tb-icondetails .tk-verified-info > a a, .tb-requestarea .tb-icondetails .tk-verified-info strong a, .tk-verified-info .tb-requestarea .tb-icondetails strong a {
font-size: 1.375rem;
line-height: 1.4545454545em;
}
.tb-payoutmethodpopup .payoutlists:after {
left: 20px !important;
}
.tb-buyercontainer {
overflow: hidden;
border-radius: 10px;
border: 1px solid #eee;
}
.tb-buyercontainer .tb-tabfilteritem {
border: 1px solid #eee;
border-top: 0;
}
.tb-dhbheading__rightarea .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px;
}
.tb-taskcountdown .tb-actionselect > span {
color: #999999;
padding: 0 0 0 13px;
position: absolute;
z-index: 1;
}
.tb-taskcountdown .tb-select span {
border: 0;
}
.tb-taskcountdown .tb-select .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0 0 0 65px;
color: #333333;
font-weight: 600;
}
.tb-formlogin .tb-radioholder .tb-radio {
width: 100%;
}
.tb-educationdetail li {
padding: 30px;
}
.tb-educationdetail li:nth-child(odd) {
background-color: transparent;
}
.tb-educationdetail li ~ li {
border-top: 1px solid #eee;
}
.tb-educationdetail .tb-detail__title {
padding: 0;
}
.tb-educationdetail .tb-detail__title > span, .tb-educationdetail .tb-detail__title em {
font-size: 0.875rem;
line-height: 1.7142857143em;
}
.tb-educationdetail .tb-detail__title h6, .tb-educationdetail .tb-detail__title .tk-verified-info > a, .tb-educationdetail .tb-detail__title .tk-verified-info strong, .tk-verified-info .tb-educationdetail .tb-detail__title strong {
font-size: 1rem;
line-height: 1.5em;
}
.tb-dhbbtnareav2 {
position: relative;
margin-top: 30px;
padding-top: 30px;
}
.tb-dhbbtnareav2:before {
content: "";
position: absolute;
border-top: 1px solid #eee;
left: -30px;
top: 0;
width: calc(100% + 60px);
}
.tb-userfeedback {
align-items: center;
padding: 4px 0 6px;
}
.tb-userfeedback img {
border-radius: 50%;
margin-right: 10px;
max-width: 32px;
}
.tb-userfeedback__title > h6, .tk-verified-info.tb-userfeedback > a, .tk-verified-info .tb-userfeedback__title > strong {
margin: 6px 0 0;
line-height: 1.1;
}
.tb-userfeedback__title .tb-featureRating__stars span {
width: 100%;
}
.tb-excfreelancerpopup .tb-modaldialog {
max-width: 790px;
}
.tb-excfreelancerpopup__content {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.tb-excfreelancerpopup__content > h2 {
font-size: 1.375rem;
line-height: 1.3636363636em;
margin: 0;
}
.tb-excfreelancerpopup__content .tb-featureRatingv2 {
justify-content: center;
}
.tb-excfreelancerpopup__content .tb-featureRating__stars, .tb-excfreelancerpopup__content .tb-featureRating__stars span {
height: 26px;
line-height: 26px;
width: 151px;
}
.tb-excfreelancerpopup__content .tb-featureRating__stars::after, .tb-excfreelancerpopup__content .tb-featureRating__stars::before, .tb-excfreelancerpopup__content .tb-featureRating__stars span::after, .tb-excfreelancerpopup__content .tb-featureRating__stars span::before {
font-size: 26px;
line-height: 26px;
}
.tb-excfreelancerpopup__content .tb-featureRating {
padding-top: 10px;
}
.tb-excfreelancerpopup__content .tb-featureRating h6, .tb-excfreelancerpopup__content .tb-featureRating .tk-verified-info > a, .tb-excfreelancerpopup__content .tb-featureRating .tk-verified-info strong, .tk-verified-info .tb-excfreelancerpopup__content .tb-featureRating strong {
font-size: 36px;
line-height: 0.7;
}
.tb-excfreelancerpopup__content .tb-featureRating + h2 {
margin-top: 20px;
}
.tb-excfreelancerpopup__content > p {
font-size: 1rem;
line-height: 1.625em;
margin: 22px 0 0;
max-width: 650px;
}
.tb-excfreelancerpopup .modal-body {
padding: 30px;
}
.tb-ratinguserimg {
margin: 0;
background-image: url(../images/userbg.png);
background-size: cover;
width: 219px;
height: 219px;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
}
.tb-ratinguserimg img {
width: 160px;
height: 160px;
background: #fff;
object-fit: cover;
border-radius: 50%;
border: 5px solid #fff;
}
.tb-completetask .form-group {
margin: 0;
}
.tb-completetask .tb-formbtn {
padding-top: 15px;
}
.tb-completetask .tb-my-ratingholder {
padding: 0;
display: block;
text-align: left;
}
.tb-completetask .tb-rating-stars {
display: flex;
padding: 15px 20px;
background: #FFFFFF;
}
.tb-completetask .tb-titleinput {
align-self: flex-start;
padding: 15px 0;
}
.tb-formbtnlist {
list-style: none;
justify-content: space-between;
width: 100%;
padding: 0;
margin: 0;
}
.tb-aside-wallet {
border-top: 1px solid #eee;
background-color: #fcfcfc;
padding: 29px 29px 24px !important;
border-bottom: 1px solid #dedede;
}
.tb-aside-wallet li {
list-style-type: none;
}
#tb_taskcomplete_form .tb-themeform__wrap {
width: 100%;
}
#tb_update_education .tb-savebtn {
flex-wrap: nowrap;
}
.table > :not(:first-child) {
border-top: 0;
}
.tb-addtaskfile .tb-uploadarea {
width: 100%;
padding: 19px;
}
.tb-addtaskfile .tb-themeform fieldset {
margin: 0;
}
.tb-addtaskfile .tb-uploadbox {
background: transparent;
padding: 0;
text-align: left;
display: block;
margin: 0;
}
.tb-addtaskfile .tb-uploadbox > em {
padding: 0;
font-style: normal;
color: #999999;
}
.tb-addtaskfile .tb-uploadbar li {
margin: 0 0 10px;
}
.tb-orderrequestv2 {
background: rgba(255, 91, 0, 0.1);
border: 1px solid #ff5b0045;
}
.tb-orderrequestv2 .tb-ordertitle h5, .tb-orderrequestv2 .tb-ordertitle p {
color: #353648;
}
.btn-orange {
background-color: #ff5b00;
}
.tb-resvsionbtn-holder {
align-items: center;
flex: 1;
margin-left: -10px;
}
.tb-resvsionbtn-holder .tb-btn, .tb-resvsionbtn-holder .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-resvsionbtn-holder button, .tb-resvsionbtn-holder .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-resvsionbtn-holder button {
width: 100%;
}
.tb-resvsionbtn-holder .form-group-half {
padding-left: 10px;
padding-right: 10px;
}
.tb-resvsionbtn-holder .tb-radio {
width: 100%;
}
.tb-resvsionbtn-holder .tb-radio input:checked + label span {
border-color: #63d594;
background-color: #63d594;
color: #fff;
}
.tb-resvsionbtn-holder .tb-radio label {
padding: 0;
}
.tb-resvsionbtn-holder .tb-radio label:after {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
width: auto;
height: auto;
background: transparent;
color: #fff;
right: 30px;
top: 50%;
left: auto;
margin-top: -8px;
}
.tb-resvsionbtn-holder .tb-radio label:before {
display: none;
}
.tb-resvsionbtn-holder .tb-radio label span {
border-radius: 4px;
border: 1px solid #eeeeee;
padding: 14px 60px 14px 19px;
display: block;
color: #999999;
font-size: 1rem;
line-height: 1.25em;
}
.btn-light-green {
background: #63d594;
justify-content: space-between;
padding: 0 30px;
}
.btn-attech-file {
background-color: #fff;
color: #999999;
font: 700 1rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
border: 1px solid #eeeeee;
border-radius: 10px;
}
.tb-finaldelivery-alert {
background-color: rgba(99, 102, 241, 0.1);
}
.tb-finaldelivery-alert .tb-ordertitle h5, .tb-finaldelivery-alert .tb-ordertitle p, .tb-finaldelivery-alert .tb-btnlink {
color: #ff385c;
}
.tb-finaldelivery-alert .tb-btn, .tb-finaldelivery-alert .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-finaldelivery-alert button, .tb-finaldelivery-alert .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-finaldelivery-alert button {
background-color: #6366f1;
}
.tb-statustag span {
display: inline-flex;
align-items: center;
font: 700 12px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #fff;
border-radius: 13px 13px 13px 0;
height: 30px;
padding: 0 15px;
background-color: #6366f1;
}
.tb-statustag span i {
padding-right: 10px;
font-size: 16px;
}
div.tb-addcomment-child.tb-addcomment {
margin-left: 60px;
}
.tb-rejected {
background-color: #ef4444 !important;
}
.tb-approved {
background-color: #22c55e !important;
}
.tb-orderrequest:not(:last-child) {
margin-bottom: 10px;
}
.tb-radioholder {
position: relative;
border: 1px solid #eee;
background-color: #fcfcfc;
padding-left: 20px;
width: 100%;
}
.tb-radioholder .tb-radio {
width: 100%;
}
.tb-radioholder > a {
right: 0;
z-index: 1;
width: 44px;
height: 100%;
color: #676767;
position: absolute;
align-items: center;
justify-content: center;
}
.tk-payoutmethod, .tb-payoutmethod {
width: 100%;
padding: 0;
margin-bottom: 0;
gap: 20px;
display: flex;
flex-direction: column;
}
.tk-payoutmethod > li, .tb-payoutmethod > li {
list-style-type: none;
}
.tk-payoutmethod > li > input:checked + div, .tb-payoutmethod > li > input:checked + div {
border-color: #ddd;
background-color: #fff;
}
.tk-payoutmethod > li > input:checked + div label .tb-payoutmode span, .tb-payoutmethod > li > input:checked + div label .tb-payoutmode span {
color: #676767;
}
.tk-payoutmethod > li > input:checked + div label:before, .tk-payoutmethod > li > input:checked + div label:after, .tb-payoutmethod > li > input:checked + div label:before, .tb-payoutmethod > li > input:checked + div label:after {
visibility: visible;
opacity: 1;
}
.tk-payoutmethod > li > input:checked + div label:before, .tb-payoutmethod > li > input:checked + div label:before {
background-color: #ff385c;
border-color: #ff385c;
}
.tk-payoutmethod > li > input + div label:before, .tk-payoutmethod > li > input + div label:after, .tb-payoutmethod > li > input + div label:before, .tb-payoutmethod > li > input + div label:after {
content: "";
}
.tk-payoutmethod .tb-radiobox, .tb-payoutmethod .tb-radiobox {
padding: 0;
list-style-type: none;
}
.tk-payoutmethod .tb-radiobox input[type=radio], .tb-payoutmethod .tb-radiobox input[type=radio] {
display: none;
}
.tk-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists, .tb-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists {
border-color: #ddd;
background-color: #fff;
}
.tk-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists .tb-payoutmode span, .tb-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists .tb-payoutmode span {
color: #676767;
}
.tk-payoutmethod .tb-radiobox + .tb-radiobox, .tb-payoutmethod .tb-radiobox + .tb-radiobox {
margin-top: 10px;
}
.tk-payoutmethod .payoutlists, .tb-payoutmethod .payoutlists {
display: flex;
align-items: flex-start;
padding: 18px 0;
cursor: pointer;
}
.tk-payoutmethod .payoutlists:before, .tb-payoutmethod .payoutlists:before {
content: "";
height: 20px;
width: 20px;
margin-top: 3px;
background: #fff;
position: static;
border-radius: 50%;
border: 2px solid #eee;
}
.tk-payoutmethod > form + form, .tb-payoutmethod > form + form {
margin-top: 10px;
}
.tb-radio-checked .payoutlists {
border-color: #ddd;
background-color: #fff;
}
.tb-radio-checked .payoutlists .tb-payoutmode span {
color: #676767;
}
.tb-radio-checked .tb-radio label:before, .tb-radio-checked .tb-radio label:after {
visibility: visible;
opacity: 1;
}
.tb-radio-checked .tb-radio label:before {
background-color: #ff385c;
border-color: #ff385c;
}
.tb-radioholder .tb-radio .payoutlists:after {
left: 0;
top: 22px;
margin-left: 0;
font-size: 14px;
}
.tb-earning .tb-payoutmethodwrap, .tb-earning .tb-tabfilter {
padding: 20px;
}
.tb-totalfee li h6 span, .tb-totalfee li .tk-verified-info > a span, .tb-totalfee li .tk-verified-info strong span, .tk-verified-info .tb-totalfee li strong span {
font-size: 15px;
line-height: 24px;
color: #0A0F26;
}
.tb-download-attachment {
font-size: 0.875rem;
line-height: 1.4285714286em;
}
.tb-privacy-wrapper .tb-profileform__content {
align-items: center;
width: 100%;
}
.tb-taskhistory {
padding: 0;
}
.tb-taskhistory .tb-addcomment {
padding: 20px !important;
}
.tb-profilebtnarea-wrapper {
flex: auto;
}
.tb-profilebtnarea-wrapper .tb-blue {
color: #fff;
margin-right: 10px;
}
.tb-themeselect_value {
align-items: center;
color: #999999;
position: relative;
cursor: pointer;
}
.tb-themeselect_value::after {
content: "";
font-family: icomoon;
right: 16px;
z-index: 1;
position: absolute;
font-size: 18px;
line-height: 1;
pointer-events: none;
color: #999999;
}
.tk-selected {
color: #0a0f26;
}
.tb-themeselect-wrapper {
width: 100%;
}
.tb-themeselect {
width: 100%;
position: relative;
}
.tb-themeselect_options {
width: 100%;
overflow: auto;
background: #fff;
display: none;
border: 1px solid #eee;
border-top: 0;
padding: 10px;
position: absolute;
max-height: 200px;
z-index: 111;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tb-themeselect_options li {
list-style-type: none;
}
.tb-themeselect_options li input {
display: none;
}
.tb-themeselect_options li label {
margin: 0;
color: #0a0f26;
cursor: pointer;
padding: 10px 15px;
border-radius: 10px;
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-themeselect_options li:hover label {
background: #FFFFFF;
}
.tb-disputetable .tb-btn, .tb-disputetable .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-disputetable button, .tb-disputetable .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-disputetable button {
float: left;
margin: 0 0 30px;
}
.tk-submitreview {
display: flex;
padding: 120px 30px;
border-radius: 10px;
min-height: 300px;
align-items: center;
text-align: center;
flex-direction: column;
justify-content: center;
background-color: #ffffff;
}
.tk-submitreview h4, .tk-submitreview h6, .tk-submitreview .tk-verified-info > a, .tk-submitreview .tk-verified-info strong, .tk-verified-info .tk-submitreview strong {
margin-bottom: 0;
font-weight: 500;
}
.tk-submitreview figure {
margin: 0 0 40px;
max-width: 150px;
}
.tk-submitreview figure img {
width: 100%;
max-width: 150px;
}
.tk-submitreview > a {
margin-top: 20px;
}
.tk-submitreview .tk-description {
width: 61%;
text-align: center;
}
.tk-submitreview .tk-description p {
font-size: 1rem;
margin: 0 0 23px;
}
.tk-project-wrapper {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.tk-project-wrapper.cta {
position: sticky;
top: 20px; /* 画面の上から20pxで止まる */
z-index: 100; /* 必要に応じて重なり順 */
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
border-radius: 16px;
transition: transform 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease;
}
.tk-project-wrapper .tk-template-serach {
border: 0;
border-radius: 0;
background-color: #ffffff;
}
.tk-project-wrapper + .tk-project-wrapper {
margin-top: 20px;
}
.tk-project-wrapper .tk-blogviewdates li i {
color: #999999;
}
aside .tk-project-wrapper + .tk-project-wrapper {
margin-top: 30px;
}
.tk-project-wrapper-two {
position: relative;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
border-radius: 16px;
transition: transform 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease;
}
.tk-project-wrapper-two:hover {
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
background: rgba(255, 255, 255, 0.15);
/**transform: scale(1.02);**/
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.tk-project-wrapper-two .tk-descriptions {
margin-top: 20px;
}
.tk-project-wrapper-two .tk-projectlisting {
box-shadow: none;
}
.tk-project-wrapper-two:hover .tk-invite-bidbtn {
color: white;
background: #3377FF;
}
.tk-project-wrapper-two + .tk-project-wrapper-two {
margin-top: 20px;
}
.tk-project-wrapper-two .tk-project-box, .tk-project-wrapper-two > .tk-employerproject {
padding: 29px;
box-shadow: none;
border-radius: 10px;
background-color: #fff;
}
@media (max-width: 420px) {
.tk-project-wrapper-two .tk-project-box, .tk-project-wrapper-two > .tk-employerproject {
padding: 19px;
}
}
.tk-project-box {
background: #fff;
padding: 30px;
}
.tk-project-box + .tk-project-box {
box-shadow: inset 0px 1px 0px #EEEEEE;
}
.tk-project-box > h5 {
align-items: center;
padding: 30px;
margin-bottom: 0;
}
.tk-project-box > h5 > a {
margin-left: auto;
color: #ff385c;
}
.tk-project-box > h5 > a:hover {
color: #ff385c;
}
.tk-project-box-two {
display: flex;
align-items: center;
justify-content: space-between;
padding: 19px 20px;
}
.tk-project-box-two h5 {
margin-bottom: 0;
}
.tk-project-box-two .tk-project-share .tk-like {
margin-left: 0;
}
.tk-project-box-two .tk-project-share .tk-like i {
padding-right: 10px;
}
.tk-video img {
opacity: 0.7;
width: 100%;
border-radius: inherit;
}
.tk-video__icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.tk-video__icon:before {
content: "";
position: absolute;
width: 100px;
height: 100px;
border: 3px solid #ffffff;
border-radius: 50%;
}
.tk-video__icon:after {
content: "";
font-family: "icomoon";
position: absolute;
color: #ffffff;
font-size: 40px;
}
.tk-featureditem {
top: 0;
left: 0;
z-index: 1;
width: 29px;
color: #ffffff;
font-size: 15px;
background: #EF4444;
line-height: 27px;
text-align: center;
position: absolute;
border-radius: 4px 0px 20px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.tk-project-tag {
color: #0a0f26;
padding: 1px 10px;
border-radius: 10px;
text-align: center;
display: inline-block !important;
border: 1px solid #DDDDDD;
border-radius: 10px;
font: 700 0.75rem/2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
}
.tk-proposal-status {
color: #0a0f26;
padding: 1px 10px;
text-align: center;
display: inline-block !important;
border: 1px solid #DDDDDD;
border-radius: 10px;
font: 700 0.75rem/2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
}
.tk-project-tag-two {
top: 0;
left: 0;
color: #0a0f26;
padding: 1px 10px;
position: absolute;
display: inline-block;
border: 1px solid #DDDDDD;
border-radius: 0px 0px 10px 0px;
}
.tk-featureditem + .tk-project-tag-two {
left: 22px;
}
.tk-tagholder .tk-project-tag-two {
position: initial;
border-radius: 10px;
margin-bottom: 10px;
}
.tk-drafted {
background: #FFFFFF;
color: #0a0f26;
border: 0;
}
.tk-awaiting {
border-color: #64748B;
}
.tk-canceled {
border-color: #EF4444;
}
.tk-canceled:hover, .tk-canceled:focus {
background: transparent !important;
}
.tk-ongoing {
border-color: #F97316;
}
.tk-success-tag {
color: #fff;
border-color: #22C55E;
background-color: #22C55E;
}
.tk-success-tag:hover {
color: #0a0f26;
background-color: transparent !important;
}
.tk-success-tag:hover, .tk-success-tag:focus {
background-color: #22C55E;
}
.tk-alert-readbtn {
color: #EF4444;
flex: none;
display: flex;
cursor: pointer;
margin-left: auto;
align-items: center;
background-color: transparent;
}
.tk-alert-readbtn i {
font-size: 1.125rem;
padding-left: 6px;
}
.tk-alert-readbtn:hover {
color: #EF4444;
}
.tk-purple-icon {
color: #7357FB;
background: rgba(115, 87, 251, 0.1);
}
.tk-red-icon {
color: #FF6167;
background: rgba(255, 97, 103, 0.1);
}
.tk-blue-icon {
color: #2196F3;
background: rgba(33, 150, 243, 0.1);
}
.tk-darkred-icon {
color: #F44336;
background: rgba(244, 67, 54, 0.1);
}
.tk-yellow-icon {
color: #FFC107;
background: rgba(255, 193, 7, 0.1);
}
.tk-green-icon {
color: #4CAF50;
background: rgba(76, 175, 80, 0.1);
}
.tk-greenclr {
color: #22C55E;
}
.text-danger {
margin-top: 10px;
}
.tk-ongoing-updated {
border: 0;
color: #fff;
background: #147B5;
}
.tk-success-tag-updated {
border: 0;
color: #fff;
background: #FF385C;
}
.tk-errorpage {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.tk-errorpage figure {
margin: 0 0 60px;
}
.tk-errorpage figure img {
display: block;
width: 100%;
}
.tk-errorpage .tk-formsearch {
width: 100%;
margin: 30px 0 0;
border: 0;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 16px 24px rgba(0, 0, 0, 0.08);
border-radius: 0;
}
.tk-errorpage .tk-notfound-title {
max-width: 856px;
margin: 0 auto;
}
.tk-errorpage .tk-notfound-title span {
display: block;
font-weight: 600;
color: #64748B;
}
.tk-errorpage .tk-notfound-title h2 {
padding: 0 0 20px;
margin-bottom: 0;
position: relative;
display: inline-block;
}
.tk-errorpage .tk-notfound-title h2::after {
position: absolute;
content: "";
width: 100px;
height: 3px;
background: #ff385c;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.tk-errorpage .tk-notfound-title p {
max-width: 95%;
margin: 20px auto 0 auto;
}
.tk-errorpage .tk-notfound-title em {
margin: 0;
color: #0a0f26;
display: block;
margin-top: 20px;
font-style: normal;
}
.tk-errorpage .tk-notfound-title em a {
font-weight: 600;
}
.tk-project-box .tk-payoutmethod label img {
padding: 0;
margin: 0;
}
.tk-project-box .tk-payoutmethod label .tk-payment-method {
display: flex;
gap: 15px;
flex: none;
}
.tk-project-box .tk-payoutmethod label .tk-payment-method span {
align-self: center;
}
.tb-stepescrow .tk-payment-submenu {
margin: 0;
}
.tk-profileform__holder {
display: flex;
justify-content: right;
}
.tb-buyercontainer .tb-tabfilter {
border: 0;
}
.tb-buyercontainer .tb-tabfilter ~ .tb-tabfilteritem {
border: 0;
border-top: 1px solid #eee;
}
.tb-disputelist .tb-radiolist-column {
padding: 0;
margin: 0;
}
.tb-disputelist .tb-radiolist-column .tb-radio label {
width: 100%;
}
.tk-termspop {
gap: 20px;
flex-direction: column;
}
.tk-termspop .tb-checkterm {
width: 100%;
}
.tk-termspop > .tb-btn, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tk-termspop > button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tk-termspop > button {
margin-left: auto;
}
.tk-termspop label {
width: 100%;
}
.tk-termspop label span {
line-height: 19px !important;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
gap: 10px;
width: 100%;
align-items: center;
justify-content: center;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
margin: 0 !important;
height: auto;
line-height: 40px;
background-color: #ff385c !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
padding-bottom: 0;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
background: #FFFFFF !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:before {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
padding: 0 0 10px;
align-items: center;
text-align: center;
position: relative;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
width: 40px;
font-size: 24px !important;
line-height: 40px;
margin: 0 0 20px;
border-radius: 50%;
position: absolute;
margin: 0;
left: 0;
top: 5px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
display: block;
line-height: inherit;
}
.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
background-color: rgba(239, 68, 68, 0.1);
}
.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
background-color: rgba(34, 197, 94, 0.1);
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
font-size: 15px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.jconfirm .jconfirm-box {
padding: 20px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
top: 20px;
right: 20px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
padding-left: 50px;
height: auto !important;
}
.tk-changepassword > .form-group {
padding: 0;
}
.tk-changepassword > .form-group + .form-group {
margin-top: 20px;
}
.tb-profileform__holder > .form-group {
padding: 0;
}
.tb-profileform__holder > .form-group + .form-group {
margin-top: 20px;
}
.project-slider .splide__arrow {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
}
/* ホバー時に表示 */
.project-slider:hover .splide__arrow {
opacity: 1;
visibility: visible;
}
.splide__arrows .splide__arrow {
background: #fff;
border: 1px solid #ddd;
font-size: 10px;
width: 24px;
height: 24px;
}
.splide__arrows .splide__arrow--prev {
left: 20px;
}
.splide__arrows .splide__arrow--next {
right: 20px;
}
.project-fav-btn {
position: absolute;
top: 10px;
right: 10px;
z-index: 20;
background: rgba(255, 255, 255, 0.8);
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.3s ease;
}
.project-fav-btn:hover {
background: rgba(255, 255, 255, 1);
}
.project-fav-btn .icon-heart {
color: #FF5A5F;
font-size: 18px;
}
.project-fav-btn.tk-saved .icon-heart {
color: #e63946; /* saved時の色（お好みで） */
}
/* テキストリンクは表示しない */
.project-fav-btn a {
display: none !important;
}
.tox-edit-area {
border-top: 1px solid #eee !important;
}
.tk-project-box .tb-userfeedback {
margin: 10px 0 0;
}
.tk-project-box .tk-statusview_alert.tk-employerproject {
margin: 15px 0 0;
}
.tk-popup-content .tk-popup-info {
margin-top: 15px;
}
.tk-buyerprojects {
border-radius: 10px;
}
.tk-buyerprojects .tk-project-box {
box-shadow: none !important;
border-radius: 0;
background: transparent;
}
.tk-buyerprojects .tk-project-box + .tk-project-box {
box-shadow: inset 0px 1px 0px #eeeeee !important;
}
.tb-table {
border: 0;
width: 100%;
padding: 10px;
max-width: 100%;
margin-bottom: 0;
border-spacing: 0;
background-color: #fff;
border-collapse: separate;
border-radius: 10px;
}
.tb-table > thead {
border-radius: 10px 10px 0 0;
}
.tb-table > thead > tr {
background-color: #f7f7f7;
border-radius: 10px 10px 0 0;
}
.tb-table > thead > tr > th {
text-align: left;
border: 0 !important;
padding: 10px 30px;
vertical-align: middle;
color: #0a0f26;
font: 600 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-table > thead > tr > th:first-child {
border-radius: 10px 0 0 10px;
}
.tb-table > thead > tr > th:last-child {
border-radius: 0 10px 10px 0;
}
.tb-table > thead > tr > th .tb-checkbox label, .tb-table > thead > tr > th .tb-radiobox label {
color: #0a0f26;
font: 600 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-table > thead > tr > th .tb-checkbox label span, .tb-table > thead > tr > th .tb-radiobox label span {
display: block;
color: #0a0f26;
font: 600 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-table > thead > tr td > span {
display: inline-block;
font: 400 0.875rem/1.0714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-table > thead > tr td > span em {
font-size: 0.75rem;
vertical-align: middle;
display: inline-block;
}
.tb-table .tb-bordertags {
display: flex;
}
.tb-table > tbody {
display: contents;
padding: 0;
}
.tb-table > tbody > tr:hover {
background: #F7F7F7;
}
.tb-table > tbody > tr td {
border: 0;
color: #0a0f26;
text-align: left;
padding: 10px 30px;
vertical-align: middle;
font: 400 0.875rem/1.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-table > tbody > tr td label {
margin: 0;
}
.tb-table > tbody > tr td:first-child {
border-radius: 10px 0 0 10px;
}
.tb-table > tbody > tr td:last-child {
border-radius: 0 10px 10px 0;
}
.tb-table > tbody > tr td .tb-checkbox label span {
font-weight: 400;
}
.tb-table > tbody > tr td > span {
color: #0a0f26;
display: flex;
align-items: center;
font: 400 0.875rem/1.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-table > tbody > tr td > span em {
color: #999;
margin: 0 0 0 3px;
font-size: 0.75rem;
display: inline-block;
vertical-align: baseline;
}
.tb-table > tbody > tr td > span img {
width: 40px;
height: 40px;
display: block;
object-fit: cover;
margin-right: 10px;
border-radius: 4px;
}
.tb-table > tbody > tr td .tk-project-tag {
text-transform: capitalize;
}
.tb-table > tbody > tr > th {
border: 0;
text-align: left;
font: 400 0.875rem/1.0714285714em;
}
.tk-pointer-events-none {
pointer-events: none;
}
.tk-payouthistoryvtwo .tb-sortby .tb-actionselect2 .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.tk-payouthistoryvtwo .tb-actionselect .select2-container {
height: 38px;
min-height: 38px !important;
}
.tk-payouthistoryvtwo .select2-container--default .select2-selection--single {
height: 38px;
}
.comboTreeDropDownContainer li:hover {
background: #fff;
}
span.comboTreeItemTitle, .comboTreeDropDownContainer .selectAll {
padding: 10px 20px 10px;
margin: 0 0 0 10px;
cursor: pointer;
color: #0a0f26;
font: 600 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover, .comboTreeDropDownContainer label.comboTreeItemHover {
background: #F7F7F7;
color: #0a0f26;
}
.comboTreeInputBox:focus, .comboTreeInputBox:focus-visible {
border-color: #DDDDDD;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
outline: 0;
}
.ComboTreeItemParent {
padding: 0 !important;
}
.comboTreeDropDownContainer li .selectable {
margin: 0;
}
.comboTreeArrowBtn {
border: 0;
}
.comboTreeDropDownContainer {
overflow: scroll;
scrollbar-width: thin;
scrollbar-color: #fff !important;
overflow-x: hidden;
}
/* Chrome, Edge, and Safari */
.comboTreeDropDownContainer::-webkit-scrollbar {
width: 6px;
}
.comboTreeDropDownContainer::-webkit-scrollbar-track {
background: #ffffff;
}
.comboTreeDropDownContainer::-webkit-scrollbar-thumb {
background-color: #dddddd !important;
border-radius: 60px;
height: 60px;
border: 1px solid #ffffff;
}
.tk-footerwrap {
margin-top: auto;
}
.min-h-screen {
display: flex;
flex-wrap: wrap;
min-height: 100vh;
flex-direction: column;
}
.tox .tox-toolbar--scrolling {
flex-wrap: wrap !important;
}
.tk-selectv-two .tb-themeselect_value::after {
display: none;
}
main {
width: 100%;
}
.min-h-screen > section, .min-h-screen > header {
width: 100%;
}
.tk-ecrow-setup {
border-radius: 10px !important;
}
.tk-searchproject {
gap: 10px;
}
.form-group > div {
width: 100%;
}
.tk-bg-light {
background: #f7f7f7;
}
.tk-section_title {
margin: 0 0 40px;
}
.tk-section_title > span {
display: block;
margin: 0 0 6px;
letter-spacing: 0.5px;
color: #ff385c;
font: 600 1rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-section_title h2 {
max-width: 750px;
margin-bottom: 20px;
color: #1e1e1e;
font: 600 2.25rem/1.1944444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-section_title h2 {
max-width: 100% !important;
font: 600 1.75rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-section_title p {
margin: 0;
max-width: 750px;
color: rgba(255, 56, 92, 0.6);
font: 400 1.125rem/1.3888888889em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-section_title p {
max-width: 100% !important;
font: 400 1rem/1.5625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-section_desciption {
width: 100%;
align-items: center;
justify-content: space-between;
}
.tk-section_desciption p {
max-width: 930px;
}
.tk-section_desciption > a {
border: 0;
gap: 10px;
color: #1E1E1E;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 39px;
cursor: pointer;
overflow: hidden;
background-color: #F7F7F8;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
}
.tk-section_desciption > a span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-section_desciption > a i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-section_desciption > a::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-section_desciption > a:hover, .tk-section_desciption > a:focus {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-section_desciption > a:hover span, .tk-section_desciption > a:focus span {
color: #ffffff;
}
.tk-section_desciption > a:hover i, .tk-section_desciption > a:focus i {
color: #ffffff;
}
.tk-section_desciption > a:hover:before, .tk-section_desciption > a:focus:before {
width: 150%;
height: 300%;
}
/* tooltip style */
.tippy-box, .tooltip-inner {
color: #fff;
padding: 12px;
border-radius: 10px;
background: #1E1E1E;
font: 500 12px/18px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
}
.tippy-box {
padding: 0;
}
.tippy-content {
padding: 12px;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
border-left-color: #1E1E1E;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
border-right-color: #1E1E1E;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
border-top-color: #1E1E1E;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
border-bottom-color: #1E1E1E;
}
.tk-button-wrapper .tk-btn-two {
background: #6767671A;
padding-left: 44px;
padding-right: 44px;
}
@media (max-width: 767px) {
.tk-button-wrapper .tk-btn-two {
width: 100%;
max-width: 480px;
}
}
.tk-action-icon {
gap: 15px;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
line-height: 20px;
align-items: center;
}
.tk-action-icon li {
list-style-type: none;
cursor: pointer;
}
.tk-action-icon li a {
color: #0a0f26;
vertical-align: middle;
font: 400 0.875rem/1.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-action-icon li a:hover {
color: #0a0f26;
}
.tk-action-icon li a i {
display: block;
line-height: inherit;
color: #0a0f26;
}
.tk-pending {
border-color: #999;
}
.tk-processed {
border-color: #F97316;
}
.tk-completed {
border-color: #22C55E;
}
.tk-refunded {
border-color: #64748B;
}
.tk-cancelled {
border-color: #EF4444;
}
.tk-repayment img {
width: 18px;
display: block;
}
.tb-tablepaymethod {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tb-tablepaymethod img {
width: 34px;
}
.tb-tablepaymethod h6, .tb-tablepaymethod .tk-verified-info > a, .tb-tablepaymethod .tk-verified-info strong, .tk-verified-info .tb-tablepaymethod strong {
font: 400 0.875rem/1.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-header-user {
gap: 12px;
display: flex;
align-items: center;
}
.tk-header-user .tk-header-dash {
display: flex;
flex-direction: column;
}
.tk-header-user .tk-header-dash h6, .tk-header-user .tk-header-dash .tk-verified-info > a, .tk-header-user .tk-header-dash .tk-verified-info strong, .tk-verified-info .tk-header-user .tk-header-dash strong {
margin: 0;
color: #0A0F26;
font: 600 0.875rem / 1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-header-user .tk-header-dash span {
display: block;
color: #585858;
font: 500 0.75rem / 1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-header-user img {
width: 40px;
height: 40px;
display: block;
border-radius: 10px;
object-fit: cover;
}
.tk-header-user-two {
display: none;
padding: 10px 12px;
}
.tk-header-user {
gap: 12px;
display: flex;
align-items: center;
}
.tk-header-user .tk-header-dash {
display: flex;
flex-direction: column;
}
.tk-header-user .tk-header-dash h6, .tk-header-user .tk-header-dash .tk-verified-info > a, .tk-header-user .tk-header-dash .tk-verified-info strong, .tk-verified-info .tk-header-user .tk-header-dash strong {
margin: 0;
color: #0A0F26;
font: 600 0.875rem / 1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-header-user .tk-header-dash span {
display: block;
color: #585858;
font: 500 0.75rem / 1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-header-user img {
width: 40px;
height: 40px;
display: block;
border-radius: 10px;
object-fit: cover;
}
.tk-header-user-two {
display: none;
padding: 10px 12px;
}
.pb-themesection:has(.tk-hero-banner-twelve) .container, .pb-themesection:has(.tk-hero-banner-twelve) .container-fluid {
max-width: 1624px !important;
}
.pb-themesection:has(.tk-faqs-section) .container, .pb-themesection:has(.tk-faqs-section) .container-fluid, .pb-themesection:has(.tk-blog-section) .container, .pb-themesection:has(.tk-blog-section) .container-fluid, .pb-themesection:has(.tk-talent-section) .container, .pb-themesection:has(.tk-talent-section) .container-fluid {
max-width: 1320px !important;
}
.page-home-eleven .pb-themesection:has(.tk-employment-section) .container, .page-home-eleven .pb-themesection:has(.tk-employment-section) .container-fluid {
max-width: 1320px !important;
}
.page-home-thirteen .pb-themesection:has(.tk-work-fullwidth) .container, .page-home-thirteen .pb-themesection:has(.tk-work-fullwidth) .container-fluid {
max-width: 1320px !important;
}
.page-home-eight .pb-themesection:has(.tk-employment-section) .container, .page-home-eight .pb-themesection:has(.tk-employment-section) .container-fluid {
max-width: 1320px !important;
}
.pb-themesection:has(.tk-couter-wrapper) .container {
max-width: 1684px !important;
}
.pb-themesection:has(.tk-talent-section) .container, .pb-themesection:has(.tk-talent-section) .container-fluid {
max-width: 1320px !important;
}
.tk-header {
padding: 14px 18px;
position: relative;
border-bottom: 1px solid #EDEEF0;
}
.tk-header.tk-header-v3 {
border-bottom: 0;
}
.tk-btn-login {
border: 0;
gap: 10px;
color: #1E1E1E;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 15px;
cursor: pointer;
overflow: hidden;
background-color: transparent;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
letter-spacing: 0.5px;
}
.tk-btn-login span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-btn-login i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-btn-login:hover, .tk-btn-login:focus {
outline: none;
color: #1E1E1E;
}
.tk-btn-login:hover i, .tk-btn-login:focus i {
color: white;
}
@media (max-width: 1500px) {
.tk-btn-login {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
.tk-btn-login {
padding-left: 10px;
padding-right: 10px;
}
}
.tk-btn-signin {
border: 0;
gap: 10px;
color: white;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 37.58px;
cursor: pointer;
overflow: hidden;
background-color: #ff385c;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.tk-btn-signin span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-btn-signin i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-btn-signin::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-btn-signin:hover, .tk-btn-signin:focus {
outline: none;
color: #ffffff;
background-color: #ff385c;
}
.tk-btn-signin:hover span, .tk-btn-signin:focus span {
color: #ffffff;
}
.tk-btn-signin:hover i, .tk-btn-signin:focus i {
color: #ffffff;
}
.tk-btn-signin:hover:before, .tk-btn-signin:focus:before {
width: 150%;
height: 300%;
}
@media (max-width: 1500px) {
.tk-btn-signin {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 480px) {
.tk-btn-signin {
padding-left: 15px;
padding-right: 15px;
}
}
.tk-headerwrap {
flex-wrap: nowrap;
align-items: center;
}
@media (max-width: 1199px) {
.tk-headerwrap:has(.tk-headerwrap__right) .tk-navbar {
margin-left: 10px;
}
}
.tk-headerwrap__right {
flex: none;
align-items: center;
}
@media (max-width: 480px) {
.tk-headerwrap__right .tk-btn-signin {
display: none;
}
}
.tk-logo a {
display: block;
}
.tk-logo a img {
max-height: 64px;
}
.tk-navbarnav {
gap: 0;
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 1500px) {
.tk-navbarnav {
gap: 0;
}
}
@media (max-width: 1199px) {
.tk-navbarnav {
overflow: hidden;
gap: 0;
left: 0;
top: 100%;
width: 100%;
z-index: 999;
padding: 8px;
background: #ffffff;
position: absolute;
border-radius: 0px 0px 16px 16px;
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.tk-navbarnav > .page-item-has-children .sub-menu {
position: relative;
width: 100%;
box-shadow: none;
inset: 0;
visibility: visible;
opacity: 1;
padding: 0;
display: none;
margin: 0;
transition: all 0.3s ease-in-out;
}
.tk-navbarnav > .page-item-has-children .sub-menu.active {
display: block;
}
}
@media (max-width: 1199px) and (max-width: 1199px) {
.tk-navbarnav > .page-item-has-children .sub-menu {
transition: none;
}
}
.tk-navbarnav > li {
position: relative;
list-style-type: none;
}
@media (max-width: 991px) {
.tk-navbarnav > li > a {
border-radius: 10px;
}
.tk-navbarnav > li:hover > a {
background-color: #F7F7F8;
}
}
.tk-navbarnav > li.active::after {
height: 2px;
}
.tk-navbarnav > li::after {
content: "";
left: 50%;
width: 38px;
height: 0;
bottom: -14px;
position: absolute;
transform: translateX(-50%);
background-color: #ff385c;
}
@media (max-width: 1199px) {
.tk-navbarnav > li::after {
display: none;
}
}
.tk-navbarnav > li > a {
gap: 5px;
display: flex;
padding: 12px;
position: relative;
align-items: center;
color: #353648;
font: 500 0.9375rem/1.6666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 1300px) and (min-width: 1199px) {
.tk-navbarnav > li > a {
padding-left: 6px;
padding-right: 6px;
}
}
@media (max-width: 1199px) {
.tk-navbarnav > li > a {
font-size: 13px;
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
justify-content: space-between;
color: #676767;
}
}
.tk-navbarnav > li > a > i {
font-size: 12px;
font-weight: 900;
color: #1e1e1e;
}
@media (max-width: 1199px) {
.tk-navbarnav > li > a > i {
width: 26px;
height: 26px;
display: flex;
color: #ffffff;
border-radius: 5px;
align-items: center;
justify-content: center;
background-color: #ff385c;
}
.tk-navbarnav > li > a > i:before {
rotate: -90deg;
}
}
.tk-navbarnav > li > a em {
font-style: normal;
display: block;
position: relative;
}
.tk-navbarnav > li > a em .tk-navnoti {
top: -11px;
right: 0;
}
.tk-navbarnav > li:hover::after {
height: 2px;
}
.tk-navbarnav > li:hover a:before {
bottom: 0;
opacity: 1;
visibility: visible;
}
.tk-navbarnav > li:hover > .sub-menu, .tk-navbarnav > li:hover > .mega-menu {
top: 100%;
visibility: visible;
opacity: 1;
z-index: 2;
}
@media (max-width: 991px) {
.tk-navbarnav > li:hover::after {
height: 100%;
}
}
.tk-navbarnav .tk-dropdowarrow i {
margin: 0;
color: #676767;
}
.sub-menu {
right: 0;
margin: 0;
top: 70px;
width: 220px;
opacity: 0;
background: #fff;
position: absolute;
visibility: hidden;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-top: 15px;
-webkit-box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
border-radius: 6px;
z-index: 1;
padding: 10px;
}
.sub-menu li {
width: 100%;
position: relative;
}
.sub-menu li .sub-menu {
right: 100%;
margin: -10px 10px 0 0;
}
.sub-menu li:hover > a {
background: #f7f7f7;
}
.sub-menu li a {
width: 100%;
padding: 10px 20px;
color: #676767;
font-size: 0.8125rem;
text-align: left;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.sub-menu li a i {
font-size: 13px;
padding-right: 10px;
}
.page-item-has-children > .sub-menu > .page-item-has-children > a > i {
padding: 0;
rotate: -90deg;
font-size: 14px;
}
.page-item-has-children:has(.active) i:before {
rotate: 0deg;
}
.page-item-has-children > .sub-menu > .page-item-has-children:has(.active) > a > i {
rotate: 0deg;
}
.sub-menu li.menu-item-has-children > a:after, .children li.menu-item-has-children > a:after, .sub-menu li.page_item_has_children > a:after, .children li.page_item_has_children > a:after {
content: "";
position: absolute;
right: 20px;
font-size: 10px;
font-family: themify;
width: 10px;
font-weight: 400;
}
.sub-menu li.page_item_has_children:hover .sub-menu {
top: 0;
opacity: 1;
visibility: visible;
}
.page_item_has_children .sub-menu li .sub-menu {
left: 100%;
right: auto;
}
.tk-dropdowarrow {
position: absolute;
right: 15px;
z-index: 1;
display: none;
cursor: pointer;
font-size: 14px;
text-align: center;
color: #676767;
}
.tk-open .tk-dropdowarrow {
transform: rotate(90deg);
}
.tk-userlogin a {
align-items: center;
color: #676767;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-userlogin a span {
display: inline-block;
margin-right: 20px;
}
.tk-userlogin a img {
max-width: 44px;
border-radius: 50%;
background-color: #e4f5ff;
}
.tk-postbtns {
margin-left: 30px;
}
.tk-categoriesnav-holder {
background: #fcfcfc;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.tk-navicon {
overflow: hidden;
cursor: pointer;
width: 19px;
display: block;
}
.tk-navicon span {
display: block;
width: 100%;
height: 2px;
background-color: #fff;
}
.tk-navicon span:first-child {
width: 11px;
}
.tk-navicon span:first-child em {
width: 6px;
margin-left: 13px;
height: 2px;
background-color: #fff;
display: block;
}
.tk-navicon span ~ span {
margin-top: 4px;
}
.tk-categories-nav {
width: 100%;
padding: 0 105.5px;
}
.tk-categories-nav .menu-item-has-children:hover .sub-menu {
top: 100%;
visibility: visible;
opacity: 1;
z-index: 2;
}
.tk-categories-nav > ul, .tk-categories-nav .tk-categories-nav__content {
width: 100%;
align-items: center;
justify-content: center;
}
.tk-categories-nav > ul > li {
position: relative;
list-style-type: none;
display: inline-block;
}
.tk-categories-nav > ul > li > a, .tk-categories-nav .tk-categories-nav__content > a {
position: relative;
display: block;
padding: 15px 23.5px;
line-height: 1.4285714286em;
color: #676767;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
overflow: hidden;
}
.tk-categories-nav > ul > li > a:hover:before, .tk-categories-nav .tk-categories-nav__content > a:hover:before {
bottom: -4px;
}
.tk-categories-nav > ul > li > a:before, .tk-categories-nav .tk-categories-nav__content > a:before {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #8854FE;
}
.tk-categories-nav .tk-categories-nav__content > a {
padding: 14px 22px;
}
.tk-catnavchild:hover .tk-catsubmenu {
top: 100%;
opacity: 1;
visibility: visible;
}
.tk-categories-navslider {
padding: 0 79px;
}
.tk-categories-navslider .tk-categories-nav__content > a {
padding-right: 23.5px;
padding-left: 23.5px;
}
.tk-categories-navsliderv2 {
padding: 0 100px 0 152px;
}
.tk-categories-navsliderv2.owl-carousel, .tk-categories-navsliderv2.owl-carousel.ow.l-loaded {
display: flex;
}
.tk-catsubmenu {
top: 100px;
opacity: 0;
z-index: 1;
visibility: hidden;
position: absolute;
left: 0;
padding: 10px;
min-width: 470px;
background: #fff;
border-radius: 6px;
-webkit-box-shadow: 0 10px 30px 0 rgba(18, 54, 82, 0.2);
box-shadow: 0 10px 30px 0 rgba(18, 54, 82, 0.2);
}
.tk-catsubmenu ul {
margin: 0;
width: 50%;
font: 400 0.8125rem/1.5384615385em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-catsubmenu ul li {
width: 100%;
list-style-type: none;
line-height: inherit;
}
.tk-catsubmenu ul li a {
display: block;
min-width: 200px;
border-radius: 6px;
padding: 12px 20px;
line-height: inherit;
color: #676767;
}
.tk-catsubmenu ul li:hover a {
background: #f7f7f7;
}
.tk-submenutitle h4 {
margin: 12px 20px;
font-size: 0.8125rem;
line-height: 1.5384615385em;
}
.tk-userheader {
position: relative;
border-bottom: 1px solid #eee;
}
.tk-userheader:after {
left: 0;
content: "";
bottom: -10px;
height: 10px;
width: 100%;
opacity: 0.03;
position: absolute;
background: -moz-linear-gradient(top, black 0%, rgba(0, 15, 255, 0.03) 100%);
background: -webkit-linear-gradient(top, black 0%, rgba(0, 15, 255, 0.03) 100%);
background: linear-gradient(to bottom, black 0%, rgba(0, 15, 255, 0.03) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#08000fff",GradientType=0);
}
.tk-userheader .tk-navbarnav > li + li:before {
display: none;
}
.tk-userheader .tk-navbarnav > li > a {
padding: 12px 12.5px;
}
.tk-userheader .tk-userlogin {
margin-left: 7.5px;
}
.tk-userheader .tk-postbtns {
margin-left: 20px;
}
.sub-menu-holder {
position: relative;
}
.sub-menu-holder:hover > .sub-menu {
top: 0;
z-index: 9999;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.tk-navnoti {
top: -3px;
color: #fff;
padding: 0 6px;
right: 12.65px;
position: absolute;
background: #ff7062;
display: inline-block;
border-radius: 8.5px 8.5px 0 8.5px;
font: 700 0.5625rem/1.8888888889em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-usernoti {
margin-left: 20px;
}
.tk-usernoti > a {
width: 44px;
line-height: 44px;
position: relative;
background: #f7f7f7;
border-radius: 50%;
display: inline-block;
color: #676767;
text-align: center;
}
.tk-usernoti > a i {
font-size: 1rem;
}
.tk-usernoti .tk-navnoti {
line-height: 22px;
width: 22px;
border-radius: 50%;
padding: 0;
left: auto;
right: -5px;
top: -5px;
}
.tk-searchbar {
margin: 5px 0 5px 30px;
padding-left: 30px;
border-left: 1px solid #eee;
}
.tk-searchbar .tk-distance {
top: 66px;
}
.tk-searchbar fieldset {
margin: 0;
}
.tk-searchbar .tk-themeform__wrap {
min-width: 573px;
padding-right: 4px;
align-items: center;
border-radius: 10px;
border: 1px solid #eee;
}
.tk-searchbar .tk-themeform__wrap .form-group {
width: 285px;
flex: auto;
margin: 0;
padding: 0;
}
.tk-searchbar .tk-themeform__wrap .form-group + .form-group {
max-width: 285px;
border-left: 1px solid #eee;
}
.tk-searchbar .tk-themeform__wrap .form-group .form-control {
border: 0;
border-radius: 0;
}
.tk-searchbar .tk-themeform__wrap .tk-formbtns .tk-btnvtwo {
padding: 0;
color: #676767;
min-width: 44px;
line-height: 44px;
}
.tk-headerv2 {
position: relative;
z-index: 1;
}
.tk-headerv2 .tk-categoriesnav-holder {
background-color: rgba(0, 0, 0, 0.1);
border: 0;
}
.tk-headerv2 .tk-categories-nav > ul > li > a, .tk-headerv2 .tk-navbarnav > li > a, .tk-headerv2 .tk-userlogin a {
color: #fff;
}
.tk-headerv3 {
z-index: 2;
position: relative;
}
.tk-headerv3 .tk-navbarnav > li > a, .tk-headerv3 .tk-userlogin a {
color: #ff385c;
}
.tk-headerv3 .tk-navbarnav > li + li:before {
background: #b4b4b4;
}
.tk-menudropdown {
position: relative;
}
.tk-menudropdown .sub-menu {
right: auto;
left: 100%;
top: 100%;
margin-left: 10px;
}
.tk-menudropdown:hover .sub-menu {
top: 0;
visibility: visible;
opacity: 1;
z-index: 2;
}
.tk-menudropdown:after {
content: "";
font-family: themify;
position: absolute;
right: 19px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
}
.tippy-content .tk-catsubmenu {
position: static;
visibility: visible;
opacity: 1;
margin: -14px 0 0;
}
*[id^="tippy-"] {
pointer-events: initial !important;
}
.tk-categories-navbar .owl-nav > div {
position: absolute;
top: 50%;
transform: translateY(-50%);
align-items: center;
justify-content: center;
visibility: hidden;
width: 80px;
height: 50px;
}
.tk-categories-navbar .owl-nav > div:hover:before {
color: #ff385c;
}
.tk-categories-navbar .owl-nav > div:before {
align-items: center;
justify-content: center;
position: absolute;
visibility: visible;
font-size: 14px;
color: #999;
font-family: themify;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #fff;
}
.tk-categories-navbar .owl-nav > div:after {
content: "";
visibility: visible;
position: absolute;
width: 100%;
height: 100%;
}
.tk-categories-navbar .owl-nav .owl-prev {
left: 0;
}
.tk-categories-navbar .owl-nav .owl-prev:before {
content: "";
}
.tk-categories-navbar .owl-nav .owl-next {
right: 0;
}
.tk-categories-navbar .owl-nav .owl-next:before {
content: "";
}
.tk-categories-navbarv2 .owl-nav {
display: flex;
}
.tk-categories-navbarv2 .owl-nav > div {
width: 50px;
}
.tk-categories-navbarv2 .owl-nav > div:before {
width: 100%;
}
.tk-categories-navbarv2 .owl-nav .owl-prev {
left: auto;
right: 49px;
}
.tk-categories-navbarv2 .owl-nav .owl-prev:after {
border-right: 0;
}
.tk-categories-navbarv2 .owl-nav .owl-next {
right: -1px;
}
.tk-categories-navbarv2 .owl-nav .owl-next:after {
border-radius: 0 10px 10px 0;
}
.tk-categoriesnav-holderv2 {
margin: 0 15px;
border-radius: 10px;
}
.tk-categoriesnav__title {
position: absolute;
min-width: 153px;
height: 50px;
align-items: center;
justify-content: center;
background-color: #8854FE;
margin: -1px 0 0 -1px;
border-radius: 10px 0 0 10px;
z-index: 2;
}
.tk-categoriesnav__title h5 {
font-size: 0.9375rem;
line-height: 1;
margin-bottom: 0;
font-weight: 400;
}
.tk-categoriesnav__title:after {
content: "";
width: 5px;
height: 10px;
background-color: #8854FE;
position: absolute;
right: -5px;
clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.tk-categoriesnavwrap {
position: relative;
}
.tk-categoriesnavwrap:before, .tk-categoriesnavwrap:after {
content: "";
position: absolute;
width: 30px;
height: 100%;
background-color: #fff;
z-index: 3;
top: 0;
}
.tk-categoriesnavwrap:before {
left: 0;
}
.tk-categoriesnavwrap:after {
right: 0;
}
.tk-activelast .tk-catsubmenu {
left: auto;
right: 0;
}
.tk-navbar {
margin-left: 30px;
}
@media (max-width: 1199px) {
.tk-navbar {
margin-left: auto;
order: 3;
}
}
.tk-navbar + .tk-headerwrap__right {
margin-left: auto;
}
.tk-navbar .navbar-toggler {
width: 48px;
height: 48px;
outline: 0;
color: #fff;
box-shadow: none;
border-radius: 10px;
background-color: #ff385c;
}
.tk-headerform {
display: flex;
align-items: center;
}
.tk-headerformbtn {
display: none;
}
.tk-headerformbtn .tk-btnvtwo {
padding: 0;
color: #676767;
min-width: 44px;
line-height: 44px;
}
.tk-headerformclose {
padding-left: 10px;
display: none;
}
.tk-headerformclose a {
color: #ff7062;
}
.tk-formopen.tk-headerwrap .tk-headerform {
margin-left: 0;
}
.tk-formopen.tk-headerwrap .tk-searchbar, .tk-formopen.tk-headerwrap .tk-headerformclose {
display: block;
}
.tk-formopen.tk-headerwrap .tk-headerformbtn, .tk-formopen.tk-headerwrap .tk-navbar, .tk-formopen.tk-headerwrap .tk-headerwrap__right {
display: none;
}
.tk-createbtn-wraper {
padding: 0 16px;
}
.tk-themesidebar {
width: 300px;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 99;
background-color: #fff;
border-right: 1px solid #eee;
transition: width 0.2s ease-in-out;
}
.tk-themesidebar .sub-menu {
margin-top: auto;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
position: absolute;
top: 10px;
left: 100%;
width: 100%;
min-width: 255px;
margin-left: 1px;
}
.tk-themesidebar .sub-menu li form {
width: 100%;
}
.tk-themesidebar .sub-menu li form a {
padding: 0;
}
.tk-themesidebar .sub-menu li a {
padding: 10px 8px;
justify-content: flex-start;
}
.tk-themesidebar .sub-menu li a i {
font-size: 20px;
line-height: 20px;
}
.tk-themesidebar ~ .tk-scetiondb,
.tk-themesidebar ~ .wpguppy-chat-app {
padding-left: 300px;
}
@media (max-width: 1199px) {
.tk-themesidebar ~ .tk-scetiondb,
.tk-themesidebar ~ .wpguppy-chat-app {
padding-left: 80px;
}
}
@media (max-width: 991px) {
.tk-themesidebar ~ .tk-scetiondb,
.tk-themesidebar ~ .wpguppy-chat-app {
padding-left: 0;
}
}
.tk-asidenavbar {
width: 100%;
padding: 0;
overflow: hidden;
overflow-y: auto;
margin-right: -10px;
background: transparent;
height: calc(100vh - 386px);
}
@media (max-width: 991px) {
.tk-asidenavbar {
height: calc(100vh - 330px);
}
}
.tk-asidenavbar_wrap {
padding: 8px 16px;
}
.tk-asidenavbar:hover::-webkit-scrollbar-thumb {
opacity: 1;
visibility: visible;
}
.tk-asidenavbar::-webkit-scrollbar-thumb {
opacity: 0;
visibility: hidden;
border-radius: 20px;
background-color: rgba(88, 88, 88, 0.3);
}
.tk-asidenavbar::-webkit-scrollbar {
width: 5px;
}
.tk-asidenavbar li {
list-style-type: none;
}
.tk-asidenavbar li > a {
gap: 10px;
width: 100%;
display: flex;
color: #585858;
padding: 10px 8px;
border-radius: 10px;
align-items: center;
white-space: nowrap;
word-break: break-all;
transition: all 0.3s ease-in-out;
font: 500 14px / 20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-asidenavbar li > a .tk-arrownicon {
margin-left: auto;
font-size: 16px;
color: #585858;
}
.tk-asidenavbar li > a > i {
font-size: 20px;
line-height: 20px;
}
.tk-asidenavbar li > a.active, .tk-asidenavbar li > a:hover {
background-color: #F7F7F7;
}
.tk-asidenavbar > .active .tk-arrownicon {
transform: rotate(-180deg);
}
.tk-create-button {
gap: 8px;
width: 100%;
display: flex;
color: #585858;
align-items: center;
white-space: nowrap;
border-radius: 10px;
padding: 9px 10px 9px 15px;
justify-content: space-between;
transition: all 0.3s ease-in-out;
border: 1px solid #eee;
font: 500 14px / 20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-create-button:hover {
color: #fff;
background: #ff385c;
border: 1px solid #ff385c;
}
.tk-userlogin {
padding: 15px 25px 15px 15px;
transition: all 0.3s ease-in-out;
}
.tk-userlogin .tk-hasbalance {
gap: 12px;
align-items: center;
color: #676767;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
width: 100%;
flex-wrap: nowrap;
}
.tk-userlogin .tk-hasbalance > img {
flex: none;
width: 48px;
background-color: #e4f5ff;
object-fit: cover;
border-radius: 10px;
height: 48px;
max-width: 48px;
}
.tk-userlogin .tk-hasbalance > i {
transition: all 0.3s ease-in-out;
position: absolute;
right: 25px;
}
.tk-userlogin:hover .tk-hasbalance > i {
transform: rotate(-90deg);
}
.tk-userlogin .tk-walletinfo span {
margin: 0;
display: flex;
color: #475467;
white-space: nowrap;
flex-direction: column;
}
.tk-userlogin .tk-switch-profile {
margin-bottom: 10px;
}
.tk-walletinfo h4 {
margin: 0;
color: #000000;
white-space: nowrap;
font: 600 14px / 20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-walletinfo span {
gap: 8px;
margin: 0;
position: relative;
align-items: center;
display: flex !important;
flex-direction: inherit !important;
color: rgba(88, 88, 88, 0.7);
font: 500 12px / 18px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-walletinfo span:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #22C55E;
box-shadow: 0 0 0 6px white;
}
.tk-usermenu {
margin: 0;
padding: 0;
padding: 0 16px;
list-style: none;
}
.tk-usermenu li {
list-style-type: none;
}
.tk-usermenu li a {
gap: 10px;
width: 100%;
display: flex;
color: #585858;
padding: 10px 8px;
border-radius: 10px;
align-items: center;
white-space: nowrap;
word-break: break-all;
font: 500 14px / 20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-usermenu li a i {
font-size: 20px;
line-height: 20px;
}
.tk-usermenu li a.active {
background-color: #F7F7F7;
}
.tk-usermenu li:hover:not(.tk-usermenu_account) a {
background-color: #F7F7F7;
}
.tk-usermenu li.tk-usermenu_account {
padding: 15px;
display: flex;
margin: 15px -16px 0;
flex-direction: column;
border-top: 1px solid #eee;
}
.tk-usermenu li.tk-usermenu_account span {
flex: auto;
display: flex;
align-items: center;
}
.tk-usermenu li.tk-usermenu_account span strong {
font-weight: 600;
font-size: 16px;
margin-left: auto;
}
.tk-usermenu li.tk-logout {
padding: 15px;
display: flex;
margin: 0 -16px;
flex-direction: column;
border-top: 1px solid #eee;
}
.tk-expertswitch {
background: #f7f7f7;
border-radius: 10px;
padding: 20px;
}
.tk-expertswitch .tk-expert-anchor {
padding-left: 0;
padding-right: 0;
color: #1d9ceb;
}
.tk-expertswitch h2 {
letter-spacing: 0.5px;
color: #1C1C1C;
}
.tk-expertswitch p {
display: block;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.6);
}
.tk-sidetooglearea {
padding: 15px 25px 0 15px;
}
.tk-toggler-btn {
z-index: 9;
flex: none;
width: 40px;
height: 40px;
display: flex;
font-size: 18px;
color: #585858;
align-items: center;
border-radius: 10px;
justify-content: center;
background-color: #F7F7F7;
cursor: pointer;
}
.tk-menufold ~ .tk-scetiondb,
.tk-menufold ~ .wpguppy-chat-app {
padding-left: 80px;
}
@media (max-width: 1199px) {
.tk-menufold ~ .tk-scetiondb,
.tk-menufold ~ .wpguppy-chat-app {
padding-left: 80px;
}
}
.tk-menufold {
width: 80px;
}
.tk-menufold .tk-asidenavbar > li > a {
justify-content: center;
}
.tk-menufold .tk-asidenavbar > li > a > span {
display: none;
}
.tk-menufold .tk-asidenavbar > li .tk-asidedropdown {
top: auto;
left: 63%;
opacity: 0;
width: 100%;
height: auto;
padding: 10px;
min-width: 200px;
background: #fff;
visibility: hidden;
position: absolute;
border-radius: 10px;
display: block !important;
transform: translateY(20px);
transition: transform 0.3s ease-in-out;
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.0784313725);
}
.tk-menufold .tk-asidenavbar > li:hover .tk-asidedropdown {
opacity: 1;
display: block !important;
visibility: visible;
transform: translateY(-30px);
}
.tk-menufold .tk-asidenavbar li > a .tk-arrownicon {
display: none;
}
.tk-menufold .tk-usermenu li a {
justify-content: center;
}
.tk-menufold .tk-usermenu li a span, .tk-menufold .tk-usermenu li.tk-usermenu_account span, .tk-menufold .tk-create-button span {
display: none;
}
.tk-menufold .tk-hasbalance > i, .tk-menufold .tk-walletinfo {
display: none;
}
@media (max-width: 991px) {
.tk-sidetooglearea {
position: absolute;
}
.tk-sidetooglearea .tk-toggler-btn {
margin: 0;
top: 20px;
left: 300px;
color: #fff;
position: absolute;
background: #ff5851;
border-radius: 0 10px 10px 0;
}
.sub-menu-holder {
position: relative;
}
.sub-menu-holder > .sub-menu {
width: 100%;
overflow-y: auto;
max-height: 615px;
padding: 8px 15px 0;
margin-right: -10px;
background: #fff;
left: 0px;
position: absolute;
top: auto;
}
.sub-menu-holder:hover > .sub-menu {
top: auto;
}
.tk-themesidebar .sub-menu-holder:hover > .sub-menu {
opacity: 0;
visibility: hidden;
transform: translateY(20px);
}
.tk-themesidebar .sub-menu-holder.wr-submenu-open > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
z-index: 9999;
}
}
.tk-header:has(.tk-header-topbar) {
padding: 0;
background: #1E1E1E;
}
.tk-header:has(.tk-header-topbar) > .container-fluid {
padding: 0;
}
.tk-header:has(.tk-header-topbar) > .container-fluid .row {
margin: 0;
}
.tk-header:has(.tk-header-topbar) > .container-fluid .row > [class^="col-"] {
padding: 0;
}
.tk-header:has(.tk-header-topbar) > .container-fluid .tk-headerwrap {
padding: 14px 30px;
border-radius: 20px 20px 0 0;
}
.tk-header-topbar {
gap: 8px;
display: flex;
padding: 12px;
align-items: center;
justify-content: center;
background: #1E1E1E;
}
.tk-header-topbar-text {
margin: 0;
display: inline-block;
text-align: center;
color: white;
font: 400 13px/16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-header-topbar-text > .tk-header-topbar-btn {
color: #fff;
margin-left: 4px;
animation-duration: 200ms;
text-decoration: underline;
transition: all 0.2s ease-in-out;
}
.tk-toggle-search {
width: 38px;
height: 38px;
display: grid;
border-radius: 50%;
place-content: center;
background: rgba(0, 0, 0, 0.05);
flex: none;
}
.tk-toggle-search i {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
}
.tk-header-actions-wrapper {
gap: 0 23px;
display: flex;
margin-left: auto;
align-items: center;
}
@media (max-width: 1280px) {
.tk-header-actions-wrapper {
gap: 0;
}
}
.tk-header-actions-wrapper .tk-search_category {
gap: 10px;
width: 360px;
border-radius: 10px;
padding: 8px 8px 8px 14px;
background: rgba(0, 0, 0, 0.05);
}
@media (max-width: 1500px) {
.tk-header-actions-wrapper .tk-search_category {
max-width: 320px;
}
}
@media (max-width: 1420px) {
.tk-header-actions-wrapper .tk-search_category {
display: none;
}
}
@media (max-width: 1199px) {
.tk-header-actions-wrapper .tk-search_category {
max-width: 100%;
}
}
.tk-header-actions-wrapper .tk-search_category > i {
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
}
.tk-header-actions-wrapper .tk-search_category input {
height: 32px;
background: transparent;
font: 400 15px/18px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-header-actions-wrapper .tk-search_category input::placeholder {
font-size: 15px;
color: #353648;
}
.tk-header-actions-wrapper .tk-search_category .form-control {
height: 32px;
border-radius: 6px;
}
.tk-header-actions-wrapper .tk-search_category .tk-select:before, .tk-header-actions-wrapper .tk-search_category .tk-calendar:before {
right: 10px;
font-size: 15px;
color: #353648;
font-weight: 500;
}
.tk-header-actions-wrapper .tk-search_category .select2-container .select2-selection {
height: 32px;
border-radius: 6px;
color: #1e1e1e;
background-color: #00000012;
}
.tk-header-actions-wrapper .tk-search_category .select2-container .select2-selection__rendered {
line-height: 32px;
padding: 0 30px 0 10px;
}
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-select:before, .tk-main-wrapper .tk-header-v13 .tk-search_category .tk-calendar:before {
right: 10px;
color: #353648;
}
.tk-navbarnav > :first-child > .sub-menu {
left: 0;
width: 100%;
display: grid;
min-width: 750px;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1199px) {
.tk-navbarnav > :first-child > .sub-menu {
display: none;
}
.tk-navbarnav > :first-child > .sub-menu.active {
display: grid;
}
}
@media (max-width: 767px) {
.tk-navbarnav > :first-child > .sub-menu {
min-width: 100%;
grid-template-columns: repeat(1, 1fr);
}
}
.tk-navbarnav > :first-child > .sub-menu li:hover a::after {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.tk-navbarnav > :first-child > .sub-menu li a::after {
opacity: 0;
content: "";
visibility: hidden;
color: rgba(0, 0, 0, 0.5);
transform: translateX(-20px);
transition: all 0.4s ease-in-out;
font-family: "Font Awesome 6 Pro";
}
.tk-main-wrapper .tk-header-topbar + div {
background: #ffffff;
border-radius: 20px 20px 0 0;
}
.tk-main-wrapper .tk-header-v2 {
top: 0;
left: 50%;
z-index: 99;
position: absolute;
background: #ffffff;
margin: 20px 0 0;
border-radius: 20px;
padding: 19px 12px;
transform: translateX(-50%);
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
max-width: 1320px;
}
.tk-main-wrapper .tk-header-v2 [class^="col-"] {
padding: 0;
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v2:has(.show) {
border-radius: 20px 20px 0 0;
}
}
@media (max-width: 1366px) {
.tk-main-wrapper .tk-header-v2 {
width: calc(100% - 40px);
}
}
.tk-main-wrapper .tk-header-v2 .tk-navbar {
margin-left: auto;
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v2 .tk-navbar {
order: 3;
margin-left: 10px;
}
}
.tk-main-wrapper .tk-header-v2 .tk-navbarnav > li::after {
bottom: -20px;
}
.tk-main-wrapper .tk-header-v2 .tk-navbarnav > .page-item-has-children > .sub-menu {
margin-top: 20px;
}
.tk-main-wrapper:has(.tk-header-v2) .tk-hero-banner-two {
padding-top: 238px;
padding-left: 15px;
padding-bottom: 145px;
}
.tk-main-wrapper:has(.tk-header-v3) .tk-hero-banner-three {
padding-bottom: 96px;
padding-left: 110px;
padding-top: 189px;
}
.tk-main-wrapper:has(.tk-header-v4) .tk-hero-banner-four {
padding-top: 204px;
}
.tk-main-wrapper:has(.tk-header-v8) .tk-hero-banner-ten {
padding-top: 200px;
}
.tk-main-wrapper:has(.tk-header-v9) .tk-homebanner_content {
width: 100%;
margin: 0 auto;
max-width: 1600px;
padding: 204px 15px 138px;
}
.tk-main-wrapper:has(.tk-header-v9) .tk-search_category {
max-width: 844px;
}
.tk-main-wrapper:has(.tk-header-v12) .tk-homebanner_content {
padding-top: 150px;
}
.tk-main-wrapper:has(.tk-header-v13) .tk-hero-banner-twelve {
padding-top: 140px;
}
.tk-main-wrapper:has(.tk-header-v13):has(.tk-header-topbar) .tk-hero-banner-twelve {
padding-top: 136px;
}
.tk-main-wrapper:has(.tk-header-v13):has(.tk-header-topbar) .tk-hero-banner-twelve::after {
border-radius: 20px 20px 0 0;
}
.tk-main-wrapper .tk-header-v3 {
top: 30px;
z-index: 31;
margin: 5px 9px;
position: absolute;
padding-top: 19.5px;
padding-bottom: 19.5px;
padding-left: 40px;
padding-right: 10px;
width: calc(100% - 40px);
border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 575px) {
.tk-main-wrapper .tk-header-v3 {
padding-left: 0;
padding-right: 0;
}
}
.tk-main-wrapper .tk-header-v3 .navbar-toggler {
outline: none;
box-shadow: none;
background: rgba(255, 255, 255, 0.1);
}
.tk-main-wrapper .tk-header-v3 .tk-navbar {
margin-left: auto;
}
@media (max-width: 1199px) and (min-width: 420px) {
.tk-main-wrapper .tk-header-v3 .tk-navbar {
margin-left: 10px;
}
}
.tk-main-wrapper .tk-header-v3 .tk-language-select > i, .tk-main-wrapper .tk-header-v3 .tk-language-select .tk_category_opt, .tk-main-wrapper .tk-header-v3 .tb-select:before, .tk-main-wrapper .tk-header-v3 .tk-select:before, .tk-main-wrapper .tk-header-v3 .tk-calendar:before, .tk-main-wrapper .tk-header-v3 .select2-container .select2-selection--single .select2-selection__rendered, .tk-main-wrapper .tk-header-v3 .tk-btn-login {
color: #ffffff;
}
.tk-main-wrapper .tk-header-v3 .tk-btn-signin {
box-shadow: none;
background: transparent;
border-radius: 10px;
height: auto;
padding: 13px 21px;
border: 1px solid #fff;
}
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > .page-item-has-children > .sub-menu {
margin-top: 20px;
}
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > li::after {
bottom: -19px;
}
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > li > a {
color: #ffffff;
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > li > a {
color: #1e1e1e;
}
}
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > li > a i {
color: #ffffff;
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > li > a i {
color: #1e1e1e;
}
}
.tk-main-wrapper .tk-header-v4 {
top: 0;
left: 0;
border: 0;
z-index: 99;
position: absolute;
background: transparent;
}
.tk-main-wrapper .tk-header-v4 .tk-navbar {
margin-left: auto;
}
.tk-main-wrapper .tk-header-v5 {
border: 0;
padding-top: 14.5px;
padding-bottom: 14.5px;
}
.tk-main-wrapper .tk-header-v5 .tk-navbarnav > li::after {
bottom: -14px;
}
.tk-main-wrapper .tk-header-v5 .tk-navbarnav > .page-item-has-children > .sub-menu {
margin-top: 15px;
}
.tk-main-wrapper .tk-header-v6, .tk-main-wrapper .tk-header-v7, .tk-main-wrapper .tk-header-v10, .tk-main-wrapper .tk-header-v11 {
border-bottom: 0;
}
@media (max-width: 767px) {
.tk-main-wrapper .tk-header-v10 {
padding-left: 0;
padding-right: 0;
}
}
.tk-main-wrapper .tk-header-v8 {
position: absolute;
background: transparent;
z-index: 99;
border: 0;
}
.tk-main-wrapper .tk-header-v9 {
position: absolute;
background: transparent;
z-index: 99;
border: 0;
padding: 20px 18px;
}
@media (max-width: 767px) {
.tk-main-wrapper .tk-header-v9 {
padding-left: 8px;
padding-right: 8px;
}
}
.tk-main-wrapper .tk-header-v9 .tk-navbar {
margin-left: auto;
}
@media (max-width: 1199px) and (min-width: 420px) {
.tk-main-wrapper .tk-header-v9 .tk-navbar {
margin-left: 10px;
}
}
.tk-main-wrapper .tk-header-v9 .tk-language-select > i, .tk-main-wrapper .tk-header-v9 .tk-language-select .tk_category_opt, .tk-main-wrapper .tk-header-v9 .tb-select:before, .tk-main-wrapper .tk-header-v9 .tk-select:before, .tk-main-wrapper .tk-header-v9 .tk-calendar:before, .tk-main-wrapper .tk-header-v9 .select2-container .select2-selection--single .select2-selection__rendered, .tk-main-wrapper .tk-header-v9 .tk-btn-login {
color: #ffffff;
}
.tk-main-wrapper .tk-header-v9 .tk-btn-signin {
box-shadow: none;
padding: 13px 33px;
border: 1px solid #ffffff;
background-color: transparent;
}
.tk-main-wrapper .tk-header-v9 .tk-btn-signin:hover, .tk-main-wrapper .tk-header-v9 .tk-btn-signin:focus {
border-color: transparent;
}
.tk-main-wrapper .tk-header-v9 .tk-navbarnav > li > a {
color: #ffffff;
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v9 .tk-navbarnav > li > a {
color: rgba(30, 30, 30, 0.6);
}
}
.tk-main-wrapper .tk-header-v9 .tk-navbarnav > li > a i {
color: #ffffff;
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v9 .tk-navbarnav > li > a i {
color: #1E1E1E;
}
}
.tk-main-wrapper .tk-header-v12 {
position: absolute;
top: 29px;
z-index: 99;
border-bottom: 0;
width: calc(100% - 50px);
margin: auto;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 1366px) {
.tk-main-wrapper .tk-header-v12 {
padding-left: 0;
padding-right: 0;
}
}
.tk-main-wrapper .tk-header-v12 .tk-language-select > i, .tk-main-wrapper .tk-header-v12 .tk-language-select .tk_category_opt, .tk-main-wrapper .tk-header-v12 .tb-select:before, .tk-main-wrapper .tk-header-v12 .tk-select:before, .tk-main-wrapper .tk-header-v12 .tk-calendar:before, .tk-main-wrapper .tk-header-v12 .select2-container .select2-selection--single .select2-selection__rendered, .tk-main-wrapper .tk-header-v12 .tk-btn-login {
color: #ffffff;
}
.tk-main-wrapper .tk-header-v12 .tk-navbarnav > li > a {
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v12 .tk-navbarnav > li > a {
color: #676767;
}
}
.tk-main-wrapper .tk-header-v12 .tk-navbarnav > li > a i {
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1199px) {
.tk-main-wrapper .tk-header-v12 .tk-navbarnav > li > a i {
color: #1E1E1E;
}
}
.tk-main-wrapper .tk-header-v12 .tk-search_category {
background: #ffffff0a;
}
.tk-main-wrapper .tk-header-v12 .tk-search_category i {
color: rgba(255, 255, 255, 0.8);
}
.tk-main-wrapper .tk-header-v12 .tk-search_category input {
caret-color: #fff;
color: rgba(255, 255, 255, 0.8);
}
.tk-main-wrapper .tk-header-v12 .tk-search_category input::placeholder {
color: rgba(255, 255, 255, 0.8);
}
.tk-main-wrapper .tk-header-v12 .tk-search_category .form-control {
color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.1);
}
.tk-main-wrapper .tk-header-v12 .tk-search_category .tk-select:before, .tk-main-wrapper .tk-header-v12 .tk-search_category .tk-calendar:before {
color: rgba(255, 255, 255, 0.5);
}
.tk-main-wrapper .tk-header-v12 .tk-search_category .tk-select .select2-selection, .tk-main-wrapper .tk-header-v12 .tk-search_category .tk-calendar .select2-selection {
background: rgba(255, 255, 255, 0.1);
}
.tk-main-wrapper .tk-header-v12 .tk-search_category .tk-select .select2-selection .select2-selection__rendered, .tk-main-wrapper .tk-header-v12 .tk-search_category .tk-calendar .select2-selection .select2-selection__rendered {
color: rgba(255, 255, 255, 0.8);
}
.tk-main-wrapper .tk-header-v12 .tk-btn-signin {
color: #ffffff;
background-color: transparent;
border: 1px solid #ffffff;
}
.tk-main-wrapper .tk-header-v12 .tk-btn-signin:hover {
border-color: transparent;
}
.tk-main-wrapper .tk-header-v13 {
position: absolute;
z-index: 99;
background: transparent;
border: 0;
}
.tk-main-wrapper .tk-header-v13 .tk-navbarnav > li > a {
color: #353648;
}
.tk-main-wrapper .tk-header-v13 .tk-search_category {
color: #353648;
background: rgba(0, 0, 0, 0.06);
}
.tk-main-wrapper .tk-header-v13 .tk-search_category i {
color: #746e61;
}
.tk-main-wrapper .tk-header-v13 .tk-search_category input {
color: #353648;
}
.tk-main-wrapper .tk-header-v13 .tk-search_category input::placeholder {
color: #353648;
}
.tk-main-wrapper .tk-header-v13 .tk-search_category .form-control {
color: #353648;
background: rgba(0, 0, 0, 0.06);
}
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-select:before, .tk-main-wrapper .tk-header-v13 .tk-search_category .tk-calendar:before {
color: #353648;
}
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-select .select2-selection, .tk-main-wrapper .tk-header-v13 .tk-search_category .tk-calendar .select2-selection {
background: rgba(0, 0, 0, 0.06);
}
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-select .select2-selection .select2-selection__rendered, .tk-main-wrapper .tk-header-v13 .tk-search_category .tk-calendar .select2-selection .select2-selection__rendered {
color: #353648;
padding: 0 30px 0 10px;
}
@media (max-width: 991px) {
.tk-themesidebar {
transition: none;
}
.tk-themesidebar.tk-menufold .tk-sidetooglearea {
left: -520px;
transition: none;
}
}
.tk-asidedropdown {
margin-left: 30px;
list-style-type: none;
padding-left: 0;
display: none;
}
.tk-asidedropdown li > a {
padding: 10px;
}
.tk-asidedropdown a.active {
font-weight: 600;
color: #000000;
background: transparent !important;
}
.tk-asidedropdown a:hover {
color: #585858 !important;
background-color: #F7F7F7 !important;
}
.showMenu > .tk-asidedropdown {
display: block;
}
.tk-header-v13.tk-header:has(.tk-header-topbar) > .container-fluid {
border-radius: 0;
background-color: transparent;
}
@media (min-width: 1200px) {
.tk-navbarnav > li > a {
padding: 25.5px 15px;
margin: -14px 0;
}
.tk-header-v2 .tk-navbarnav > li > a, .tk-header-v3 .tk-navbarnav > li > a {
margin: -20px 0;
padding: 32px 12px;
}
.tk-header-v5 .tk-navbarnav > li > a {
margin: -15px 0;
padding: 26.5px 12px;
}
.tk-header-v9 .tk-navbarnav > li > a {
margin: -25px 0;
padding: 37px 12px;
}
}
.sub-menu .sub-menu .sub-menu .sub-menu {
margin: 50px 0 0;
top: 100%;
left: -10px;
right: auto;
}
.sub-menu .sub-menu .sub-menu > li:hover > .sub-menu {
margin-top: 0;
}
.tk-main-wrapper .tk-header-v2 .tk-navbarnav > .page-item-has-children > .sub-menu {
margin-top: 20px;
}
.sub-menu > li:hover > .sub-menu {
top: 0;
visibility: visible;
opacity: 1;
z-index: 2;
}
.sub-menu > li:hover > a {
color: #1e1e1e;
background: #f7f7f7;
}
.tk-main-wrapper .tk-header-v3.tk-header:has(.tk-header-topbar), .tk-main-wrapper .tk-header-v2.tk-header:has(.tk-header-topbar), .tk-main-wrapper .tk-header-v5.tk-header:has(.tk-header-topbar) {
padding: 0;
}
.tk-main-wrapper .tk-header-v2 .tk-header-topbar {
border-radius: 20px 20px 0 0;
}
.tk-main-wrapper .tk-header-v2.tk-header:has(.tk-header-topbar) > .container-fluid {
background-color: transparent;
}
.tk-header-v2.tk-header:has(.tk-header-topbar) > .container-fluid .tk-headerwrap {
padding-top: 19.5px;
padding-bottom: 19.5px;
}
.tk-main-wrapper .tk-header-v3.tk-header:has(.tk-header-topbar) {
padding: 0;
background: transparent;
}
.tk-main-wrapper .tk-header-v3.tk-header:has(.tk-header-topbar) .tk-header-topbar {
border-radius: 20px 20px 0 0;
}
.tk-header-v3.tk-header:has(.tk-header-topbar) > .container-fluid {
background: transparent;
}
.tk-header-v3.tk-header:has(.tk-header-topbar) > .container-fluid .tk-headerwrap {
padding-top: 19.5px;
padding-bottom: 19.5px;
}
.tk-header-v4.tk-header:has(.tk-header-topbar) > .container-fluid {
background-color: transparent;
}
.tk-header-v8.tk-header:has(.tk-header-topbar) > .container-fluid {
background: transparent;
}
.tk-header-v9.tk-header:has(.tk-header-topbar) > .container-fluid {
background: transparent;
}
.tk-header-v12.tk-header:has(.tk-header-topbar) > .container-fluid {
background: transparent;
}
.tk-header-v12.tk-header:has(.tk-header-topbar) {
background-color: transparent;
}
.tk-header-v12.tk-header:has(.tk-header-topbar) .tk-header-topbar {
border-radius: 20px 20px 0 0;
}
.tk-header-v12.tk-header:has(.tk-header-topbar) > .container-fluid .tk-headerwrap {
padding-top: 20px;
padding-bottom: 20px;
}
.tk-language-select {
width: 95px;
}
.tk-language-select > i {
position: absolute;
left: 10px;
z-index: 1;
}
.tk-language-select .tk_category_opt, .tk-language-select .select2-container--default .select2-selection {
background: rgba(0, 0, 0, 0.06);
border-color: transparent;
}
.tk-language-select .tk_category_opt, .tk-language-select .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 30px;
}
.tk-main-wrapper:has(.tk-header-v5) .tk-homebanner_content {
width: 100%;
max-width: 553px;
}
.tk-hero-banner-two {
padding-top: 229px !important;
}
.tk-main-wrapper .tk-header-v4 {
padding: 20px 18px;
}
@media (max-width: 767px) {
.tk-main-wrapper:has(.tk-header-v3) .tk-hero-banner-three {
padding-top: 220px;
}
.tk-hero-banner-four .tk-search_category .tk-search-menu {
width: calc(100% - 184px);
}
.tk-main-wrapper:has(.tk-header-v4) .tk-hero-banner-four {
padding-top: 160px;
}
}
@media (max-width: 575px) {
.tk-switch-language {
display: none;
}
}
@media (max-width: 575px) {
.tk-main-wrapper:has(.tk-header-v3) .tk-hero-banner-three {
padding-left: 20px;
}
}
@media (max-width: 480px) {
.tk-header-actions-wrapper {
width: auto;
align-items: self-end;
justify-content: flex-end;
}
.tk-main-wrapper:has(.tk-header-v8) .tk-hero-banner-ten {
padding-top: 140px;
}
}
.page-home-page:has(.pb-themesection .tk-topfooter) + .tk-footerwrap {
padding: 0 !important;
}
.tk-footerwrap {
padding: 0px;
}
@media (max-width: 576px) {
.tk-footerwrap {
padding: 0px;
}
}
.tk-footer {
padding: 92px 0 40px;
background: #1E1E1E;
border-radius: 20px 20px 0 0;
}
.tk-footer_copyright {
margin-top: 76px;
}
.tk-footer .tk-fwidget, .tk-footer .tk-footernewsletter.tk-footernewsletterv2 {
margin-top: -12px;
}
.tk-footer .tk-fwidget_title strong {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 26px;
letter-spacing: 0.5px;
}
.tk-footer_info {
display: flex;
flex-direction: column;
gap: 30px;
}
.tk-footer_info .tk-description p {
margin: 0;
color: rgba(255, 255, 255, 0.8);
font: 400 1rem/1.38875em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-footer-mobile-app .tk-title {
margin-bottom: 24px;
}
.tk-footer-mobile-app .tk-title h3 {
color: #ffffff;
font: 400 1.25rem/1em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-socailapp {
gap: 10px;
display: flex;
padding-left: 0;
flex-direction: row;
}
.tk-socailapp li {
list-style-type: none;
}
.tk-socailapp li img {
display: block;
width: 100%;
max-width: 130px;
}
.tk-fwidget_title {
margin-bottom: 20px;
}
.tk-fwidget_title h5 {
margin: 0;
color: #ffffff;
font-size: 1.125rem !important;
line-height: 1.4444444444em !important;
font: 600 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-fwidget_list {
padding: 0;
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
}
@media (max-width: 640px) {
.tk-fwidget_list {
grid-template-columns: auto;
}
}
.tk-fwidget_list li {
list-style-type: none;
}
.tk-fwidget_list li > a {
display: block;
color: rgba(255, 255, 255, 0.8);
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-fwidget_list li > a {
display: block;
font: 400 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-fwidget_list li > a:hover {
color: #ffffff;
}
.tk-fwidget_contact_list {
gap: 10px;
padding: 0;
display: flex;
flex-direction: column;
}
.tk-fwidget_contact_list li {
display: flex;
align-items: center;
list-style-type: none;
color: rgba(255, 255, 255, 0.8);
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-fwidget_contact_list li {
flex-wrap: wrap;
padding-left: 30px;
position: relative;
font: 400 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-fwidget_contact_list li i {
font-size: 20px;
min-width: 34px;
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
.tk-fwidget_contact_list li i {
left: 0;
position: absolute;
}
}
.tk-fwidget_contact_list li > a {
color: rgba(255, 255, 255, 0.8);
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-fwidget_contact_list li > a {
font: 400 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-fwidget_contact_list li > span {
color: #999;
padding-left: 14px;
}
@media (max-width: 767px) {
.tk-fwidget_contact_list li > span {
padding-left: 0;
}
}
.tk-footer-copywrapper {
gap: 10px;
display: flex;
padding: 21px 32px;
align-items: center;
border-radius: 20px;
flex-wrap: wrap-reverse;
justify-content: space-between;
background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 1199px) {
.tk-footer-copywrapper {
align-items: start;
}
}
@media (max-width: 991px) {
.tk-footer-copywrapper .tk-fcopyright_info {
padding: 0;
border-left: 0;
}
}
@media (max-width: 420px) {
.tk-footer-copywrapper {
padding: 20px;
}
}
.tk-fcopyright {
gap: 24px;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.tk-fcopyright {
gap: 10px;
align-items: flex-start;
flex-direction: column-reverse;
}
.tk-fcopyright_info {
border-left: 0;
}
}
.tk-fcopyright_info {
display: block;
padding-left: 24px;
color: rgba(255, 255, 255, 0.8);
font: 300 0.9375rem/2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
.tk-fcopyright_info {
border: 0;
padding: 0;
}
}
.tk-fcopyright_list ul {
padding: 0;
display: flex;
gap: 0 24px;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.tk-fcopyright_list ul {
flex-wrap: wrap;
}
}
.tk-fcopyright_list ul li {
list-style-type: none;
}
.tk-fcopyright_list ul li > a {
display: block;
color: rgba(255, 255, 255, 0.8);
font: 300 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-fcopyright_list ul li > a:hover {
color: #ffffff;
}
.tk-socialicons {
gap: 30px;
display: flex;
align-items: center;
padding: 0;
}
.tk-socialicons > li {
list-style-type: none;
}
.tk-socialicons > li > a {
font-size: 18px;
color: rgba(255, 255, 255, 0.6);
}
.tk-socialicons > li > a > i {
color: #ffffff;
display: block;
}
.tk-socialicons > li > a:hover {
color: #ffffff;
}
[class^="page-home-"], .page-terms-condition, .page-privacy-policy, .page-about-us {
width: 100%;
}
.tk-topfooter {
width: 100%;
z-index: 1;
padding: 0 30px;
position: relative;
}
@media (max-width: 576px) {
.tk-topfooter {
padding: 0 10px;
}
}
.tk-topfooter::after {
content: "";
left: 0;
height: 50%;
z-index: -1;
bottom: -20px;
min-height: 163px;
width: calc(100%);
position: absolute;
pointer-events: none;
background: #1E1E1E;
border-radius: 20px 20px 0 0;
}
.pb-themesection:has(.tk-topfooter) .container-fluid, .pb-themesection:has(.tk-topfooter) .col-12, .pb-themesection:has(.tk-topfooter) .row {
margin: 0;
padding: 0;
}
.tk-main-wrapper > :nth-last-child(2):has(.tk-topfooter) + .tk-footerwrap .tk-footer {
border-radius: 0;
}
.tb-loginconatiner {
height: 100vh;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
}
.tb-loginconatiner figure {
margin: 0;
background: #353648;
position: absolute;
width: 100%;
}
.tb-loginconatiner figure img {
width: 100%;
opacity: 0.3;
height: 100vh;
object-fit: cover;
object-position: top;
}
.tb-popupcontainer {
background: #fff;
max-width: 600px;
border-radius: 6px;
position: relative;
}
.tb-popupcontainer .tb-formlogin .form-group-title {
flex: 0 0 136px;
}
.tb-popupcontainer .tb-popuptitle {
padding-top: 22px;
padding-bottom: 22px;
}
.tb-popupcontainer .tb-popuptitle h4 {
font-size: 1.125rem;
line-height: 1.4444444444em;
}
.tb-popupcontainervtwo .tb-loginfooterinfo {
background: #f7f7f7;
}
.tb-popupcontainervtwo .tb-loginfooterinfo a {
width: 100%;
}
.tb-popupcontainer .tb-loginfooterinfo a {
background: #f7f7f7;
border-radius: 0 0 6px 6px;
}
.tk-loginconatiner {
gap: 30px;
z-index: 1;
height: 100%;
display: flex;
padding: 30px;
position: relative;
min-height: calc(100vh - 1px);
background-color: #FFFFFF;
}
.tk-login_title {
max-width: 476px;
margin: 0 auto;
padding: 40px 20px;
text-align: center;
background: #ff385c;
border-radius: 30px 30px 0 0;
width: 100%;
}
.tk-login_title > a {
display: block;
text-align: center;
max-width: 130px;
margin: 0 auto;
}
.tk-login_title h5 {
color: #ffffff;
margin: 20px 0 0;
}
.tk-login-content {
width: 100%;
display: flex;
padding: 30px;
max-width: 50%;
flex-wrap: wrap;
align-items: center;
border-radius: 10px;
flex-direction: column;
justify-content: center;
background-color: #ffffff;
}
.tk-login-content .form-group-title {
display: none;
}
.tk-login-content .form-control {
height: 48px;
}
.tk-login-content fieldset {
margin: -10px;
}
.tk-login-content .tk-themeform__wrap > * {
padding: 10px;
}
.tk-login-content .tk-themeform__wrap .tk-popup-terms .tk-btn-solid-lg, .tk-login-content .tk-themeform__wrap .tk-popup-terms .tk-btn-solid-lg-lefticon {
margin-top: 0;
}
.tk-login-content .tk-themeform__wrap .tk-popup-terms .tk-btn-solid-lg i, .tk-login-content .tk-themeform__wrap .tk-popup-terms .tk-btn-solid-lg-lefticon i {
font-size: 16px;
}
.tk-login-content .tk-themeform__wrap .form-check-label {
padding-left: 6px;
}
.tk-login-content .tk-themeform__wrap .form-check-label span {
display: block;
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #585858;
}
.tk-login-content .tk-themeform__wrap .form-check-label span a {
color: #37f;
}
.tk-login-content .tb-form-btn {
flex-direction: column;
align-items: center;
margin: 0;
}
.tk-login-content .tb-form-btn > span {
color: #999999;
background-color: #ffffff;
position: relative;
padding: 0 10px;
margin: 30px 0 10px;
}
.tk-login-content .tb-form-btn .tk-lost-password {
padding-top: 20px;
}
.tk-login-content .tb-form-btn .tb-checkterm {
width: 100%;
}
.tk-login-content .tb-form-btn .tb-checkterm .tb-btn, .tk-login-content .tb-form-btn .tb-checkterm .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tk-login-content .tb-form-btn .tb-checkterm button, .tk-login-content .tb-form-btn .tb-checkterm .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tk-login-content .tb-form-btn .tb-checkterm button {
width: 100%;
}
.tk-login-content .tb-form-btn .tk-sginup-btn {
display: flex;
justify-content: center;
}
.tk-login-content .tb-form-btn .tk-optioanl-or::before {
left: 0;
width: 100%;
}
.tk-login-content .form-group-radio {
padding: 12px;
gap: 10px 20px;
background: #F7F7F8;
border-radius: 10px;
}
.tk-login-content .form-group-radio .tk-form-checkbox {
padding: 0;
position: relative;
}
.tk-login-content .form-group-radio .tk-form-checkbox .form-check-label {
display: block;
font-size: 0.875rem;
line-height: 1.4285714286em;
color: rgba(0, 0, 0, 0.6);
}
.tk-login-content .form-group-radio .tk-form-checkbox .form-check-input[type=radio]:checked {
border-color: #000;
background-color: #000;
}
.tk-login-content .form-group-radio .tk-form-checkbox .form-check-input[type=radio]:after {
width: 6px;
height: 6px;
}
@media (max-width: 991px) {
.tk-login-content {
max-width: 100%;
}
}
.tk-login-banner {
margin-left: auto;
align-self: center;
margin-right: -30px;
}
.tk-login-img {
margin: 0;
max-width: 870px;
}
@media (max-width: 1199px) {
.tk-login-img {
max-width: 400px;
}
}
@media (max-width: 991px) {
.tk-login-img {
display: none;
}
}
.am-registration-terms .tb-checkterm {
margin: 10px 0 30px;
}
.tk-optioanl-or {
width: 100%;
text-align: center;
padding-top: 20px !important;
padding-bottom: 20px !important;
position: relative;
}
.tk-optioanl-or span {
color: #999999;
background-color: #ffffff;
position: relative;
padding: 0 10px;
}
.tk-optioanl-or::before {
content: "";
position: absolute;
top: 50%;
left: 10px;
height: 1px;
width: calc(100% - 20px);
background-color: #DDDDDD;
}
.tk-login-content .tk-themeform__wrap .tb-form-btn .tk-optioanl-or {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.tk-sginup-btn {
width: 100%;
padding-bottom: 20px;
}
.btn-signup {
width: 100%;
border: 1.5px solid #DDDDDD;
height: auto;
padding: 13px 10px;
}
.btn-signup img {
padding-right: 10px;
}
.btn-signup:hover, .btn-signup:focus {
background-color: #fff;
color: #0a0f26;
}
.tk-lost-password {
width: 100%;
align-items: center;
justify-content: center;
}
.tk-lost-password span {
gap: 4px;
display: flex;
color: #585858;
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-lost-password span a {
color: #000;
font-weight: 600;
}
.tk-password-clr_light {
color: #999999;
}
.tk-password-clr_light:hover {
color: #999999;
}
.tk-login-titlev2 h5 {
max-width: 330px;
margin: 0 auto;
}
.user-registration-form .form-group-half, .user-registration-form .form-group, .tb-forgot-password-form .form-group-half, .tb-forgot-password-form .form-group {
margin: 0;
}
.password-hide-show {
display: none;
}
.tb-reg-option .tb-radio input[type=radio]:checked + label {
color: #ff385c;
}
.tb-reg-option .tb-radio input[type=radio]:checked + label:before {
border: 0;
}
.tb-reg-option .tb-radio input[type=radio] + label:after {
top: 8px;
left: 5px;
width: 10px;
height: 10px;
}
.tb-reg-option .tb-radio + .tb-radio {
padding-left: 30px;
}
/*signup styling */
.tk-loginconatiner-two .tk-popupcontainer {
max-width: 500px;
position: relative;
}
.tk-login-content-two {
border-radius: 30px 0 30px 30px;
}
.tk-loginalert {
width: 100%;
margin: 0 0 30px;
max-width: 400px;
}
.tk-loginalert_error {
color: #FF6167;
padding: 19px;
border-radius: 4px;
background: rgba(255, 97, 103, 0.1);
border: 1.5px solid rgba(255, 97, 103, 0.2);
font: 600 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-loginalert_error + .tk-loginalert_option {
margin-top: 10px;
}
.tk-loginalert_option {
margin: 0;
padding: 0;
list-style: none;
}
.tk-loginalert_option li {
list-style-type: none;
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-login-info {
width: 100%;
max-width: 300px;
text-align: center;
margin: 0 auto 30px;
}
.tk-login-info a {
display: block;
}
.tk-login-info a + span, .tk-login-info a + h5 {
margin-top: 20px;
}
.tk-login-info img {
width: 100%;
display: block;
margin: 0 auto;
max-width: 103px;
}
.tk-login-info h5 {
color: #1E1E1E;
margin-bottom: 0;
font: 600 1.875rem/1.2666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-login-info span {
margin: 0;
color: #888;
display: block;
letter-spacing: 0.5px;
font: 400 1rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-loginform {
max-width: 400px;
}
.tk-loginform.tk-signupform {
max-width: 100%;
}
.tk-loginform.tk-signupform .tk-lost-password, .tk-loginform.tk-signupform .tk-popup-terms {
margin-top: 10px;
}
.tk-loginform .tk-login-condition {
align-items: flex-start;
}
.tk-loginform .tk-placeholderholder .form-control {
border: 0;
font-size: 15px;
background: #F7F7F8;
border-color: #F7F7F8;
}
.tk-loginform .tk-placeholderholder .form-control::placeholder {
color: #999;
font-size: 15px;
}
.tk-loginform .form-check-input {
width: 16px;
height: 16px;
margin: 2px 0;
background: #fff;
border-color: #EAEAEA;
}
.tk-loginform .form-check-input:checked[type=checkbox] {
border-color: #22C55E;
}
.tk-loginform .form-check-input:after {
font-size: 10px;
}
.tk-loginform .form-group_action {
display: flex;
margin-top: 10px;
align-items: center;
}
.tk-loginform .form-group_action .tk-password-clr_light {
color: #EE4710;
margin-left: auto;
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-loginclose-tag {
right: 0;
top: 35px;
width: 40px;
height: 40px;
color: #ffffff;
display: grid;
border-radius: 50%;
position: absolute;
place-items: center;
background-color: #EF4444;
}
.tk-loginclose-tag i {
font-size: 20px;
}
.tk-loginclose-tag:hover {
color: #ffffff;
}
.tk-login-condition {
flex-wrap: nowrap;
align-items: flex-start;
}
.tk-verifyemail_info {
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-verifyemail_info + .tk-verifyemail_alert {
margin-top: 20px;
}
.tk-verifyemail_alert {
border-radius: 4px;
padding: 10px 20px;
border: 1px solid #22C55E;
background-color: rgba(34, 197, 94, 0.1);
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-verify-email {
gap: 20px;
margin-top: 20px;
}
.tk-verify-email form {
flex: auto;
}
.tk-verify-email form .tk-btn-solid-lg, .tk-verify-email form .tk-btn-solid-lg-lefticon {
width: 100%;
}
.tk-forgetpass-form .tk-popup-terms {
margin-top: 20px;
}
.tk-forgetpass-form .tk-lost-password {
margin-top: 10px;
}
.modal-dialog {
max-width: 600px;
}
.modal .modal-body {
padding: 20px;
}
.tb-popuptitle {
display: flex;
padding: 15px;
align-items: center;
background: #F7F7F7;
border-radius: 10px;
}
.tb-popuptitle h4 {
margin: 0;
font-size: 1.125rem;
letter-spacing: 0.5px;
line-height: 1.4444444444em;
}
.tb-popuptitle .close {
margin-left: auto;
font-size: 20px;
text-shadow: none;
opacity: 1 !important;
}
.tb-popuptitle .close:hover {
color: #353648;
}
.tb-popuptitle .close i {
display: block;
color: #0a0f26;
font-size: 24px;
}
.modal .modal-content {
border: 0;
padding: 5px;
border-radius: 10px;
}
.modal .modal-content .modal .modal-body {
padding-left: 15px;
padding-bottom: 15px;
padding-right: 15px;
}
.tb-formlogin .form-group-title {
flex: 0 0 140px;
margin-bottom: 0;
}
.tb-formlogin .form-group-half, .tb-formlogin .form-group {
margin: 0;
display: flex;
align-items: center;
}
.tb-form-btn {
margin: 10px 0 0;
}
.tb-form-btn .tb-btn, .tb-form-btn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-form-btn button, .tb-form-btn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-form-btn button {
margin-left: auto;
}
.tb-optionsbar {
float: left;
width: 100%;
margin: 25px 0 28px;
text-align: center;
font: 700 0.875rem/1em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
position: relative;
}
.tb-optionsbar em {
z-index: 9;
color: #999;
display: block;
margin: 0 auto;
max-width: 50px;
background: #fff;
font-style: normal;
position: relative;
}
.tb-optionsbar:after {
left: 0;
top: 50%;
width: 100%;
content: "";
height: 1px;
background: #eee;
position: absolute;
}
.tb-loginicon {
width: 100%;
align-items: center;
}
.tb-loginicon .form-group-title {
min-width: 140px;
width: auto;
margin: 0;
padding-right: 20px;
}
.tb-loginicon ul {
flex: auto;
width: auto;
margin: -5px;
list-style: none;
overflow: hidden;
}
.tb-loginicon ul li {
width: 50%;
padding: 5px;
list-style-type: none;
}
.tb-loginicon a {
color: #fff;
display: block;
border-radius: 10px;
padding: 0 20px 0 0;
font: 600 0.875rem/2.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-loginicon a span {
min-width: 40px;
line-height: 40px;
text-align: center;
margin-right: 15px;
display: inline-block;
background: rgba(0, 0, 0, 0.2);
}
.tb-facebookbox {
background: #3b5999;
}
.tb-googlebox {
background: #dd4b39;
}
.tb-loginfooterinfo {
width: 100%;
border: 0;
background: #fcfcfc;
border-radius: 0 0 6px 6px;
padding: 0;
border-top: 1px solid #dddddd;
}
.tb-loginfooterinfo a {
width: 50%;
display: inline-block;
margin: 0 !important;
padding: 10px 20px;
text-align: center;
line-height: 30px;
}
.tb-loginfooterinfo a + a {
border-left: 1px solid #dddddd;
}
.tb-loginfooterinfo a em {
font-style: normal;
color: #999;
}
.tb-eyeicon input {
padding-right: 50px;
flex: auto;
outline: none;
}
.tb-eyeicon > a {
right: 25px;
color: #999;
position: absolute;
}
.tb-eyeicon > a i {
position: relative;
}
.tb-eyeicon > a i:after {
content: "";
position: absolute;
background-color: #999;
border-right: 1px solid #fff;
right: 7px;
bottom: 0;
width: 2px;
height: 100%;
transform: rotate(45deg);
}
.tb-eyeicon > a.tb-showpassword i:after {
display: none;
}
.tb-joinpopup .tb-loginfooterinfo a {
width: 100%;
}
.tb-popupbodytitle {
margin-top: -6px;
padding-bottom: 14px;
}
.tb-popupbodytitle ~ .tb-popupbodytitle {
margin-top: 24px;
}
.tb-popupbodytitle h5 {
margin-bottom: 0;
}
.tb-popupbodytitle p {
font-size: 1rem;
line-height: 1.625em;
margin: 5px 0 0;
}
.tb-popupbtnarea {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20px;
}
.tb-popupbtnarea .tb-checkterm {
padding-right: 20px;
}
.tb-popupbtnarea label {
font: 400 0.875rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-popupbtnarea .tb-checkbox span {
color: #999;
}
.tb-limit {
position: relative;
width: 100%;
}
.tb-limit > .form-control {
padding-right: 138px;
}
.tb-limit > em {
position: absolute;
right: 20px;
top: 50%;
font-size: 0.8125rem;
color: #ff7062;
transform: translate(-10px, 5px);
}
.tb-payoutmethodpopup .tb-radioholder {
padding: 0 !important;
}
.tb-payoutmethodpopup .tb-radio {
width: 100%;
}
.tb-payoutmethodpopup .tb-radio .payoutlists {
padding-right: 20px;
padding-left: 20px;
}
.tb-checkterm .tb-checkbox label {
display: inherit;
}
.am-registration-type .tb-radiobox, .tb-loginto {
width: 100%;
}
.am-registration-type .tb-radiobox input[type="radio"]:checked + label, .tb-loginto input[type="radio"]:checked + label {
color: #fff;
background: #ff385c;
}
.am-registration-type .tb-radiobox label, .tb-loginto label {
display: flex;
justify-content: center;
padding: 20px;
border-radius: 10px;
color: #676767;
line-height: 2em;
background: #f7f7f7;
text-align: center;
}
.am-registration-type .tb-radiobox label span, .tb-loginto label span {
display: inline-flex;
}
.am-registration-type .tb-radiobox label span i, .tb-loginto label span i {
margin-right: 10px;
font-size: 1.5rem;
}
.am-registration-type .tb-radiobox label:before, .am-registration-type .tb-radiobox label:after, .tb-loginto label:before, .tb-loginto label:after {
display: none;
}
.am-registration-type .form-group-title + .tb-radiobox {
margin-right: 5px;
}
.am-registration-type .form-group-title + .tb-radiobox + .tb-radiobox {
margin-left: 5px;
}
.am-registration-type .tb-radiobox input[type="radio"] {
display: none;
}
.am-registration-type .tb-radiobox input[type="radio"] + label {
margin: 0;
cursor: pointer;
font-weight: 700;
}
.tb-titleinput {
flex: 0 0 136px;
margin-bottom: 10px;
color: #ff385c;
align-self: center;
font: 700 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-titleinput.tb-titleinputv2 {
align-self: flex-start;
padding-top: 24px;
}
.tb-hiretaskpopup .modal-dialog {
max-width: 790px;
}
.tb-hiretaskpopup .tb-popuptitle {
padding-bottom: 21px;
}
.tb-hiretaskpopup .tb-popuptitle h4 {
font-size: 1.125rem;
line-height: 1.4444444444em;
}
.tb-hiretaskpopup .tb-startingprice {
flex: none;
padding-left: 70px;
margin-left: auto;
}
.tb-hiretaskpopup .tb-startingprice i {
font-weight: 700;
color: #333;
}
.tb-hiretaskpopup .tb-startingprice i em {
font-size: 12px;
color: #999;
padding-right: 3px;
}
.tb-hiretaskpopup .tb-startingprice span {
font-size: 1.25rem;
}
.tb-hiretaskpopup .tb-checkbox label:before, .tb-hiretaskpopup .tb-checkbox label:after {
top: -2px;
}
.tb-form-btn__content {
display: flex;
margin-left: auto;
}
.tb-popup .tb-sectiontitle h2 {
font-size: 1.75rem;
line-height: 1.2857142857em;
font-weight: 700;
}
.tb-popup .tb-sectiontitle h2:after {
content: none;
}
.tb-popup .tb-sectiontitle p {
color: #676767;
margin-top: 11px;
}
.tb-popup .tb-themeformpopup .form-group-wrap {
width: 100%;
}
.tb-popup .tb-themeform {
padding-top: 20px;
}
.tb-btn.tb-signup-now, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.tb-signup-now, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.tb-signup-now {
width: 100%;
}
.tk-popup-terms {
width: 100%;
}
.tk-popup-terms p {
margin-bottom: 0;
}
.tk-popup-terms .tk-btn-solid-lg, .tk-popup-terms .tk-btn-solid-lg-lefticon {
width: 100%;
margin-top: 20px;
}
.tk-popup-terms .wpcf7-spinner {
display: none;
margin: 10px;
}
form.submitting .wpcf7-spinner {
display: block;
}
.tb-addonspopup .tb-dhb-mainheading__rightarea em {
flex: auto;
}
.tb-submitpopup .tk-themeform__wrap {
margin: -10px;
}
.tb-submitpopup .wpcf7 form .wpcf7-response-output {
margin: 20px 0 0;
padding: 10px 20px;
}
.tb-submitpopup .wpcf7-not-valid-tip {
font-size: 14px;
margin: 10px 0 0;
}
.tb-submitpopup .tk-popup-terms {
padding: 10px;
}
.tb-submitpopup .tk-form-checkbox {
margin: 10px 0;
}
.tb-submitpopup .tk-form-checkbox span {
color: #999;
display: block;
}
.tb-submitpopup .tk-form-checkbox .wpcf7-list-item {
margin: 0;
}
.tk-popup_title {
padding: 15px;
align-items: center;
border-radius: 10px;
justify-content: space-between;
background-color: #FFFFFF;
}
.tk-popup_title > a {
display: inline-flex;
}
.tk-popup_title h4, .tk-popup_title h5 {
margin: 0;
font-size: 1.125rem;
letter-spacing: 0.5px;
line-height: 1.4444444444em;
}
.tk-popup_title i {
color: #0a0f26;
font-size: 1.5rem;
font-weight: 500;
}
.tk-termscondition {
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.tk-termscondition .tk-checkterm {
align-items: center;
}
.tk-termscondition .tk-checkterm > a {
padding-left: 5px;
font: 400 0.875rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-termscondition .tk-form-checkbox label {
margin-bottom: 0;
line-height: 15px;
}
.tk-termscondition .tk-form-checkbox label span {
display: block;
padding-left: 10px;
align-self: center;
font: 400 0.875rem "Urbanist", sans-serif;
}
.tk-popup-content .form-group.tk-popup-terms {
flex-wrap: wrap;
}
.tk-popup-terms {
width: 100%;
}
.tk-popup-terms .tk-form-checkbox {
padding: 10px 0 20px;
}
.tk-popup-terms button {
margin-top: 10px;
}
.tk-popup-terms .tk-btn-solid-lg, .tk-popup-terms .tk-btn-solid-lg-lefticon {
width: 100%;
}
.tk-payoutclicks {
padding: 0;
margin: 0;
width: 100%;
}
.tk-payoutclicks li {
list-style-type: none;
}
.tk-payoutclicks li ~ li {
margin: 15px 0 0;
}
.tk-payoutclicks li input {
display: none;
}
.tk-payoutclicks li .tk-label {
display: flex;
align-items: center;
border-radius: 4px;
padding: 10px 20px;
background-color: #fcfcfc;
border: 1px solid #eeeeee;
margin: 0;
width: 100%;
}
.wt-formpauoyt {
display: flex;
align-items: center;
border-radius: 4px;
padding: 10px 20px 10px 10px;
background-color: #fcfcfc;
border: 1px solid #eeeeee;
}
.wt-formpauoyt [type="radio"]:checked, .wt-formpauoyt [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.wt-formpauoyt [type="radio"]:checked + label, .wt-formpauoyt [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
color: #666;
margin: 0;
width: 100%;
display: flex;
align-items: center;
}
.wt-formpauoyt [type="radio"]:checked + label img, .wt-formpauoyt [type="radio"]:not(:checked) + label img {
width: 20px;
margin: 0 10px 0 0;
}
.wt-formpauoyt [type="radio"]:checked + label:before, .wt-formpauoyt [type="radio"]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff;
}
.wt-formpauoyt [type="radio"]:checked + label:after, .wt-formpauoyt [type="radio"]:not(:checked) + label:after {
content: "";
width: 12px;
height: 12px;
background: #22C55E;
position: absolute;
top: 3px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.wt-formpauoyt [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.wt-formpauoyt [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.tk-popup-terms.form-group .tk-form-checkbox {
flex-wrap: nowrap;
}
.modal.fade.show .modal-dialog {
transform: scale(1);
}
.modal.fade .modal-dialog {
transform: scale(0);
}
.tk-postproject-title {
margin-bottom: 30px;
}
.tk-postproject-title h3 {
color: #1C1C1C;
margin-bottom: 10px;
}
.tk-postproject-title p {
color: #1C1C1C;
margin-bottom: 0;
}
.tk-newproject-list {
align-items: center;
padding-left: 0;
margin: -12px;
}
.tk-newproject-list li {
flex: max(416px, 100%/2);
padding: 12px;
list-style-type: none;
}
.tk-newproject-list li input {
display: none;
}
.tk-postproject-new {
display: flex;
align-items: center;
flex-direction: column;
background: #ffffff;
border-radius: 10px;
width: 100%;
height: 100%;
padding: 39px 0;
cursor: pointer;
margin: 0;
}
.tk-postproject-new span {
margin-top: 20px;
color: #1C1C1C;
font-weight: 500;
}
.tk-postproject-new p {
color: #999999;
margin-bottom: 0;
}
.tk-purple-icon, .tk-red-icon {
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
width: 90px;
height: 90px;
border-radius: 60px;
}
.tk-purple-icon {
color: #7357FB;
background: rgba(115, 87, 251, 0.1);
}
.tk-red-icon {
color: #FF6167;
background: rgba(255, 97, 103, 0.1);
}
.tk-blue-icon {
color: #2196F3;
background: rgba(33, 150, 243, 0.1);
}
.tk-darkred-icon {
color: #F44336;
background: rgba(244, 67, 54, 0.1);
}
.tk-yellow-icon {
color: #FFC107;
background: rgba(255, 193, 7, 0.1);
}
.tk-green-icon {
color: #4CAF50;
background: rgba(76, 175, 80, 0.1);
}
.tk-template-list {
padding-left: 0;
}
.tk-template-list > li {
margin-top: 10px;
list-style-type: none;
}
.tk-template-list_content {
padding: 29px;
display: flex;
position: relative;
align-items: center;
background-color: #ffffff;
border-radius: 10px;
justify-content: space-between;
}
.tk-template-list_content:hover {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-template-list_content > a {
flex: none;
}
.tk-template-info h5 {
margin: 10px 0 0 0;
}
.tk-status-holder {
border-radius: 10px;
background-color: #ffffff;
padding: 30px;
}
.tk-status-holder > a {
width: 100%;
margin-top: 20px;
}
.tk-status-tabs {
padding-left: 0;
margin-bottom: 0;
}
.tk-status-tabs li {
list-style-type: none;
}
.tk-status-tabs_content {
position: relative;
padding-bottom: 16px;
}
.tk-status-tabs_content h6, .tk-status-tabs_content .tk-verified-info > a, .tk-status-tabs_content .tk-verified-info strong, .tk-verified-info .tk-status-tabs_content strong {
font-weight: 500;
margin: 0 0 0 22px;
}
.tk-status-tabs_content h6::before {
flex: none;
content: "";
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: 8px;
border-radius: 50%;
display: inline-block;
background-color: #DDDDDD;
}
.tk-status-tabs_content > p {
color: #64748B;
margin-bottom: 0;
padding: 6px 0 0 22px;
display: inline-block;
}
.tk-status-tabs_content > a {
font-weight: 500;
color: #1da1f2;
display: inline-block;
padding: 6px 0 0 22px;
}
.tk-status-tabs_content::before {
content: "";
position: absolute;
left: 4px;
bottom: 0;
width: 2px;
height: calc(100% - 28px);
background: #eeeeee;
}
.tk-status-tabs li:last-child .tk-status-tabs_content {
padding-bottom: 0;
}
.tk-status-tabs li:last-child .tk-status-tabs_content::before {
display: none;
}
.tk-tabs-star {
display: flex;
align-items: center;
}
.tk-tabs-star::after {
content: "*";
color: #EF4444;
margin-left: 5px;
}
.tk-current-status h6::before {
background-color: #22C55E;
}
.tk-complete-status .tk-status-tabs_content::before {
background: #22C55E;
}
.tk-complete-status h6::before {
background-color: #22C55E;
}
.tk-addslot-icon {
display: flex;
align-items: center;
}
.tk-addslot-icon i {
font-size: 20px;
padding-left: 6px;
}
.tk-radio-tabs {
border: 0;
width: 100%;
flex-wrap: nowrap;
}
.tk-radio-tabs li {
flex: max(300px, 100% / 3);
}
.tk-radio-tabs li input[type=radio] {
display: none;
}
.tk-radio-tabs li + li {
margin-left: 18px;
}
.tk-project-type {
align-items: center;
cursor: pointer;
padding: 20px 30px 20px 20px;
background: #ffffff;
border: 2px solid #eeeeee;
border-radius: 10px;
position: relative;
flex-wrap: nowrap;
height: 100%;
}
.tk-project-type > i {
width: 50px;
height: 50px;
font-size: 22px;
flex: none;
}
.tk-project-type > div {
margin-left: 14px;
}
.tk-project-type h6, .tk-project-type .tk-verified-info > a, .tk-project-type .tk-verified-info strong, .tk-verified-info .tk-project-type strong, .tk-project-type p {
margin-bottom: 0;
}
.tk-project-type h6, .tk-project-type .tk-verified-info > a, .tk-project-type .tk-verified-info strong, .tk-verified-info .tk-project-type strong {
font-weight: 600;
color: #1C1C1C;
}
.tk-project-type p {
color: #999999;
}
.tk-project-type.active {
border-color: #22C55E;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tk-project-type.active::after {
content: "";
font-size: 16px;
display: inline-block;
font-weight: 600;
color: #22C55E;
margin-left: auto;
font-family: "Font Awesome 5 Free";
}
.tk-project-type-content {
width: 100%;
background: #fff;
}
.tk-project-select .select2-container--default .select2-selection--single {
border: 1.5px solid #eeeeee;
}
.tk-projectbtns {
align-items: center;
justify-content: space-between;
padding-left: 0;
width: 100%;
}
.tk-projectbtns > a {
border-radius: 10px;
}
.tk-projectbtns > a:last-child {
margin-left: auto;
}
.tk-projectbtns-two {
align-items: center;
justify-content: space-between;
padding: 20px 0 0 0;
margin: -5px;
}
.tk-projectbtns-two li {
width: 33.33%;
padding: 5px;
list-style-type: none;
}
.tk-projectbtns-two li button {
width: 100%;
}
.tk-projectbtns-two li button i {
padding-left: 10px;
}
.tk-projectbtns-two li button:hover {
background-color: #ff385c;
border-color: #ff385c;
color: #ffffff;
}
.tk-projectbtns-two li button:hover i {
color: #ffffff;
}
.tk-milestones-prices {
width: 100%;
cursor: grab;
display: flex;
margin-top: 10px;
align-items: stretch;
}
.tk-milestones-prices + .tk-milestones-prices {
margin-top: 20px;
}
.tk-milestones-input {
display: flex;
align-items: flex-start;
}
.tk-grapinput {
width: 100%;
}
.tk-grapinput textarea.form-control {
margin-top: 10px;
height: 120px;
}
.tk-grapinput textarea.form-control + .tk-placeholder {
top: 22px;
}
.tk-addicon {
font-weight: 600;
display: flex;
align-items: center;
margin-left: auto;
}
.tk-addicon i {
color: #1DA1F2;
font-size: 20px;
padding-left: 6px;
}
.tk-addslots {
width: 170px;
flex: none;
margin-right: 10px;
}
.tk-removeicon {
display: inline-block;
font-size: 24px;
color: #EF4444;
padding: 0 12px;
margin-left: 10px;
}
.tk-removeicon:hover {
color: #EF4444;
}
.tk-betaversion-wrap {
display: flex;
align-items: center;
padding: 29px 30px;
border-radius: 10px;
width: 100%;
background: rgba(217, 161, 19, 0.1);
}
.tk-betaversion-wrap .tk-project-tag {
background-color: #6366F1;
margin-left: 10px;
}
.tk-betaversion-wrap figure {
margin: 0 20px 0 0;
flex: none;
}
.tk-betaversion-info {
max-width: 695px;
}
.tk-betaversion-info h5, .tk-betaversion-info p {
margin-bottom: 0;
}
.tk-betaversion-info p {
padding-top: 6px;
}
.tk-betaversion-info p a {
font-weight: 600;
}
.tk-switch {
padding-left: 0;
margin: 0 0 0 20px;
display: flex;
align-items: center;
}
.tk-switch .form-check-input {
width: 38px;
height: 20px;
border: 1.5px solid #DDDDDD;
background-color: #FFFFFF;
border-radius: 60px;
margin: 0;
background-image: none;
display: flex;
align-items: center;
position: relative;
box-shadow: none;
cursor: pointer;
flex: none;
}
.tk-switch .form-check-input:active {
filter: initial;
}
.tk-switch .form-check-input:checked {
border-color: #cc2d4a;
background-color: #ffffff;
background-image: none;
}
.tk-switch .form-check-input:checked::before {
background-color: #cc2d4a;
left: 100%;
transform: translateX(-100%);
margin-left: 2px;
}
.tk-switch .form-check-input::before {
content: "";
position: absolute;
width: 24px;
height: 24px;
border-radius: 60px;
left: -1px;
background-color: #DDDDDD;
}
.tk-switch .form-check-input:checked[type=checkbox]::after {
display: none;
}
.tk-switch label {
cursor: pointer;
margin-bottom: 0;
color: #1C1C1C;
padding-right: 10px;
display: flex;
}
.tk-attachments-hodler {
margin-top: 30px;
}
.tk-attachments-hodler .form-control {
height: 48px;
}
.tk-freelancerskills .select2-container--default .select2-selection--single, .tk-freelancerskills .form-control {
height: 48px;
}
.tk-freelancerskills .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 46px;
}
.tk-attechment-wrapper {
border: 1px solid #eeeeee;
border-radius: 10px;
position: relative;
}
.tk-attechment-wrapper > a {
position: absolute;
right: 50px;
top: 13px;
z-index: 1;
}
.tk-attechment-wrapper + .tk-attechment-wrapper {
margin-top: 20px;
}
.tk-attechment-tittle {
align-items: center;
width: 100%;
background: #FFFFFF;
padding: 10px 40px 10px 20px;
min-height: 46px;
border-radius: 10px 10px 0 0;
}
.tk-attechment-tittle h6, .tk-attechment-tittle .tk-verified-info > a, .tk-attechment-tittle .tk-verified-info strong, .tk-verified-info .tk-attechment-tittle strong {
margin-bottom: 0;
font-weight: 500;
}
.tk-attechment-tittle i {
margin-left: auto;
font-size: 20px;
position: absolute;
right: 15px;
}
.tk-attechment-tittle i[aria-expanded="true"] {
cursor: pointer;
}
.tk-attechment-tittle i[aria-expanded="true"]::before {
display: block;
content: "";
font-size: 20px;
color: #1C1C1C;
}
.tk-attechment-content {
padding: 20px;
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-attechment-content .form-group {
padding: 0;
}
.tk-attechment-content .form-group + .form-group {
padding-top: 20px;
}
.form-group > .tk-rangeslider-wrapper {
width: 100%;
overflow: hidden;
}
.tk-collapse-sort {
margin-top: 0;
}
.tk-btnwrapper {
gap: 20px;
}
.tk-btnwrapper > a {
width: 100%;
}
.tk-sortable-title {
cursor: grab;
position: relative;
}
.tk-sortable-title::before {
content: "";
background-image: url("../images/sortv3.svg");
background-repeat: no-repeat;
display: inline-block;
background-position: center;
margin-right: 10px;
height: 15px;
width: 7.2px;
}
.tk-trash-icons {
display: flex;
align-items: center;
margin-left: auto;
}
.tk-trash-icons i {
padding-left: 20px;
}
.tk-collapse-sort-conetnt .tk-themeform {
padding: 20px;
}
.tk-search-icon {
background-color: #ff385c;
border-radius: 10px;
}
.tk-popup-content .tk-milestones-prices + .tk-milestones-prices {
margin-top: 0;
}
.tk-dragslots {
width: 100%;
}
.tk-boxlg {
padding: 30px;
}
.tk-sidebar-title .tk-project-tag {
padding: 6px 12px;
}
.tk-sidebar-title > h3 {
margin: 10px 0 0 0;
}
.tk-sidebar-title > em {
color: #999999;
font-style: normal;
font-weight: 600;
display: inline-block;
}
.tk-sidebar-title > h5 {
margin-bottom: 10px;
}
.tk-sidebarpkg__btn .tk-btnline {
margin-top: 10px;
}
.tk-sidebarpkg__btn .tk-btnline i {
color: #999999;
}
.tk-requirement-tags {
display: inline-flex;
align-items: center;
}
.tk-requirement-tags span {
color: #0a0f26;
font-weight: 500;
margin-right: 4px;
}
.tk-requirement-tags span::after {
content: ",";
display: inline-block;
}
.tk-requirement-tags span:last-child {
margin-right: 0;
}
.tk-requirement-tags span:last-child::after {
display: none;
}
.tk-verified-title {
align-items: center;
}
.tk-verified-title img {
flex: none;
margin-right: 20px;
}
.tk-checkout-info {
padding: 30px 0 0 0;
}
.tk-checkout-info li {
align-items: center;
justify-content: space-between;
}
.tk-checkout-info li > span {
font-weight: 600;
}
.tk-checkout-info li + li {
margin-top: 14px;
}
.tk-project-list {
margin-top: 40px;
}
.tk-project-price {
align-items: center;
justify-content: space-between;
margin-bottom:10px;
}
.tk-project-price span{
font-size: 14px; /* 小さく */
padding: 4px 8px; /* 余白追加 */
border-radius: 8px; /* 角丸 */
display: inline-block; /* ブロック化 */
line-height: 1.4;
}
.tk-project-price span.tk-success-tag-updated{
border:1px solid #FF385C;
background-color: #fff;
color:#FF385C;
}
.tk-project-price span.tk-ongoing-updated{
border:1px solid #147B58;
background-color: #fff;
color: #147B58;
}
.tk-project-price h4, .tk-project-price h6, .tk-project-price .tk-verified-info > a, .tk-project-price .tk-verified-info strong, .tk-verified-info .tk-project-price strong {
width: 100%;
margin-bottom: 0;
}
.tk-project-share {
display: flex;
align-items: center;
}
.tk-project-share a {
font-size: 1.25rem;
color: #999999;
}
.tk-project-share .tk-like {
position: relative;
top: 0;
margin-left: 30px;
}
.tk-Project-roadmap {
padding: 20px 0 0 0;
}
.tk-Project-roadmap li {
padding: 19px 20px;
list-style-type: none;
border: 1px solid #eeeeee;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
border-radius: 10px;
}
.tk-Project-roadmap li h5, .tk-Project-roadmap li p {
margin-bottom: 0;
}
.tk-Project-roadmap li + li {
margin-top: 10px;
}
.tk-Project-roadmap li h5 {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-budgetlist {
width: 100%;
padding-left: 0;
background: #FFFFFF;
border-radius: 10px;
}
.tk-budgetlist li {
width: 100%;
padding: 16px 20px;
align-items: center;
justify-content: space-between;
}
.tk-budgetlist li + li {
border-top: 1px dashed #DDDDDD;
}
.tk-budgetlist h6, .tk-budgetlist .tk-verified-info > a, .tk-budgetlist .tk-verified-info strong, .tk-verified-info .tk-budgetlist strong {
margin-bottom: 0;
}
.tk-totalamout {
align-items: center;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.tk-totalamout h5 {
margin-bottom: 0;
}
.tk-totalamout span {
font-weight: 600;
}
.tk-comment-section {
width: 100%;
padding-top: 10px;
}
.tk-staric-title > *::after {
content: "*";
color: #EF4444;
display: inline-block;
margin-left: 6px;
}
.tk-staric-title h5 {
margin-bottom: 0;
}
.tk-freelancer-content {
margin-top: 20px;
}
.tk-freelanerinfo h6, .tk-freelanerinfo .tk-verified-info > a, .tk-freelanerinfo .tk-verified-info strong, .tk-verified-info .tk-freelanerinfo strong {
margin-bottom: 10px;
font-weight: 600;
}
.tk-freelanerinfo + .tk-freelanerinfo {
margin-top: 30px;
}
.tk-timeinfo {
align-items: center;
gap: 0 30px;
}
.tk-timeinfo .form-check-label span {
color: #0a0f26;
}
.tk-skills {
align-items: center;
gap: 10px;
padding-left: 0;
}
.tk-skills li {
max-width: 258px;
width: 100%;
}
.tk-skills li .form-check-label span {
color: #0a0f26;
}
.tk-upload-resume {
width: 100%;
padding: 20px 18px;
border-radius: 10px;
border: 1px solid #eeeeee;
}
.tk-upload-resume .tk-uploadphoto {
padding-top: 0;
}
.tk-upload-list {
padding-left: 0;
}
.tk-upload-list li {
position: relative;
background-color: #FFFFFF;
padding: 10px 20px;
border-radius: 10px;
display: flex;
align-items: center;
}
.tk-upload-list li img {
width: 30px;
object-fit: cover;
height: 30px;
}
.tk-upload-list li span {
z-index: 1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 15px;
color: #ff385c;
}
.tk-upload-list li ~ li {
margin-top: 10px;
}
.tk-uploaded-img {
display: flex;
align-items: center;
}
.tk-uploaded-img p {
margin: 0 0 0 10px;
}
.tk-remove {
font-size: 1.25rem;
color: #EF4444;
margin-left: auto;
}
.tk-remove i {
color: inherit;
}
.tk-remove:hover {
color: #EF4444;
}
.tk-upload-list .tk-uploading span {
color: #0a0f26;
}
.tk-uploading {
position: relative;
}
.tk-uploading .tk-remove {
display: none;
}
.tk-uploading:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(./../images/project-detail/img-02.jpg);
border-radius: 10px;
-webkit-animation: tk-stripe 2s linear infinite;
animation: tk-stripe 2s linear infinite;
}
.tk-uploadphoto {
align-items: center;
padding-top: 10px;
}
.tk-uploadphoto p {
margin-bottom: 0;
}
.tk-uploadphoto input {
display: none;
}
.tk-uploadphoto label {
color: #ff385c;
margin: 0;
display: inline-block;
cursor: copy;
font-weight: inherit;
margin-left: 4px;
}
.tk-proposal-btn {
display: flex;
margin-top: 20px;
align-items: center;
width: 100%;
gap: 20px;
}
.tk-proposal-btn a {
flex: auto;
}
.tk-freelancers-list {
padding-left: 0;
}
.tk-freelancers-list > li {
display: flex;
align-items: center;
justify-content: space-between;
list-style-type: none;
border-radius: 10px;
background: #ffffff;
padding: 20px;
}
.tk-freelancers-list > li + li {
margin-top: 10px;
}
.tk-freelancers-list > li:hover {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-freelancers-list > li:hover .tk-invite-bidbtn {
color: white;
background-color: #ff385c;
}
.tk-freelancers-info {
display: flex;
align-items: center;
}
.tk-freelancers-info figure {
flex: none;
width: 100%;
height: auto;
max-width: 82px;
margin: 0 20px 0 0;
border-radius: 10px;
}
.tk-freelancers-info figure img {
width: 100%;
height: 82px;
display: block;
max-width: 82px;
object-fit: cover;
border-radius: inherit;
}
.tk-freelancer-user > a {
color: #999;
font-weight: 500;
line-height: 25px;
letter-spacing: normal;
}
.tk-freelancer-user h5 {
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 500;
}
.tk-freelancer-user .tk-blogviewdatessm {
align-items: center;
gap: 0 30px;
margin: 0;
padding-left: 0;
}
.tk-freelancer-user .tk-blogviewdatessm li {
padding: 0;
list-style-type: none;
line-height: 26px;
}
.tk-freelancer-user .tk-blogviewdatessm li > span {
color: #999999;
}
.tk-freelancer-user .tk-blogviewdatessm li > span a {
color: #0a0f26;
display: flex;
align-items: center;
}
.tk-bidbtn {
flex: none;
}
.tk-bidbtn a {
font-weight: 500;
}
.tk-bidbtn a + a {
margin-left: 20px;
}
.tk-projectdetail-img {
background: #000;
}
.tk-projectdetail-img img {
opacity: 0.6;
}
.tk-downloadbtn {
margin-left: auto;
}
.tk-betaversion-info-two h5 {
margin-bottom: 0;
}
.tk-betaversion-info-two p {
margin: 8px 0 0 0;
}
.tk-paid-version {
margin-top: 10px;
}
.tk-paid-version .tk-betaversion-wrap {
flex-wrap: wrap;
}
.tk-paid-option {
padding-left: 0;
display: flex;
align-items: center;
margin: -5px;
width: 100%;
}
.tk-paid-option li {
padding: 5px;
list-style-type: none;
width: 50%;
}
.tk-betaversion-info-two + .tk-paid-option {
padding-top: 20px;
}
.tk-projectpaid-list {
padding: 30px 20px;
display: flex;
cursor: pointer;
text-align: center;
background: #ffffff;
align-items: center;
justify-content: center;
border-radius: 10px;
border: 2px solid transparent;
position: relative;
overflow: hidden;
}
.tk-projectpaid-list::before {
content: "";
display: none;
color: #ffffff;
position: absolute;
right: -10px;
top: -10px;
height: 42px;
width: 42px;
padding: 11px 17px 12px 12px;
font-weight: 700;
border-radius: 50%;
font-size: 0.8125rem;
font-family: "Font Awesome 5 Free";
background-color: #22C55E;
}
.tk-projectpaid-list input {
visibility: hidden;
}
.tk-projectpaid-list img {
width: 100%;
max-width: 60px;
object-fit: cover;
}
.tk-projectpaid-list h6, .tk-projectpaid-list .tk-verified-info > a, .tk-projectpaid-list .tk-verified-info strong, .tk-verified-info .tk-projectpaid-list strong {
margin: 20px 0 0 0;
}
.tk-projectpaid-list span {
color: #0a0f26;
}
.tk-projectpaid-list.active {
border: 2px solid #22C55E;
}
.tk-projectpaid-list.active::before {
display: block;
}
.tk-add-price-show {
display: none;
}
.tk-add-price-slots {
width: 100%;
margin-top: 20px;
background: #ffffff;
border-radius: 10px;
padding: 20px;
border: 1px solid #eeeeee;
}
.tk-add-price-slots .tk-label {
margin-bottom: 0;
}
.tk-view-proposal {
align-items: center;
margin-left: 20px;
}
.tk-view-proposal > i {
font-size: 20px;
padding-left: 6px;
}
.tk-skillstags {
display: block;
}
.tk-skillstags .tk-tagtittle {
padding-bottom: 10px;
}
.tk-skillstags .tk-tags_links {
padding-left: 0;
margin: -5px;
}
.tk-skillstags .tk-tags_links li {
padding: 5px;
}
.tk-skillstags .tk-tags_links li a {
border-radius: 10px;
}
.tk-skillstags + .tk-skillstags {
margin-top: 30px;
}
.modal-dialog.tk-modal-dialog-default {
max-width: 540px;
}
.modal-dialog.tk-modal-sm {
max-width: 350px;
}
.tk-popup-content-two {
padding: 14px;
}
.tk-popup-content-two .modal-body {
padding: 0;
}
.tk-wallet-popup {
display: flex;
}
.tk-wallet-popup_img {
margin-right: 10px;
}
.tk-wallet-popup_info h6, .tk-wallet-popup_info .tk-verified-info > a, .tk-wallet-popup_info .tk-verified-info strong, .tk-verified-info .tk-wallet-popup_info strong, .tk-wallet-popup_info p {
margin-bottom: 0;
}
.tk-wallet-popup_info h6, .tk-wallet-popup_info .tk-verified-info > a, .tk-wallet-popup_info .tk-verified-info strong, .tk-verified-info .tk-wallet-popup_info strong {
display: flex;
}
.tk-wallet-popup_info h6 > i, .tk-wallet-popup_info .tk-verified-info > a > i, .tk-wallet-popup_info .tk-verified-info strong > i, .tk-verified-info .tk-wallet-popup_info strong > i {
font-size: 1.25rem;
margin-left: auto;
cursor: pointer;
}
.tk-wallet-popup_info p {
color: #1C1C1C;
}
.tk-wallet-popup_info .tk-form-checkbox {
margin-top: 10px;
}
.tk-wallet-popup_info .tk-form-checkbox label span {
color: #0a0f26;
}
.tk-popup-info {
margin-top: 30px;
}
.tk-popup-info h6, .tk-popup-info .tk-verified-info > a, .tk-popup-info .tk-verified-info strong, .tk-verified-info .tk-popup-info strong {
margin-bottom: 0;
font-weight: 600;
}
.tk-popup-info p {
margin: 10px 0 0;
}
.tk-popup-info button {
width: 100%;
}
.tk-user-content {
display: flex;
align-items: center;
}
.tk-user-info {
margin-left: 10px;
display: flex;
flex-direction: column;
}
.tk-user-info span {
color: #999999;
}
.tk-active-option input {
display: none;
}
.tk-active-option .tk-project-type {
border-color: #22C55E !important;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tk-active-option .tk-project-type::after {
content: "";
font-size: 16px;
display: inline-block;
font-weight: 600;
color: #22C55E;
margin-left: auto;
font-family: "Font Awesome 5 Free";
top: 30px;
position: absolute;
right: 20px;
}
.tk-draganddrop {
display: flex;
width: 100%;
margin: 0;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
position: relative;
border-radius: 10px;
background: #F7F7F7;
}
.tk-draganddrop__area {
background: #fff;
flex-direction: column;
justify-content: center;
width: 100%;
align-items: center;
border: 1px dashed #eee;
padding: 40px 30px;
background: #F7F7F7;
}
.tk-draganddrop > svg {
position: absolute;
fill: transparent;
stroke: #dddddd;
top: 0;
left: 0;
right: 0;
margin: auto;
overflow: visible;
z-index: 0;
padding: 0 1px;
width: 100%;
height: 100%;
}
.tk-draganddrop > svg rect {
stroke-width: 1px;
stroke-dasharray: 10, 10;
rx: 10px;
}
.tk-loadingfile span {
display: inline-block;
margin: 20px 0 0;
font-weight: 600;
}
.tk-fileareaitem {
border-radius: 10px;
pointer-events: none;
margin: 0 20px 0 0;
}
.tk-fileareaitem img {
border-radius: 10px;
max-width: 60px;
border: 1px solid #eee;
}
.tk-filearea span {
display: inline-block;
font-weight: 600;
}
.tk-filearea figure {
border-radius: 10px;
}
.tk-filearea figure img {
border-radius: 10px;
}
.tk-uploadlist {
width: 100%;
display: flex;
justify-content: center;
margin: 20px 0 0;
gap: 10px 0;
flex-wrap: wrap;
flex-direction: column;
padding: 0;
}
.tk-uploadlist li {
list-style-type: none;
border-radius: 10px;
margin: 0;
}
.tk-uploadlist li img {
border-radius: 10px;
max-width: 40px;
height: 40px;
object-fit: cover;
margin-right: 20px;
border: 1px solid #eee;
}
.tk-uploaditem {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
background: #f7f7f7;
padding: 10px 20px;
border: 1px solid #eee;
border-radius: 10px;
flex-wrap: wrap;
gap: 10px;
}
.tk-uploaditem span {
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.tk-uploaditem > a {
color: #EF4444;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
right: -8px;
top: -14px;
font-size: 20px;
}
.tk-attechment-content .tk-draganddropwrap {
padding: 0 !important;
margin: 20px 0 0;
background: #F7F7F7;
border-radius: 10px;
position: relative;
}
.tk-loadingfile {
position: absolute;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
top: 0;
height: 100%;
right: 0;
z-index: 111;
}
.tk-opacity {
background-color: rgba(0, 0, 0, 0.08);
}
.tk-uploading {
font-weight: 400 !important;
}
.tk-uploaddetail {
align-items: center;
}
.tk-dragfile {
align-items: center;
width: 100%;
position: relative;
flex-wrap: nowrap;
}
.tk-dragfile .tk-drag-label {
z-index: 1;
}
.tk-errormsg span {
margin: 0;
padding: 4px 0 0;
color: #EF4444 !important;
display: inline-block;
font: 500 0.875rem/1.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-project-box .tk-themeform__wrap {
align-items: flex-start;
}
.tk-milestone-wrapper {
flex-wrap: wrap;
}
.tk-payment-methods {
width: 100%;
}
.tk-priorityradiov2 {
gap: 10px;
display: flex;
padding: 20px 0 0;
align-items: center;
}
.tk-priorityradiov2 li {
width: 33.33%;
padding: 10px 24px;
border-radius: 10px;
list-style-type: none;
background-color: #fff;
}
.tk-priorityradiov2 li label {
width: 100%;
}
.tk-priorityradiov2 li label span {
color: #0a0f26;
}
.tk-projectsactivity .tk-submitreview {
border: 0;
box-shadow: none;
}
.tk-projectstatus .tk-submitreview {
width: 100%;
border: 0;
box-shadow: none;
border-radius: 0;
border-top: 1px solid #eee;
text-align: center;
}
.tk-customupload {
margin-top: 20px;
}
.tk-drag-imagearea {
display: none;
}
.tk-drag-gallery {
z-index: 1;
}
.tk-drag-label {
z-index: 9999;
margin: 0;
cursor: pointer;
color: #0A0F26;
flex: none;
}
.tk-drag-label em {
color: #3377FF;
font-style: normal;
}
.tk-text-flex {
display: flex;
align-items: center;
gap: 8px;
}
.tk-gigstep_4 .tk-errormsg span, .tk-gigstep_3 .tk-errormsg span, .tk-gigstep_2 .tk-errormsg span, .tk-gigstep_1 .tk-errormsg span {
padding: 4px 0 0;
}
.tk-gigstep_2 .tk-attechment-wrapper + .tk-attechment-wrapper {
margin-top: 10px;
}
.tk-gigstep_2 .tk-add-more {
margin-bottom: 0;
}
.tk-gigstep_2 .tk-add-more ~ .tk-attachments-hodler {
margin: 10px 0 0;
}
.tk-gigstep_2 .tk-sectiontitle > h4 {
padding-bottom: 30px;
}
.tk-gigstep_3 .tk-themeform fieldset .tk-uploadlist {
margin: 0;
padding: 0 10px 10px;
}
.tk-gigstep_4 .tk-add-more + .tk-attachments-hodler {
margin-top: 0;
}
.tk-gigstep_4 .tk-add-more + .tk-attachments-hodler ~ .tk-attachments-hodler {
margin-top: 10px;
}
.tk-searchgig_listing .tk-deatlswithimg {
gap: 0;
align-items: flex-start;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong {
margin: 0;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong a {
font-size: 16px;
line-height: 26px;
}
.tk-searchgig_listing .tk-verified-info i {
color: #22C55E;
}
.tk-searchgig_listing .tk-deatlswithimg figure {
width: 82px;
height: 82px;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews {
padding: 0;
margin: 0;
gap: 10px 24px;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li {
margin: 0;
padding: 0;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li span {
color: #676767;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li .tk-save-btn {
padding: 0;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info a {
color: #0A0F26;
font-weight: 500 !important;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails h6, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info > a, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong, .tk-verified-info .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails strong {
margin: 0;
line-height: 26px;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails h6 a, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info > a a, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong a, .tk-verified-info .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails strong a {
font-weight: 600;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails h6 + .tk-rateviews, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info > a + .tk-rateviews, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong + .tk-rateviews, .tk-verified-info .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails strong + .tk-rateviews {
padding-top: 6px;
}
.tk-projectbtns-holder {
width: 100%;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tk-project-type-content .tk-submitreview {
border-top: 0;
}
.tk-projectpaid-single {
display: flex;
width: 100%;
gap: 20px;
text-align: left;
align-items: center;
}
.tk-projectpaid-single .tk-paifinfo h6, .tk-projectpaid-single .tk-paifinfo .tk-verified-info > a, .tk-projectpaid-single .tk-paifinfo .tk-verified-info strong, .tk-verified-info .tk-projectpaid-single .tk-paifinfo strong {
margin: 0;
}
.tk-draghandler {
width: 30px;
height: auto;
border-radius: 4px;
margin-right: 10px;
display: inline-block;
background-color: #F7F7F7;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/sortv3.svg");
}
.tk-single-option {
margin: 0;
}
.tk-single-option li {
padding: 0;
width: 100%;
}
.tk-milestones-input .tk-addslots {
flex-direction: column;
}
.tk-milestones-input .tk-addslots .tk-errormsg {
width: 100%;
}
.tk-milestones-input .tk-placeholderholder {
flex-direction: column;
align-items: flex-start;
}
.tk-milestones-input .tk-removeicon {
margin: 10px 0 0;
}
.tk-gigfeatures {
padding: 30px;
}
.tk-gigfeatures > .tk-boxtittle {
margin: 0 0 20px;
}
.tk-aboutproject-form .form-control {
height: 48px;
}
.tk-aboutproject-form .form-control::placeholder {
color: #999;
font-size: 15px;
}
.tk-aboutproject-form .tk-project-type {
margin: 0;
height: auto;
}
.tk-aboutproject-form .select2-container--default .select2-selection--single {
height: 48px;
}
.tk-aboutproject-form .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 46px;
}
.tb-dhb-mainheading {
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
padding: 20px;
margin: 0 0 20px;
}
.tb-dhb-mainheading > h4, .tb-dhb-mainheading > h2 {
display: flex;
font-weight: 600;
margin-bottom: 0;
font-size: 1.75rem;
line-height: 1.2857142857em;
}
.tb-dhb-mainheading > h4 > a, .tb-dhb-mainheading > h2 > a {
display: block;
margin: 0 20px 0 0;
flex: none;
}
.tb-dhb-mainheading > h4 > a span, .tb-dhb-mainheading > h2 > a span {
font-size: 22px;
color: #ccc;
}
.tb-dhb-mainheading__rightarea {
align-items: center;
justify-content: flex-end;
margin-left: auto;
}
.tb-dhb-mainheading__rightarea em {
padding-right: 30px;
font-size: 0.875rem;
line-height: 1.7142857143em;
color: #ff385c;
font-style: normal;
text-align: right;
flex: 0 0 45%;
}
.tb-savelisting {
padding: 0;
margin: 0;
background: #fff;
border-radius: 10px;
border: 1px solid #eee;
}
.tb-savelisting > li {
list-style-type: none;
padding: 30px;
border-bottom: 0;
}
.tb-savelisting > li + li {
border-top: 1px solid #eee;
}
.tb-savelisting > li .tb-profilestatus {
margin-top: 14px;
}
.tb-savelisting > li .tb-profilestatus li + li {
margin: 0 0 0 35px;
}
.tb-savelisting > li .tb-profileprogress {
width: 128px;
}
.tb-savelisting > li .tb-profiletime {
width: auto;
}
.tb-savelisting > li .tb-profiletime span {
line-height: 24px;
margin-bottom: 9px;
}
.tb-profilestatus {
padding: 0;
margin: 28px 0 0;
}
.tb-profilestatus + .tb-profilebtnarea {
padding-top: 30px;
}
.tb-profilestatus li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
list-style-type: none;
}
.tb-profilestatus li h5 {
font: 700 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
width: 50%;
margin: 0 !important;
}
.tb-profilestatus li + li {
margin-top: 17px;
}
.tb-profileprogress {
height: 2px;
}
.tb-profileprogress .progress-bar {
background-color: #63d594;
}
.tb-filedesciption {
z-index: 1;
display: contents;
}
.taskbot-list .progress {
flex: auto;
position: absolute;
left: 0;
top: 0;
height: 100% !important;
width: 100%;
z-index: 0;
}
.taskbot-list .progress .progress-bar {
width: 20%;
background: url(./../images/img-01.jpg);
border-radius: 10px;
-webkit-animation: tb-stripe 2s linear infinite;
animation: tb-stripe 2s linear infinite;
}
.taskbot-file-uploaded .progress {
display: none;
}
.tb-switchservice {
border-left: 1px solid #eee;
padding: 10px 0 9px 20px;
margin: 0 0 0 20px;
}
.tb-switchservice > span {
display: block;
margin: 0 0 7px;
font: 400 0.875rem / 1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ff385c;
}
/*-----------------------------Invoices-------------------------------------*/
.tb-sortby {
flex: none;
margin-left: auto;
}
.tb-sortby .tb-themeform__wrap {
gap: 10px;
display: flex;
}
.tb-sortby .tb-themeform__wrap .form-group {
padding: 0;
}
.tb-sortby .tb-themeform__wrap .wo-inputicon:not(.form-group) {
flex: none;
}
.tb-sortby .form-control {
font-size: 0.875rem;
}
.tb-sortby .tb-actionselect2 .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px;
text-align: left;
}
.tb-sortby .tb-actionselect2 .select2-container {
min-height: 44px;
}
.tb-dhbheading__rightarea .tb-actionselect2 .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px;
}
.tb-dhbheading__rightarea .tb-actionselect2 .select2-container {
min-height: 44px;
}
.tb-displistform fieldset {
margin: 0;
}
.wo-inputicon i {
position: absolute;
right: 9px;
font-size: 16px;
width: 32px;
text-align: center;
line-height: 32px;
color: #999;
}
.wo-inputicon.form-group i {
right: 14px;
}
.sub-menuholder {
position: absolute;
top: 100%;
right: 0;
margin-top: 20px;
-webkit-box-shadow: 0 10px 30px 0 rgba(18, 54, 82, 0.2);
box-shadow: 0 10px 30px 0 rgba(18, 54, 82, 0.2);
z-index: 2;
background-color: #fff;
}
.tb-tabbitem__listtwo .tb-icondetails {
display: flex;
flex-flow: row wrap;
padding: 0;
}
.tb-tabbitem__listtwo .tb-icondetails h6, .tb-tabbitem__listtwo .tb-icondetails .tk-verified-info > a, .tb-tabbitem__listtwo .tb-icondetails .tk-verified-info strong, .tk-verified-info .tb-tabbitem__listtwo .tb-icondetails strong {
font-size: 0.9375rem;
line-height: 1.5333333333em;
margin: 1px 0 2px;
}
.tb-tabbitem__listtwo .tb-icondetails h6 a, .tb-tabbitem__listtwo .tb-icondetails .tk-verified-info > a a, .tb-tabbitem__listtwo .tb-icondetails .tk-verified-info strong a, .tk-verified-info .tb-tabbitem__listtwo .tb-icondetails strong a {
font-size: 1.125rem;
line-height: 1.4444444444em;
}
/*------------------------Saveditems--------------------------*/
.te-dhb-mainheading > h2 {
display: flex;
font-weight: 400;
margin-bottom: 0;
flex: none;
margin: -6px 0 -8px;
color: #383949;
}
.tb-savelisting .tb-deatlswithimg .tb-icondetails h6, .tb-savelisting .tb-deatlswithimg .tb-icondetails .tk-verified-info > a, .tb-savelisting .tb-deatlswithimg .tb-icondetails .tk-verified-info strong, .tk-verified-info .tb-savelisting .tb-deatlswithimg .tb-icondetails strong {
margin-bottom: 3px;
}
.tb-deatlswithimg .tb-icondetails h6, .tb-deatlswithimg .tb-icondetails .tk-verified-info > a, .tb-deatlswithimg .tb-icondetails .tk-verified-info strong, .tk-verified-info .tb-deatlswithimg .tb-icondetails strong {
font-size: 15px;
margin-bottom: 0;
}
.tb-deatlswithimg figure img {
border-radius: 10px;
}
.tb-tabbitem__list .tb-rateviews2 em {
font-size: 14px;
padding-left: 8px;
}
.tb-settingtabholder.tb-asidebox {
padding: 0;
}
.tk-settingtabholder {
border-radius: 10px;
padding: 16px 10px;
}
.tb-settingtab {
margin: 0;
min-height: 400px;
border: 1px solid #fff;
list-style: none;
padding: 0;
}
.tb-settingtab li {
display: flex;
align-items: center;
font: 700 0.9375rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
line-height: 1.1;
position: relative;
}
.tb-settingtab li::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 0;
width: 3px;
background-color: #ff385c;
}
.tb-settingtab li.active, .tb-settingtab li:hover {
background-color: #F7F7F7;
border-radius: 10px;
}
.tb-settingtab li a {
color: #ff385c;
width: 100%;
display: flex;
padding: 10px;
font-weight: 500;
align-items: center;
}
.tb-settingtab li a i {
padding-right: 10px;
min-width: 30px;
line-height: inherit;
display: inline-block;
font-size: 20px;
}
.tb-settingtab li ~ li {
margin-top: 5px;
}
.tb-icondetails h6 a, .tb-icondetails .tk-verified-info > a a, .tb-icondetails .tk-verified-info strong a, .tk-verified-info .tb-icondetails strong a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.tb-desclinks {
padding: 0;
align-items: center;
margin: -5px;
padding-bottom: 5px;
}
.tb-desclinks li {
position: relative;
list-style-type: none;
padding: 5px;
}
.tb-desclinks li a {
display: block;
position: relative;
color: #ff385c;
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-desclinks li a::after {
content: ",";
color: #ff385c;
line-height: 1;
}
.tb-desclinks li:last-child a::after {
display: none;
}
.tb-tabbitem.status-pending {
background-color: #ffc10708;
}
.tb-tabbitem.status-rejected {
background-color: #ff572208;
}
.tb-rejected-reason {
cursor: pointer;
}
.tk_show_education {
font-weight: 600;
color: #ff385c;
font-size: 16px;
line-height: 26px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-qualificationseller.tk-qualification .tk-accordion_title::after {
top: 50%;
right: 20px;
font-size: 24px;
content: "";
line-height: 24px;
position: absolute;
margin-top: -12px;
padding-left: 20px;
font-family: "icomoon" !important;
}
.tk-qualification.tk-qualificationvtwo > li {
padding: 20px 0 0;
}
.tk-qualification.tk-qualificationvtwo > li .tk-detail__icon {
padding-right: 70px;
}
.tk-qualification.tk-qualificationvtwo > li ~ li {
border-top: 1px solid #eee;
}
.tk-qualification.tk-qualificationvtwo .tk-accordion_info {
padding: 20px 20px 20px;
}
.tk-qualification {
padding: 0;
margin: 0;
border-radius: 4px;
overflow: hidden;
}
.tk-qualification > li {
list-style-type: none;
padding: 0;
}
.tk-qualification > li ~ li {
margin: 30px 0 0;
padding-top: 30px;
}
.tk-qualification .tk-accordion_info {
padding: 0 20px 20px;
background-color: #ffffff;
}
.tk-qualification .tk-accordion_title {
flex-wrap: nowrap;
padding: 20px;
position: relative;
align-items: center;
border-radius: 10px;
background-color: #FFFFFF;
transition: all 0.1s ease-in-out !important;
}
.tk-qualification .tk-accordion_title > a {
font-size: 24px;
line-height: 24px;
position: absolute;
right: 0;
color: #0a0f26;
display: inline-block;
}
.tk-qualification .tk-accordion_title a[aria-expanded="true"] i::before {
content: "";
}
.tk-qualification .tk-accordion_title::after {
top: 50%;
right: 20px;
font-size: 24px;
content: "";
line-height: 24px;
position: absolute;
margin-top: -12px;
padding-left: 20px;
font-family: "icomoon" !important;
}
.tk-qualification .tk-accordion_title:before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
margin-right: 10px;
background: #ff385c;
}
.tk-qualification .tk-accordion_title[aria-expanded= "true"]::after {
content: "";
}
.tk-accordion_info {
cursor: default;
background-color: #FFFFFF;
padding: 0 30px 20px;
}
.tk-accordion_info p {
margin-bottom: 0;
}
.tk-qualification-title {
padding-left: 0;
position: relative;
width: 100%;
}
.tk-qualification-title:before {
display: none;
left: 0;
top: 50%;
width: 4px;
content: "";
height: 4px;
margin-top: -2px;
border-radius: 50%;
position: absolute;
background: #0A0F26;
}
.tk-qualification-title span {
display: block;
color: #1C1C1C;
}
.tk-qualification-title h5 {
display: flex;
align-items: center;
margin-bottom: 0;
}
.tk-detail__icon {
flex: none;
padding-right: 40px;
align-items: center;
margin-left: auto;
}
.tk-detail__icon a {
font-size: 1rem;
}
.tk-detail__icon a ~ a {
margin-left: 20px;
}
.tk-ongoing-date {
display: flex;
align-items: center;
}
.tk-ongoing-date i {
color: #999999;
padding: 0 6px;
font-size: 20px;
line-height: 20px;
display: inline-block;
}
.tk-deactive-holder {
padding: 30px;
}
.tb-formcheckbox .tb-titleinput {
flex: initial;
padding-top: 0;
font-weight: 600;
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.8571428571em;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-formcheckbox .tb-onoff {
flex: none;
display: flex;
margin-left: auto;
}
.tb-formcheckbox + .tb-formcheckbox {
padding-top: 15px;
}
.tb-formcheckbox + .tb-dhbbtnarea {
padding-top: 25px;
}
.tb-acountdeactive .tb-popup .tb-themeform {
padding-top: 16px;
}
.tb-deactivebtns {
margin-top: 20px;
display: flex;
}
.tb-deactivebtns .tb-btn, .tb-deactivebtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-deactivebtns button, .tb-deactivebtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-deactivebtns button {
min-width: 160px;
}
.tb-deactivebtns .tb-btn + .tb-btn, .tb-deactivebtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button + .tb-btn, .tb-deactivebtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button + button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-deactivebtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button + button, .tb-deactivebtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button + button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-deactivebtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button + button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-deactivebtns button + .tb-btn, .tb-deactivebtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button + .tb-btn, .tb-deactivebtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button + button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-deactivebtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button + button, .tb-deactivebtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button + button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-deactivebtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button + button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-deactivebtns button + .tb-btn, .tb-deactivebtns .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-btn + button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tb-deactivebtns .tb-btn + button, .tb-deactivebtns .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-btn + button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tb-deactivebtns .tb-btn + button {
margin-left: 10px;
}
.tb-deactivebtns .tb-btnplain {
background-color: #FFFFFF;
}
.tb-deactivebtns .tb-btnplain:hover {
color: #999;
}
.tb-deactivebtns .tb-btnplain:hover:before {
content: "";
}
.tb-acountdeactive .modal-dialog {
max-width: 790px;
}
.tb-profileform__holder {
width: 100%;
}
.tb-profileform__holder .tb-dhbbtnareav2 {
gap: 15px;
}
.tk-education-title.tk-accordion_title::after {
display: none;
}
.tk-customupload .tk-attechment-content {
padding: 0;
box-shadow: none;
}
.tk-customupload .tk-attechment-content .tk-draganddropwrap {
margin-top: 0;
}
.tk-deactive-label, .tk-deactive-desc {
width: 100%;
}
.tk-dhb-mainheading {
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
padding-bottom: 30px;
}
.tk-dhb-mainheading h2 {
margin: 0;
font-weight: 500;
font-size: 24px;
line-height: 34px;
color: #0A0F26;
}
.tk-dhb-mainheading__rightarea {
align-items: center;
justify-content: flex-end;
margin-left: auto;
display: flex;
flex-wrap: wrap;
}
.tk-dhb-mainheading__rightarea em {
padding-right: 30px;
font-size: 0.875rem;
line-height: 1.7142857143em;
color: #1C1C1C;
font-style: normal;
text-align: right;
flex: 0 0 45%;
}
.tk-dhb-mainheading {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 15px;
justify-content: space-between;
}
.tk-savelisting {
padding: 0;
margin: 0;
}
.tk-savelisting > li {
border: 0;
padding: 20px;
background: #fff;
list-style-type: none;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.tk-savelisting > li + li {
margin-top: 20px;
}
.tk-savelisting > li:hover .tk-itemlinksvtwo .tk-startingprice span {
color: #ff385c;
}
.tk-tabbitem__list {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-deatlswithimg {
display: flex;
position: relative;
}
.tk-deatlswithimg figure {
flex: none;
width: 150px;
height: 150px;
margin: 0 20px 0 0;
overflow: hidden;
}
.tk-deatlswithimg figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.tk-tabbitem__listtwo .tk-icondetails {
display: flex;
flex-flow: row wrap;
padding: 0;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-desclinks {
line-height: 1em;
margin: 0 -2.5px;
padding: 0;
align-items: center;
padding-bottom: 5px;
display: flex;
flex-wrap: wrap;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-desclinks li {
padding: 0 2.5px;
position: relative;
list-style-type: none;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-desclinks li a {
color: #1da1f2;
display: inline-block;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-desclinks li a::after {
content: ",";
color: #1da1f2;
line-height: 1;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-desclinks li:last-child a::after {
display: none;
}
.tk-tabbitem__listtwo .tk-icondetails h5 {
margin-bottom: 0;
font-weight: 500;
}
.tk-tabbitem__listtwo .tk-icondetails h6, .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info > a, .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong, .tk-verified-info .tk-tabbitem__listtwo .tk-icondetails strong {
margin-bottom: 3px;
width: 100%;
font-size: 18px;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0;
padding-bottom: 1px;
align-items: center;
gap: 0;
margin: -4px -8.5px;
line-height: 1.7142857143em;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li {
padding-right: 6px;
padding-left: 6px;
padding: 4px 8.5px;
align-items: center;
list-style: none;
display: flex;
justify-content: center;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li i {
font-size: 16px;
transition: all 0.3s ease-in-out;
color: #676767;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li em {
padding-left: 6px;
font-size: 14px;
color: #676767;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li span {
color: #676767;
padding-left: 10px;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li .tk-favourite {
cursor: pointer;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li .tk-favourite i, .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li .tk-favourite em {
color: #EF4444;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li .tk-save-btn {
cursor: pointer;
display: flex;
align-items: center;
}
.tk-profilestatus {
margin: 14px 0 0 0;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
}
.tk-profilestatus li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
list-style-type: none;
}
.tk-profilestatus li .tk-profiletime {
width: auto;
}
.tk-profilestatus li .tk-profiletime span {
line-height: 24px;
margin-bottom: 9px;
display: block;
font-size: 14px;
color: #1C1C1C;
}
.tk-profilestatus li .tk-profileprogress {
width: 128px;
height: 2px;
}
.tk-profilestatus li .tk-profileprogress .progress-bar {
background-color: #63d594;
}
.tk-profilestatus li + li {
margin: 0 0 0 35px;
}
.tk-itemlinksvtwo {
flex: none;
display: flex;
align-items: center;
}
.tk-itemlinksvtwo .tk-startingprice {
display: flex;
flex: none;
padding-left: 10px;
flex-direction: column;
align-items: flex-end;
max-width: 250px;
}
.tk-itemlinksvtwo .tk-startingprice i {
display: block;
letter-spacing: 0.5px;
font-weight: 400;
}
.tk-itemlinksvtwo .tk-startingprice span {
display: block;
font-size: 22px;
font-weight: 500;
padding-top: 2px;
margin-left: 5px;
letter-spacing: 0.5px;
}
.tk-itemlinksvtwo .tk-switchservice {
margin: 0 0 0 20px;
padding: 10px 0 9px 20px;
border-left: 1px solid #dddddd;
}
.tk-itemlinksvtwo .tk-switchservice span {
display: block;
margin: 0 0 7px;
color: #1C1C1C;
}
.tk-onoff input {
display: none;
}
.tk-onoff label {
align-items: center;
margin-bottom: 0;
cursor: pointer;
display: flex;
flex-wrap: wrap;
}
.tk-onoff label em {
position: relative;
align-items: center;
margin: 0;
width: 35px;
height: 21px;
border: 1px solid #dddddd;
background-color: #fff;
border-radius: 10.5px 10.5px 10.5px 10.5px;
transition: all 0.4s;
vertical-align: middle;
}
.tk-onoff label em i {
position: absolute;
left: 0;
top: -1px;
width: 21px;
height: 21px;
background: #fff;
display: inline-block;
pointer-events: none;
transition: all 0.3s ease 0s;
border: 1px solid #d8d8d8;
border-radius: 9.5px 9.5px 9.5px 9.5px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.tk-onoff input:checked + label em {
border-color: #26de81;
background-color: #26de81;
}
.tk-onoff input:checked + label em > i {
box-shadow: none;
left: 100%;
margin-left: -21px;
border-color: #26de81;
}
.tk-tabicon {
border-left: 1px solid #dddddd;
padding: 16px 0 16px 20px;
margin: 0 0 0 19px;
}
.tk-tabicon li {
list-style-type: none;
display: inline-block;
position: relative;
}
.tk-tabicon li > a {
font-size: 20px;
transform: none;
display: block;
}
.tk-tabicon li + li {
margin: 0 0 0 18px;
}
.tk-rateviews2 .tk-favourite {
display: flex;
align-items: center;
}
.tk-rateviews2 .tk-save-btn i, .tk-rateviews2 .tk-save-btn em {
color: #EF4444;
}
.tb-dhb-profile-settings .tb-tabtasktitle {
background: #ffffff;
}
.tk-portfolios-list {
display: flex;
flex-wrap: wrap;
margin: -12px;
}
.tk-portfolios-list .tk-potfolioitem {
width: 33.33%;
margin: 0;
padding: 12px;
}
.tk-portfolios-list .tk-potfolioitem .tk-detail__icon {
padding: 10px 0 0;
}
.tk-portfolios-list .tk-potfolioitem .tk-detail__icon a {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.tk-portfolios-list .tk-potfolioitem .tk-detail__icon a ~ a {
margin-left: 10px;
}
.tk-portfolios-list .tk-potfolioitem .tk-detail__icon .tk-edit {
color: #22C55E;
background: rgba(34, 197, 94, 0.1);
}
.tk-portfolios-list .tk-potfolioitem .tk-detail__icon .tk-delete {
color: #FF6167;
background: rgba(255, 97, 103, 0.1);
}
.tk-portfolios-list .tk-potfolioitem .tk-detail__icon ~ .tk-portinfo {
padding: 10px 0 0;
overflow: hidden;
width: 100%;
}
.tk-potfolioitem {
position: relative;
}
.tk-potfolioitem > a {
position: absolute;
right: 20px;
display: block;
margin: 9px 0 0;
}
.tk-potfolioitem > a > i {
font-size: 16px;
color: #ff385c;
}
.tk-education-veiw {
border-radius: 10px 10px 0 0 !important;
}
.tk-education-veiw ~ .collapse.show .tk-accordion_info {
border-radius: 10px;
}
.tk-sectioninvoice {
padding-bottom: 0 !important;
}
.tk-scetiondb.tk-sectioninvoice {
padding-top: 0;
}
.tk-edudeatilwrap .tk-qualification.tk-qualificationvtwo > li {
margin: 0;
padding: 20px;
border-top: 1px solid #eee;
}
.tk-servicedetailtitle > h3 {
margin-bottom: 0;
font-weight: 500;
}
.tk-servicedetailtitle > .tk-featuretag {
margin-bottom: 10px;
}
.tk-blogviewdates {
align-items: center;
padding: 10px 0 0 0;
margin: -5px -15px;
}
.tk-blogviewdates li {
list-style-type: none;
padding: 5px 15px;
line-height: 1;
}
.tk-blogviewdates li i {
margin-right: 7px;
font-size: 20px;
}
.tk-blogviewdates li span, .tk-blogviewdates li a {
color: #0a0f26;
display: inline-flex;
align-items: center;
}
.tk-blogviewdates li span i, .tk-blogviewdates li a i {
margin-right: 10px;
}
.tk-blogviewdates li em {
font-style: normal;
}
.tk-boxlg {
padding: 30px;
}
.tk-project-holder + .tk-project-holder {
margin-top: 30px;
}
.tk-projectdetail-img {
margin-bottom: 0;
background: #000000;
border-radius: 10px;
}
.tk-projectdetail-img iframe {
width: 100%;
display: block;
border-radius: 10px;
}
.tk-projectdetail-img img {
opacity: 0.6;
border-radius: 10px;
}
.tk-project-title {
margin-bottom: 20px;
}
.tk-project-title h4, .tk-project-title h3 {
margin-bottom: 0;
font: 500 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-jobdescription ul {
margin: 0 0 30px;
padding: 0;
}
.tk-jobdescription ul li {
position: relative;
list-style-type: none;
padding: 0 0 0 26px;
display: flex;
line-height: 30px;
align-items: center;
}
.tk-jobdescription ul li::after {
left: 0;
top: 6px;
flex: none;
width: 18px;
height: 18px;
display: flex;
color: #ffffff;
font-size: 12px;
content: "";
line-height: 18px;
position: absolute;
align-items: center;
border-radius: 50px;
justify-content: center;
background-color: #22C55E;
font-family: "icomoon" !important;
}
.tk-jobdescription p {
margin-bottom: 26px;
}
.tk-jobdescription p:last-child {
margin-bottom: 0;
}
.tk-jobdescription_list {
padding-left: 18px;
margin-bottom: 26px;
}
.tk-jobdescription_list li {
list-style-type: disc;
color: #0a0f26;
}
.tk-project-guidelines {
margin-top: 30px;
padding: 30px;
border-radius: 12px;
border: 1px solid rgba(10, 15, 38, 0.1);
background-color: #f9fafb;
display: flex;
flex-direction: column;
gap: 24px;
}
.tk-project-guidelines__section {
display: flex;
flex-direction: column;
gap: 12px;
}
.tk-project-guidelines__title {
margin: 0;
font: 600 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
}
.tk-project-guidelines__subtitle {
margin: 0;
font: 500 1rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #343f52;
}
.tk-project-guidelines__content {
display: flex;
flex-direction: column;
gap: 16px;
}
.tk-project-guidelines__content ul {
margin: 0;
padding-left: 20px;
}
.tk-project-guidelines__content ul li {
list-style: disc;
padding: 0;
display: list-item;
font: 400 1rem/1.75em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
}
.tk-project-guidelines__content ul li::after {
display: none;
}
ul.tk-jobdescription_list {
padding: 0;
}
.tk-tags_links {
align-items: center;
}
.tk-tags_links li {
list-style-type: none;
}
.tk-skillstags {
display: flex;
align-items: center;
}
.tk-skillstags .tk-tagtittle {
padding-bottom: 10px;
align-self: flex-start;
}
.tk-skillstags .tk-tagtittle span {
display: block;
}
.tk-skillstags .tk-tags_links {
padding-left: 0;
margin: -5px;
}
.tk-skillstags .tk-tags_links li {
padding: 5px;
line-height: inherit;
}
.tk-skillstags .tk-tags_links li a {
border-radius: 10px;
}
.tk-skillstags + .tk-skillstags {
margin-top: 30px;
}
.tk-betaversion-wrap {
width: 100%;
display: flex;
padding: 30px;
align-items: center;
border-radius: 10px;
background: rgba(217, 161, 19, 0.1);
}
.tk-betaversion-wrap .tk-project-tag {
background-color: #6366F1;
margin-left: 10px;
color: #ffffff;
}
.tk-betaversion-wrap figure {
margin: 0 20px 0 0;
flex: none;
}
.tk-betaversion-info {
max-width: 695px;
}
.tk-betaversion-info h5, .tk-betaversion-info p {
margin-bottom: 0;
}
.tk-betaversion-info p {
padding-top: 6px;
}
.tk-betaversion-info p a {
font-weight: 600;
}
.tk-downloadbtn {
flex: none;
margin-left: auto;
padding-left: 20px;
}
.tk-relatedproject_title {
margin-top: 40px;
}
.tk-relatedproject_title h3 {
margin: 0;
font-weight: 500;
}
.tk-otherproject {
margin-top: 20px;
position: relative;
}
.tk-otherproject .tk-project-box {
border-radius: 10px;
}
.tk-otherproject .tk-project-price {
gap: 10px;
display: flex;
flex-wrap: wrap;
margin-top: 20px;
padding: 12px 16px;
align-items: center;
background: #F7F7F8;
justify-content: space-between;
border-radius: 10px;
}
.tk-otherproject .tk-project-price h6, .tk-otherproject .tk-project-price .tk-verified-info > a, .tk-otherproject .tk-project-price .tk-verified-info strong, .tk-verified-info .tk-otherproject .tk-project-price strong {
width: auto;
padding: 0;
background: transparent !important;
color: rgba(30, 30, 30, 0.8) !important;
font: 400 14px / 17px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-otherproject .tk-project-price h4 {
width: auto;
margin: 0;
padding: 0;
letter-spacing: normal;
color: #1e1e1e;
font: 600 16px / 22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-projectprice {
text-align: center;
}
.tk-projectprice .tk-sidebar-title {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tk-projectprice .tk-sidebar-title > h3 {
width: 100%;
font-weight: 500;
}
.tk-projectprice .tk-sidebar-title .tk-project-tag {
margin-top: -30px;
line-height: 20px;
border-radius: 0 0 10px 10px;
}
.tk-sidebar-title .tk-project-tag {
font-weight: 500;
padding: 4px 12px;
}
.tk-sidebar-title .tk-project-tag + h3 {
margin: 20px 0 0 0;
}
.tk-sidebar-title > h3 {
margin: 0;
}
.tk-sidebar-title > em {
color: #999999;
font-style: normal;
font-weight: 600;
display: inline-block;
}
.tk-sidebar-title > h5 {
font-weight: 500;
margin-bottom: 20px;
}
.tk-sidebarpkg__btn {
margin-top: 20px;
}
.tk-sidebarpkg__btn > a {
width: 100%;
}
.tk-sidebarpkg__btn > a + a {
margin-top: 10px;
}
.tk-sidebarpkg__btn .tk-btnline {
color: #999999;
display: flex;
font-size: 16px;
line-height: 26px;
font-weight: 400;
align-items: center;
}
.tk-sidebarpkg__btn .tk-btnline i {
color: #999999;
font-size: 16px;
padding-right: 6px;
}
.tk-project-requirement {
padding-left: 0;
margin-bottom: 0;
}
.tk-project-requirement > li {
list-style-type: none;
display: flex;
align-items: center;
position: relative;
}
.tk-project-requirement > li + li {
margin-top: 20px;
}
.tk-project-requirement > li i {
flex: none;
z-index: 1;
width: 50px;
height: 50px;
display: flex;
font-size: 24px;
color: #0A0F26;
position: relative;
border-radius: 4px;
align-items: center;
justify-content: center;
background-color: #f7f7fa;
}
.tk-project-requirement_content {
padding-left: 14px;
width: 100%;
}
.tk-project-requirement_content > em {
font-size: 14px;
font-style: normal;
line-height: 1.3em;
display: block;
}
.tk-project-requirement_content > a {
color: #ff385c;
margin-left: 4px;
}
.tk-project-requirement i.tk-darkred-icon:after {
background-color: #FFF1F4;
}
.tk-project-requirement i.tk-yellow-icon:after {
background-color: #F7F1D2;
}
.tk-project-requirement i.tk-cat-icon:after {
background-color: rgba(249, 115, 22, 0.1);
}
.tk-project-requirement i.tk-green-icon:after {
background-color: #EAFFEC;
}
.tk-project-requirement i.accountsicon:after {
background-color: #E9E9FF;
}
.tk-requirement-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tk-requirement-tags span {
color: #0a0f26;
margin-right: 4px;
}
.tk-requirement-tags span::after {
content: ",";
display: inline-block;
}
.tk-requirement-tags span:last-child {
margin-right: 0;
}
.tk-requirement-tags span:last-child::after {
display: none;
}
.tk-requirement-tags a {
font-weight: 600;
}
.tk-verified-title {
align-items: center;
}
.tk-verified-title img {
flex: none;
margin-right: 20px;
max-width: 50px;
border-radius: 10px;
}
.tk-verified-title p {
margin: 20px 0 0 0;
}
.tk-projectinfo {
border-radius: 10px;
background-color: #ffffff;
border: 1px solid #eee;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tk-projectinfo_title {
display: flex;
align-items: center;
}
.tk-projectinfo_title img {
width: 100%;
}
.tk-projectinfo .tk-checkout-info {
width: 100%;
}
.tk-projectinfo .tk-total-title i {
font-size: 18px;
}
.tk-checkout-info {
padding: 30px 0 0 0;
margin-bottom: 0;
}
.tk-checkout-info li {
display: flex;
align-items: center;
justify-content: space-between;
list-style-type: none;
}
.tk-checkout-info li > span {
font-weight: 600;
text-align: right;
padding-left: 20px;
}
.tk-checkout-info li + li {
margin-top: 14px;
}
.tk-checkout-info li .tk-btn {
height: 48px;
width: 100%;
margin-top: 6px;
padding: 0 30px;
}
.tk-checkout-info li .tk-btn i {
color: #fff;
font-size: 16px !important;
}
.tk-total-title {
flex: none;
align-items: center;
}
.tk-total-title i {
font-size: 18px;
display: inline-block;
margin-right: 10px;
}
.tk-total-title em {
font-style: normal;
display: inline-block;
}
.tk-project-box.tk-employerproject + .tk-project-box {
box-shadow: inset 0px -1px 0px #eeeeee;
}
.tk-project-wrapper .tk-project-table-info .tk-blogviewdates {
margin-top: 0 !important;
}
.tk-project-table-status .tk-submitreview {
border: 0;
box-shadow: none;
border-radius: 0;
}
.tk-project-wrapper .tk-project-table-info .tk-blogviewdates li {
gap: 4px;
}
.tk-project-wrapper .tk-project-table-info .tk-blogviewdates li i {
margin-right: 2px;
}
.tk-project-img {
position: relative;
aspect-ratio: 16/9;
flex: none;
margin-bottom: 16px;
overflow: hidden;
border-radius: 10px;
}
.tk-project-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 4px !important;
}
.project-slider .splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.tk-copytags-title {
margin: 30px 0 10px;
font-weight: 600;
}
.tk-copytags-wrap {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 20px;
margin: 20px 0 0;
background: #f5f5f5;
border: 1px dashed #eee;
border-radius: 10px;
align-items: center;
justify-content: space-between;
}
.tk-copytags {
padding: 8px 16px;
border-radius: 10px;
flex-grow: 1;
word-break: break-word;
}
.tk-template-project {
margin-bottom: 20px;
}
.tk-template-serach {
padding: 19px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border-radius: 10px;
flex-wrap: wrap;
}
.tk-template-serach .tk-inputicon {
max-width: 386px;
}
.tk-template-serach .tk-inputicon .form-control {
height: 48px;
padding: 0 40px 0 20px;
}
.tk-template-serach .tk-inputicon .form-control:hover, .tk-template-serach .tk-inputicon .form-control:focus {
box-shadow: none;
}
.tk-template-serach .tk-inputicon i {
left: auto;
right: 20px;
}
.tk-template-serach h5 {
margin-bottom: 0;
padding-right: 10px;
font-weight: 600;
color: #0a0f26;
flex: none;
padding-right: 10px;
}
.tk-template-serach .tk-select, .tk-template-serach .tk-calendar {
width: 100px;
margin: 0 10px 0 auto;
}
.tk-template-serach + .tk-submitreview {
margin-top: 10px;
}
.tk-projectsstatus_option {
margin-left: 30px;
position: relative;
}
.tk-projectsstatus_option > a {
color: #0a0f26;
display: block;
font-size: 2.125rem;
}
.tk-hire-freelancer {
align-items: center;
padding-left: 0;
margin: -5px;
}
.tk-hire-freelancer li {
width: 33.33%;
padding: 5px;
list-style-type: none;
}
.tk-hire-freelancer_content {
display: flex;
align-items: center;
padding: 16px;
background-color: #FFFFFF;
border-radius: 10px;
}
.tk-hire-freelancer_content img {
width: 42px;
height: 42px;
border-radius: 50%;
object-fit: cover;
}
.tk-hire-freelancer_content > span {
margin-left: auto;
flex: none;
}
.tk-hire-freelancer-info {
padding-left: 10px;
}
.tk-hire-freelancer-info h6, .tk-hire-freelancer-info .tk-verified-info > a, .tk-hire-freelancer-info .tk-verified-info strong, .tk-verified-info .tk-hire-freelancer-info strong {
margin-bottom: 0;
align-items: center;
}
.tk-hire-freelancer-info > a {
font-weight: 600;
display: block;
flex: none;
}
.tk-hire-freelancer-info .tk-blogviewdates {
margin: 0 !important;
padding: 0 0 0 10px;
flex-wrap: nowrap;
align-items: center;
}
.tk-hire-freelancer-info .tk-blogviewdates em {
font-style: normal;
font-weight: 600;
padding-left: 6px;
}
.tk-proposal-list {
display: flex;
align-items: center;
padding-left: 0;
margin-bottom: 0;
}
.tk-proposal-list li {
list-style-type: none;
}
.tk-proposal-list li > span {
color: #999999;
font-weight: 500;
}
.tk-proposal-list li + li {
margin-left: -15px;
}
.tk-proposal-list li:last-child {
margin-left: 0;
}
.tk-proposal-list li img {
border: 4px solid #ffffff;
border-radius: 50%;
background: #ffffff;
width: 38px;
height: 38px;
object-fit: cover;
}
.tk-view-proposal {
font-weight: 500;
margin-left: 20px;
align-items: center;
}
.tk-view-proposal > i {
font-size: 20px;
padding-left: 6px;
}
.tk-edit-project {
color: #999999;
padding: 7px 24px;
text-align: center;
display: inline-flex;
align-items: center;
background-color: transparent;
font-weight: 600;
}
.tk-edit-project i {
padding-right: 10px;
font-size: 20px;
}
.tk-edit-project:hover {
color: #999999;
}
.tk-project-detail {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto;
}
.tk-project-detail a, .tk-project-detail button {
border-radius: 10px;
}
.tk-project-detail a + a, .tk-project-detail a button, .tk-project-detail button + a, .tk-project-detail button button {
margin-left: 10px;
}
.tk-project-detail .tk-likev2 {
padding: 0 24px;
}
.tk-project-detail .tk-likev2 i {
font-size: 20px;
padding-right: 10px;
}
.tk-project-detail .tk-likev2 a {
display: flex;
align-items: center;
}
.tk-search-wrapper {
display: flex;
align-items: center;
}
.tk-search-wrapper input {
width: 300px;
height: 48px;
}
.tk-search-wrapper .tk-sort {
padding: 0 0 0 10px;
}
.tk-savebtnfeed {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}
.tk-projectlisting {
padding: 29px;
position: relative;
list-style-type: none;
border-radius: 10px;
border: 1px solid #eeeeee;
}
.tk-projectlisting .tk-price-holder {
align-items: center;
}
.tk-project-wrapper + .tk-paymentways {
margin-top: 30px;
}
.tk-sort {
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
}
.tk-sort h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
line-height: 34px;
word-break: break-word;
}
.tk-sort .tk-actionselect > span {
margin: 0;
}
.tk-sortby {
margin-left: auto;
}
.tk-sortby .tk-select, .tk-sortby .tk-calendar {
margin: 0;
width: 196px;
}
.tk-sortby .select2-container--default .select2-selection--single {
height: 48px;
}
.tk-sortby .tk-actionselect .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px;
}
.tk-asidetitle h5 {
position: relative;
display: flex;
align-items: center;
margin: 0;
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
}
.tk-asidetitle h5::after {
content: "";
font-family: "icomoon";
position: absolute;
right: 0;
font-size: 16px;
color: #0a0f26;
font-weight: 400;
}
.tk-asidetitle[aria-expanded="false"] h5:after {
content: "";
}
.tk-aside-content {
padding-top: 10px;
}
.tk-aside-content .select2-container--default .select2-selection--single {
height: 48px;
}
.tk-aside-content .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px;
}
.tk-aside-content input[type=text] {
height: 48px;
}
.tk-aside-content input[type=text]::placeholder {
color: #999;
font: 400 0.9375rem / 1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-aside-holder ~ .tk-aside-holder {
margin-top: 30px;
}
.tk-aside-holder .tk-distanceholder {
width: 100%;
box-shadow: none;
}
.tk-search-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #0a0f26 !important;
border-radius: 10px;
background-color: #ff385c;
}
.tk-search-icon i {
font-size: 18px;
}
.tk-filterselect {
padding-bottom: 10px;
}
.tk-filterselect:last-child {
padding-bottom: 0;
}
.tk-filterselect .comboTreeDropDownContainer {
border: 0;
padding: 10px;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-filterselect .comboTreeDropDownContainer .comboTreeArrowBtnImg {
border: 0;
}
.tk-filterselect .comboTreeDropDownContainer .comboTreeArrowBtnImg .comboTreeArrowBtnImg:before {
content: "";
font-family: icomoon;
}
.tk-filterselect .comboTreeDropDownContainer ul li + li {
margin-top: 2px;
}
.tk-filterselect .comboTreeDropDownContainer ul li .comboTreeItemTitle {
padding: 10px 15px;
color: #0A0F26;
font-size: 14px;
font-weight: 500;
line-height: 20px;
border-radius: 10px;
}
.tk-categoriesfilter {
padding-left: 0;
}
.tk-categoriesfilter li {
padding-top: 14px;
line-height: inherit;
list-style-type: none;
}
.tk-categoriesfilter li:last-child {
padding-bottom: 0;
}
.tk-categoriesfilter .tk-form-checkbox {
align-items: flex-start;
}
.tk-categoriesfilter .form-check-label span {
color: #0a0f26;
}
.tk-categoriesfilter .tk-form-check-input-sm {
margin-top: 3px;
margin-bottom: 3px;
}
.tk-readmorebtn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
width: 100%;
color: #999999;
padding: 7px 5px;
}
.tk-readmorebtn::before {
content: "";
position: absolute;
width: 100%;
top: 0;
transform: translateY(-100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.07) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.07) 100%);
background: linear-gradient(to top, #f7f7f7 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#12000000", endColorstr="#12000000",GradientType=0);
opacity: 0.8;
visibility: hidden;
}
.tk-readmorebtn span {
display: inline-flex;
align-items: center;
}
.tk-readmorebtn:hover {
color: #999999;
}
.tk-readmorebtnv2 {
display: block;
margin-top: 10px;
}
.tk-additionalservices[data-readmore], .tk-categoriesfilter[data-readmore], .tk-exploremore[data-readmore] {
transition: height 500ms;
overflow: hidden;
}
.tk-rangevalue {
display: flex;
flex-direction: column;
}
.tk-rangevalue .form-control {
display: flex;
align-items: center;
justify-content: center;
}
.noUi-target {
background: #f7f7f7;
border: 0;
border-radius: 1.5px;
height: 3px;
margin-top: 20px;
}
.noUi-connect {
background-color: #22C55E;
}
.noUi-handle:after, .noUi-handle:before {
content: none;
}
.tk-distanceholder .tk-distance {
box-shadow: none;
}
.tk-distanceholder .tk-btnholder .tk-btn {
min-width: 60px;
height: 36px;
font-size: 14px;
}
.tk-areasizebox {
width: 100%;
justify-content: space-between;
}
.tk-areasizebox .form-control {
background: #ffffff;
max-width: 148px;
}
.noUi-horizontal .noUi-handle {
width: 24px;
height: 24px;
top: 0px;
background: #ffffff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
border-radius: 50%;
right: -12px;
border: 2px solid #fff;
transform: translateY(-50%);
outline: none;
}
.noUi-connects {
background: #ddd;
border-radius: 60px 0px 0px 60px;
height: 4px;
}
.tk-tooltiparrow:after {
content: " ";
position: absolute;
border: 1px solid #eeeeee !important;
transform: rotate(135deg) !important;
height: 12px;
width: 12px;
border-top: 0 !important;
border-right: 0 !important;
background: #fff;
top: -6px;
left: 68px;
}
.tk-filterbtns {
margin-top: 30px;
align-items: center;
flex-direction: column;
justify-content: center;
}
.tk-filterbtns a {
width: 100%;
color: #999 !important;
background: transparent !important;
font: 500 1rem / 1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-filterbtns a + a {
margin-top: 10px;
}
.tk-like {
position: absolute;
right: 0;
top: -30px;
}
.tk-like a {
font-size: 16px;
color: #999;
}
.tk-like a:hover {
color: #EF4444;
}
.tk-liked a {
color: #EF4444 !important;
}
.tk-liked em {
color: #EF4444 !important;
}
.tk-bestservice__content > figure {
border-radius: 50%;
border: 8px solid #fff;
display: inline-block;
margin: 0 0 10px;
}
.tk-bestservice__content > figure > img {
border-radius: 50%;
}
.tk-bestservice__content .tk-startingprice {
margin: 20px 0 0;
}
.tk-cardtitle {
position: relative;
}
.tk-cardtitle h5 {
margin: 0 0 10px;
}
.tk-cardtitle .tk-like {
display: inline-flex;
}
.tk-cardtitle .tk-like a {
display: inline-flex;
}
.tk-cardtitle .tk-like i {
font-size: 20px;
}
.tk-bestservice {
background: #ffffff;
position: relative;
margin: 0 0 30px;
overflow: hidden;
}
.tk-bestservice .tk-noofslides {
position: absolute;
right: 10px;
top: 10px;
}
.tk-bestservice .tk-featuretag {
position: absolute;
left: 10px;
top: 10px;
}
.tk-bestservice .tk-sevicesinfo {
border: 1px solid #eeeeee;
}
.tk-bestservice__content {
padding: 0 20px 30px;
position: relative;
margin: -30px 0 0;
}
.tk-bestservice:hover .splide__arrows .splide__arrow--prev {
left: 0;
}
.tk-bestservice:hover .splide__arrows .splide__arrow--next {
right: 0;
}
.tk-cards__img {
background: #0a0f26;
margin: 0;
}
.tk-cards__img .tk-themegallery ~ a {
display: block;
background-color: #000;
}
.tk-cards__img .tk-themegallery ~ a img {
opacity: 0.6;
}
.tk-cards__img img {
width: 100%;
}
.tk-cards__img .tk-servicesvideo {
top: 10px;
right: 10px;
}
.tk-startingprice i {
display: inline-block;
}
.tk-startingprice span {
color: #353648;
}
.tk-blogviewdatessm {
align-items: center;
padding: 0;
gap: 10px 30px;
}
.tk-blogviewdatessm li {
list-style-type: none;
}
.tk-blogviewdatessm li i {
font-size: 16px;
}
.tk-blogviewdatessm li > span {
color: #999999;
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.tk-blogviewdatessm li > span em {
color: #0a0f26;
}
.tk-blogviewdatessm li > span i {
margin-right: 6px;
color: #999999;
}
.tk-blogviewdatessm li > a {
color: #999999;
align-items: center;
font: 400 0.875rem/1.7142857143em "Open Sans", sans-serif;
}
.tk-blogviewdatessm li > a > i {
color: #999999;
margin-right: 6px;
}
.tk-searchresult .tk-pagination {
margin: 10px 0 0;
}
.tk-searchslide .splide__arrows .splide__arrow {
width: 36px;
height: 36px;
background: #ffffff;
border-radius: 0;
opacity: 1;
}
.tk-searchslide .splide__arrows .splide__arrow i {
color: #0a0f26;
font-size: 22px;
}
.tk-searchslide .splide__arrows .splide__arrow svg {
display: none;
}
.tk-searchslide .splide__arrows .splide__arrow--prev {
left: -37px;
}
.tk-searchslide .splide__arrows .splide__arrow--next {
right: -37px;
}
.tk-noofslides {
background: #0a0f26;
color: #ffffff;
padding: 3px 15px;
border-radius: 60px;
font-size: 12px;
display: flex;
align-items: center;
}
.tk-noofslides i {
font-size: 13px;
margin-right: 6px;
}
.tk-closefilter {
top: 20px;
width: 40px;
color: #fff;
left: -20px;
display: none;
font-size: 20px;
line-height: 40px;
border-radius: 50%;
position: absolute;
text-align: center;
background: #353648;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-closefilter:hover {
color: #fff;
}
.tk-closefilter i {
display: block;
line-height: inherit;
}
.tk-filtermenu {
width: 50px;
color: #fff;
display: none;
font-size: 20px;
line-height: 50px;
margin-left: 20px;
text-align: center;
background: #353648;
}
.tk-filtermenu:hover {
color: #fff;
}
.tk-filtermenu i {
display: block;
line-height: inherit;
}
.tk-filterloader .preloader-outer {
display: block !important;
}
.tk-filterloader .tk-preloader {
display: flex !important;
}
.tk-tags_links {
align-items: center;
margin: -5px -8px;
padding-left: 30px;
}
.tk-tags_links li {
padding: 5px 8px;
list-style-type: none;
}
.tk-blog-tags {
display: block;
padding: 2px 11px;
border-radius: 10px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
font-weight: 500;
}
.tk-blog-tags:hover, .tk-blog-tags-active {
background-color: transparent;
border-color: #dddddd;
}
.tk-blog-showmore {
color: #3377FF;
background-color: transparent !important;
}
.tk-price-holder {
display: flex;
align-items: flex-start;
width: 100%;
}
.tk-price-holder .tk-recommend {
padding-top: 0;
}
.tk-price-holder .tk-verified-info .tk-verified-info-tags {
margin: 0 0 10px;
}
.tk-verified-info h5 {
width: 100%;
display: flex;
font-weight: 500;
margin-bottom: 0;
align-items: center;
}
.tk-verified-info h5 i {
font-size: 16px;
margin-left: 10px;
display: inline-block;
color: #22C55E;
}
.tk-verified-info > a {
width: 100%;
display: flex;
color: #676767;
font-weight: 500;
margin-bottom: 0;
align-items: center;
}
.tk-verified-info > a i {
font-size: 16px;
margin-left: 10px;
display: inline-block;
color: #22C55E;
}
.tk-verified-info > em {
display: block;
}
.tk-verified-info strong {
width: 100%;
display: flex;
margin-bottom: 0;
font-weight: 500;
align-items: center;
}
.tk-verified-info strong i {
margin-left: 10px;
color: #22C55E;
}
.tk-verified-info .tk-project-tag {
margin-bottom: 10px;
}
.tk-verified-info .tk-verified-info-tags {
gap: 10px;
align-items: center;
margin-top: 10px;
}
.tk-verified-info .tk-verified-info-tags .tk-project-tag {
margin-bottom: 0;
}
.tk-price {
flex: none;
margin-left: auto;
text-align: right;
padding-left: 30px;
}
.tk-price h4 {
margin-bottom: 0;
color: #ff385c;
}
.tk-price > span, .tk-price > h4 {
text-align: right;
font-weight: 500;
}
.tk-price span {
display: block;
color: #0A0F26;
position: relative;
margin-bottom: 5px;
background-color: transparent;
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-price > a {
margin-top: 20px;
}
.tk-template-view {
padding: 0;
gap: 0 24px;
align-items: center;
margin: 10px 0 0 0;
}
.tk-template-view li {
display: inline-flex;
align-items: center;
color: #676767;
white-space: nowrap;
}
.tk-template-view li i {
flex: none;
font-size: 16px;
display: inline-block;
color: #676767;
padding-right: 10px;
}
.tk-template-view li > span {
display: flex;
align-items: center;
}
.tk-template-view li span, .tk-template-view li > a {
color: #676767;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-freelancer-holder {
display: block;
margin-top: 20px;
}
.tk-freelancer-holder .tk-tagtittle {
padding-bottom: 10px;
}
.tk-freelancer-holder .tk-tagtittle span {
font-weight: 600;
}
.tk-freelancer-holder .tk-tags_links {
margin: -5px;
padding-left: 0;
}
.tk-freelancer-holder .tk-tags_links li {
padding: 5px;
}
.tk-freelancer-holder .tk-tags_links li a {
border-radius: 10px;
background-color: #FFFFFF;
}
.tk-freelancer-holder .tk-tags_links li a:hover {
color: #0a0f26;
background-color: transparent;
}
.tk-project-option {
margin: 10px 0 0 0;
}
.tk-projectinfo-list {
margin: 0;
display: block;
padding: 20px 0 0;
}
.tk-projectinfo-list li {
color: #0a0f26;
display: flex;
align-items: center;
list-style-type: none;
}
.tk-projectinfo-list li + li {
margin-top: 10px;
}
.tk-projectinfo-list li i {
font-size: 16px;
margin-right: 6px;
color: #999999;
}
.tk-projectinfo-list li span {
font-size: 0.875rem;
line-height: 1.7142857143em;
}
.tk-activity-tags-wrapper {
display: flex;
align-items: center;
}
.tk-activity-tags-wrapper > a {
font-weight: 600;
}
.tk-activity-tags-wrapper > a + a {
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #eee;
}
.tk-checked {
width: 21px;
height: 21px;
padding: 5px;
display: flex;
margin-left: auto;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #22C55E;
}
.tk-checked i {
font-size: 11px;
color: #ffffff;
}
.tk-popuptitle {
display: flex;
align-items: center;
padding: 15px;
background: #F7F7F7;
border-radius: 10px;
}
.tk-popuptitle h4 {
margin: 0;
font-size: 1.125rem;
letter-spacing: 0.5px;
line-height: 1.4444444444em;
font-weight: 600;
}
.tk-popuptitle h5 {
margin-bottom: 0;
}
.tk-popuptitle .close {
margin-left: auto;
font-size: 20px;
text-shadow: none;
opacity: 1 !important;
}
.tk-popuptitle .close:hover {
color: #353648;
}
.tk-popuptitle .close i {
display: block;
color: #ff385c;
font-size: 24px;
line-height: 20px;
}
.tk-rating-stars {
display: flex;
padding-left: 0;
cursor: pointer;
align-items: center;
}
.tk-rating-stars li {
list-style-type: none;
}
.tk-rating-stars li + li {
padding-left: 5px;
}
.modal-body .tk-savebtn a {
margin-left: 0;
}
.tk-star.active i::before {
font-weight: 800;
font-family: "Font Awesome 5 Free";
}
.tk-filterselect.mCustomScrollbar {
overflow: hidden;
max-height: 200px;
}
.tk-filterselect.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
}
.tk-search {
padding-top: 15px;
}
.tk-searchfilter-wrap {
overflow: hidden;
}
.tk-freelancer-box {
padding: 30px;
background: #ffffff;
border: 1px solid #eeeeee;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
border-radius: 10px;
}
.tk-freelancer-box + .tk-freelancer-box {
margin-top: 24px;
}
.tk-content-box > h4 {
margin-bottom: 20px;
font: 500 1.375rem / 1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-content-box .tk-swipernav {
margin-top: 20px;
}
.tk-content-box + .tk-content-box {
margin-top: 30px;
}
.tk-freelancer-profile {
display: flex;
}
.tk-freelancer-profile figure {
flex: none;
max-width: 180px;
border-radius: 6px;
margin: 0 20px 0 0;
}
.tk-freelancer-profile figure img {
border-radius: inherit;
}
.tk-freelancer-profile_title {
display: block;
width: 100%;
}
.tk-freelancer-profile_title .tk-freelancer-profile-price .tk-save {
justify-content: end;
}
.tk-freelancer-profile-title {
width: 100%;
}
.tk-freelancer-profile-title h3 {
margin-bottom: 0;
display: flex;
align-items: center;
}
.tk-freelancer-profile-title h3 i {
font-size: 18px;
padding-left: 15px;
}
.tk-freelancer-profile-title > span {
display: block;
font-weight: 600;
}
.tk-freelancerinfo-holder {
width: 100%;
display: flex;
}
.tk-freelancerinfo-holder + .tk-freelancerinfo-holder {
margin-top: 30px;
}
.tk-client-review {
padding: 30px 0 0;
}
.tk-client-review .tk-sectiontitle {
padding-left: 30px;
}
.tk-reviews_holder + .tk-reviews_holder {
border-top: 1px solid #FFFFFF;
}
.tk-profilerrating {
padding: 0;
margin: 10px 0 0;
align-items: center;
gap: 10px 24px;
}
.tk-profilerrating li {
list-style-type: none;
line-height: inherit;
}
.tk-profilerrating li > i {
font-size: 16px;
color: #999999;
line-height: 24px;
}
.tk-profilerrating li > em {
font-weight: 600;
color: #1C1C1C;
padding: 0 3px;
}
.tk-profilerrating li > span {
font-weight: 600;
color: #999999;
}
.tk-profilerrating li > span i {
padding-right: 6px;
}
.tk-freelancer-profile-price {
flex: none;
margin-left: auto;
text-align: right;
}
.tk-freelancer-profile-price strong {
display: block;
}
.tk-freelancer-profile-price h4 {
margin: 0;
}
.tk-freelancer-profile-price > a {
margin: 20px 0 0;
display: block;
}
.tk-freelancerinfo-language {
padding: 0;
margin: 0;
display: flex;
gap: 20px;
width: 100%;
}
.tk-freelancerinfo-language li {
list-style-type: none;
min-width: 246px;
width: 100%;
}
.tk-freelancerinfo-language li > span {
color: #999999;
display: block;
}
.tk-freelancerinfo-language li h6, .tk-freelancerinfo-language li .tk-verified-info > a, .tk-freelancerinfo-language li .tk-verified-info strong, .tk-verified-info .tk-freelancerinfo-language li strong {
margin-bottom: 0;
color: #0a0f26;
}
.tk-freelancerinfo-btn {
margin: 10px 0 0 auto;
}
.tk-freelancerinfo-btn .tk-btn-yellow i, .tk-freelancerinfo-btn .tk-btn-yellow-lg i {
padding-right: 10px;
}
.tk-skills-tags {
padding: 0;
margin: 0;
align-items: center;
gap: 16px;
}
.tk-skills-tags li {
list-style-type: none;
}
.tk-skills-tags li > a {
display: flex;
align-items: center;
padding: 5px 11px;
font-weight: 500;
color: #0a0f26;
font-size: 12px;
line-height: 24px;
border-radius: 10px;
background-color: #FFFFFF;
border: 1px solid #ddd;
}
.tk-skills-tags li > a:hover {
color: #0a0f26;
background-color: #ffffff;
border-color: #eeeeee;
}
.tk-skills-tags li span a {
display: block;
color: #ff385c;
}
.tk-uploadprofilepic {
align-items: flex-start;
flex-wrap: nowrap;
}
.tk-uploadprofilepic figure {
width: 132px;
flex: none;
padding: 5px;
margin: 0 20px 0 0;
border-radius: 10px;
border: 1px solid #eee;
}
.tk-uploadprofilepic figure img {
width: 100%;
border-radius: 10px;
height: 120px;
object-fit: cover;
}
.tk-uploadprofilepic figure .tk-hasloader {
width: 100%;
height: 100%;
background: #fffefe8a;
position: absolute;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.tk-uploadprofilepic figure .tk-hasloader .spinner-border {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: 0;
border: 5px solid #959191;
border-right-color: #ac989869;
}
.tk-freelancer-content-two h4 {
margin-bottom: 10px;
font: 500 1.125rem/1.6666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-freelancer-content-two p {
font-size: 15px;
line-height: 24px;
margin: 0 0 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
.tk-uploadbtn label {
margin: 0;
}
.tk-uploadbtn label input {
display: none;
}
.tk-uploadbtnpic {
gap: 10px;
}
.tk-btnlight {
background-color: #FFFFFF;
color: #0A0F26;
}
.tk-btnlight:hover {
background-color: #FFFFFF;
color: #0A0F26 !important;
}
.tk-btnlight::before {
content: none;
}
.tb-savebtn em {
text-align: right;
flex: 1;
}
.tk-profile-form {
padding: 30px;
background: #fff;
}
.tk-project-box + .tk-profile-form {
padding: 30px;
background: #fff;
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-project-box > h3 {
margin: 0 0 15px;
}
.tk-dhbbtnarea {
gap: 20px;
padding: 30px;
width: 100%;
align-items: center;
margin-left: auto;
justify-content: flex-end;
border-top: 1px solid #eee;
background: #ffffff;
}
.tk-dhbbtnarea em {
flex: initial;
color: #0A0F26;
text-align: right;
font-style: normal;
font-size: 0.875rem;
line-height: 1.4285714286em;
}
.tk-featureRating {
align-items: center;
}
.tk-featureRating h3 {
margin-bottom: 0;
padding-right: 5px;
display: inline-block;
vertical-align: middle;
}
.tk-featureRating h4 {
padding-right: 2px;
display: inline-block;
vertical-align: middle;
}
.tk-featureRating h6, .tk-featureRating .tk-verified-info > a, .tk-featureRating .tk-verified-info strong, .tk-verified-info .tk-featureRating strong {
margin: 0 5px 0;
line-height: 1.1;
display: inline-block;
}
.tk-featureRating > a {
line-height: 1.1;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-featureRating__stars {
letter-spacing: 2px;
display: inline-flex;
vertical-align: middle;
}
.tk-featureRating__stars + em {
padding-left: 2px;
}
.tk-featureRating__stars::before {
color: #DDDDDD;
}
.tk-featureRating__stars span {
width: 100%;
overflow: hidden;
}
.tk-reviews-box {
padding: 30px;
border-bottom: 0;
position: relative;
}
.tk-reviews-box ~ .tk-reviews-box {
margin-top: 20px;
border-top: 1px solid #FFFFFF;
}
.tk-reviews-box .tk-description {
margin: 20px 0 0 0;
}
.tk-reviews-box .tk-description p {
margin-bottom: 0;
}
.tk-reviews-img {
display: flex;
align-items: flex-start;
}
.tk-reviews-img figure {
margin: 0 20px 0 0;
}
.tk-reviews-img figure img {
max-width: 64px;
display: inline-block;
border-radius: 10px;
}
.tk-Reviews-detail a {
color: #999999;
align-items: center;
}
.tk-Reviews-detail a h5 {
margin: 5px 0 0;
}
.tk-review-time {
color: #999999;
display: inline-block;
}
.tk-empty-detail::after {
display: none;
}
.tk-freelancer-box.tk-client-review .tk-reviews-box ~ .tk-reviews-box {
margin: 0;
}
.tk-employerproject {
display: flex;
align-items: center;
background: #ffffff;
box-shadow: inset 0px -1px 0px #EEEEEE;
}
.tk-employerproject-title .tk-project-tag {
margin-bottom: 10px;
}
.tk-employerproject-title h3 {
margin: 0;
font-size: 1.375rem;
line-height: 1.3636363636em;
}
.tk-employerproject-edit {
flex: none;
display: flex;
margin-left: auto;
align-self: center;
padding-left: 30px;
align-items: center;
}
.tk-employerproject-edit h4 {
color: #ff385c;
margin-bottom: 0;
padding-right: 20px;
flex: none;
}
.tk-employerproject-edit .tk-btn-solid-lg, .tk-employerproject-edit .tk-btn-solid-lg-lefticon {
height: 40px;
flex: none;
}
.tk-freelancer-search {
display: flex;
align-items: center;
}
.tk-freelancer-search figure {
margin: 0 20px 0 0;
flex: none;
border-radius: 10px;
}
.tk-freelancer-search figure img {
width: 100px;
height: 100px;
display: block;
border-radius: 10px;
object-fit: cover;
}
.tk-freelancer-content-two > a {
display: flex;
font-size: 1rem;
font-weight: 500;
line-height: 25px;
color: #999;
align-items: center;
}
.tk-freelancer-content-two > a:hover {
color: #1da1f2;
}
.tk-freelancer-content-two > a i {
font-size: 16px;
color: #22C55E;
padding-left: 10px;
}
.tk-freelancer-content-two .tk-description {
margin: 8px 0 0;
}
.tk-freelancer-content-two > h5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-weight: 500;
margin-bottom: 6px;
}
.tk-freelancer-content-two .tk-gigtags {
margin-top: 20px;
}
.tk-price-two {
padding-left: 20px;
text-align: right;
margin-left: auto;
flex: none;
align-self: flex-start;
}
.tk-price-two span {
color: #0a0f26;
font-weight: 500;
}
.tk-price-two h4 {
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
color: #ff385c;
}
.tk-project-wrappper-three:hover {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-save {
display: flex;
align-items: center;
color: #999999;
}
.tk-save i {
font-size: 16px;
line-height: 24px;
color: #999999;
padding-right: 6px;
}
.tk-save a {
color: #999999;
font-weight: 600;
}
.tk-save:hover {
color: #1C1C1C;
}
.tk-liked > span {
color: #EF4444 !important;
}
.tk-liked i {
color: #EF4444 !important;
}
.tk-liked i::before {
content: "";
font-weight: 600;
font-family: "Font Awesome 5 Free";
}
.tk-generalsearch label, .tk-sortby label {
align-items: center;
width: auto;
color: #0A0F26;
margin: 0 0 4px;
}
.tk-hastippy {
position: relative;
display: flex;
}
.tk-hastippy .tk-tippycontent {
top: -25px;
left: 20px;
position: absolute;
transform: translate(-50%, -50%);
}
.tk-tippycontent {
padding: 12px;
color: #fff;
width: max-content;
text-shadow: none;
background: #1E1E1E;
position: relative;
border-radius: 10px;
transition: opacity 0.2s ease 0s;
font: 500 12px/18px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
}
.tk-project-wrapper-two > .tk-hastippy .tk-tippycontent {
left: 10px;
top: -30px;
}
.tk-project-wrapper-two > .tk-hastippy .tk-tippycontent::after {
left: 50%;
content: "";
bottom: -7px;
color: #1E1E1E;
margin-left: -8px;
position: absolute;
border-style: solid;
display: block !important;
border-color: transparent;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top;
}
.tk-project-wrapper-two > .tk-hastippy ~ .tk-project-tag-two {
left: 22px;
}
.tk-gigtags {
padding: 0;
margin: 0;
align-items: center;
gap: 16px;
}
.tk-gigtags li {
list-style-type: none;
display: flex;
align-items: center;
padding: 2px 11px;
font-weight: 700;
color: #0a0f26;
border-radius: 10px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.tk-gigtags li:hover {
color: #0a0f26;
background-color: #ffffff;
border-color: #eeeeee;
}
.tk-gigtags li span a {
display: block;
color: #ff385c;
}
.tk-find-talent .tk-price-holder {
align-items: center;
}
.tk-find-talent.tk-project-wrapper-two > .tk-employerproject {
padding: 20px;
}
.tk-blogviewdatessm {
gap: 5px 24px;
}
.tk-blogviewdatessm li em {
font-weight: 500;
}
.tk-categoriesfilter .tk-form-checkbox {
align-items: center;
}
.tk-categoriesfilter .form-check-label {
font-size: 15px;
line-height: 24px;
color: #1e1e1e;
}
.tk-categoriesfilter .form-check-label span {
color: #1e1e1e;
}
.tk-categoriesfilter .tk-form-check-input-sm {
width: 20px;
height: 20px;
}
.tk-sort {
padding-top: 6px;
padding-bottom: 24px;
}
.tk-sort h3.tk-search {
padding-top: 9px;
}
.tk-sort.tk-searchproject {
padding-top: 0;
}
.tk-blog-tags {
padding: 3px 12px;
}
.tk-blog-tags:hover, .tk-blog-tags-active {
background-color: #fff;
border-color: #eee;
}
.tk-actionselect > span {
color: #1E1E1E;
padding-right: 20px;
}
.tk-noti_title {
margin: 0 0 30px;
}
.tk-noti_title h3 {
margin: 0;
display: flex;
align-items: center;
}
.tk-noti_title h3 .tk-noti-counter {
margin-left: 10px;
}
.tk-noti-counter {
color: #FFFFFF;
padding: 0px 12px;
border-radius: 15px;
background-color: #EF4444;
text-transform: uppercase;
font: 700 0.75rem/2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-noti_icon {
flex: none;
width: 40px;
margin-top: 5px;
line-height: 38px;
position: relative;
margin-right: 16px;
text-align: center;
display: inline-block;
}
.tk-noti_icon img {
width: 100%;
display: block;
max-width: 40px;
border-radius: 50%;
}
.tk-noti_icon i {
color: #999999;
display: block;
font-size: 16px;
border-radius: 50%;
line-height: inherit;
background-color: #fff;
border: 1px solid #DDDDDD;
}
.tk-noti_wrap {
margin: 0;
padding: 0;
list-style: none;
}
.tk-noti_wrap h5 {
margin: 0;
padding-bottom: 10px;
}
.tk-noti_wrap > li {
list-style: none;
}
.tk-noti_wrap > li:not(.tk-notiwrap_title) {
display: flex;
padding: 20px;
flex-wrap: wrap;
border-radius: 10px;
background-color: #fff;
border: 1px solid #eeeeee;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tk-noti_wrap > li:not(.tk-notiwrap_title) .tk-notification {
width: 100%;
}
.tk-noti_wrap > li:not(.tk-notiwrap_title) ~ li {
margin-top: 10px;
}
.tk-noti_wrap + .tk-noti_wrap {
margin-top: 20px;
}
.tk-noti_new {
top: 0;
left: -3px;
width: 15px;
height: 15px;
cursor: pointer;
border-radius: 50%;
position: absolute;
background-color: #EF4444;
border: 4px solid #FFFFFF;
}
.tk-noti_showall {
padding: 0 !important;
background-color: #ffffff;
border-radius: 0 0 10px 10px;
border-top: 1px solid #eee;
}
.tk-noti_showall a {
width: 100%;
padding: 10px;
display: block;
text-align: center;
color: #999999 !important;
font: 600 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-noti_showall a:hover {
color: #1da1f2 !important;
}
.tk-noti_empty {
min-height: 300px;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
box-shadow: none !important;
padding: 40px 20px !important;
}
.tk-noti_empty span {
font-size: 30px;
width: 70px;
color: #999999;
margin: 0 0 10px;
line-height: 68px;
border-radius: 20px;
text-align: center;
display: inline-block;
border: 1px solid #DDDDDD;
}
.tk-noti_empty span i {
display: block;
line-height: inherit;
}
.tk-noti_empty em {
color: #999999;
display: block;
font: normal 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-notiwrap_title ~ .tk-notiwrap_title h5 {
padding: 0;
}
.tk-notification {
display: flex;
text-align: left;
align-items: flex-start;
}
.tk-notification-info p {
margin: 0;
color: #ff385c;
word-break: break-word;
}
.tk-notification-info p span {
font-weight: 600;
}
.tk-notification-info em {
color: #999999;
display: block;
font: normal 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-notification-info strong {
font-weight: 600;
}
.tk-notification ~ .tk-viewtask {
margin-top: 10px;
}
.tk-admincomment {
margin: 10px 0 0 !important;
}
.tk-admincomment strong {
margin: 0;
display: block;
}
.tk-viewtask {
flex: none;
margin-left: auto;
padding-left: 20px;
align-self: center;
}
.jconfirm-content_timer, .tk-stickynoti_timer {
top: 0;
left: 0;
width: 100%;
height: 2px;
position: absolute;
background-color: #eeeeee;
}
.jconfirm-content_timer em, .tk-stickynoti_timer em {
top: 0;
left: 0;
width: 50%;
height: 100%;
position: absolute;
background-color: #22C55E;
}
.jconfirm-content .tk-notification-info, .tk-stickynoti .tk-notification-info {
display: flex;
flex-wrap: wrap;
}
.jconfirm-content .tk-notification-info .tk-viewtask, .tk-stickynoti .tk-notification-info .tk-viewtask {
width: 100%;
text-align: right;
}
.jconfirm-content .tk-notification-info p, .tk-stickynoti .tk-notification-info p {
font-size: 14px;
line-height: 24px;
}
.jconfirm-content .tk-viewtask a, .tk-stickynoti .tk-viewtask a {
display: inline-block;
font: 600 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.jconfirm-content .tk-viewtask a i, .tk-stickynoti .tk-viewtask a i {
font-weight: 600;
margin-left: 8px;
display: inline-block;
vertical-align: middle;
}
.tk-stickynoti {
top: 30px;
right: 20px;
padding: 14px;
display: flex;
position: fixed;
max-width: 350px;
flex-wrap: wrap;
background-color: #fff;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
border-radius: 0px 0px 10px 10px;
}
/** ====== Invoice Detail Component ====== **/
.tk-printshaer {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0 0 30px;
}
.tk-printshaer a + a {
margin: 0 0 0 10px;
}
.tk-printshaer .tk-btn + .tk-btn {
min-width: 140px;
}
.btn-sm {
min-width: 50px;
height: 50px;
background: #00cc8d;
color: #fff;
padding: 0 10px;
}
.tk-shareinvoice {
color: #1da1f2;
font: 600 0.875rem/1.2857142857em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin: 0 20px 0 0;
display: inline-block;
}
.tk-shareinvoice i {
display: inline-block;
margin: 0 10px 0 0;
font-size: 1.125rem;
}
.tk-printable {
padding: 30px;
background: #ffffff;
border-radius: 10px;
}
.tk-printable .tk-tasksinfos {
margin: 100px 0 0;
width: 100%;
}
.tk-invoicebill {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tk-invoicebill figure {
margin: 0;
width: 160px;
height: 100%;
flex: 1;
}
.tk-invoicebill .tk-billno {
display: inline-block;
flex: 1;
text-align: right;
}
.tk-billno {
text-align: right;
}
.tk-billno h3 {
font-size: 2.25rem;
margin: 0;
line-height: 1.0277777778em;
text-align: right;
}
.tk-billno span {
text-align: right;
font: 700 1.125rem/1.2222222222em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-invoicetasks h5 {
margin: 0;
font-weight: 400;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-invoicetasks h3 {
font: 700 1.25rem/1.4em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin: 0;
}
.tk-tasksdates {
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-items: flex-end;
}
.tk-tasksdates > span {
display: inline-block;
margin-top: 10px;
font: 400 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
}
.tk-tasksdates > span em {
font-style: normal;
}
.tk-tasksinfos {
flex-wrap: wrap;
gap: 10px;
}
.tk-tasksinfos .tk-invoicetasks {
flex: 1;
}
.tk-fromreceiver span {
font-size: 0.875rem;
display: block;
color: #676767;
line-height: 1.7142857143em;
}
.tk-fromreceiver h5 {
margin: 0 0 10px;
line-height: 1.4615384615em;
}
.tk-invoicefromto {
gap: 30px;
padding: 30px 0;
margin-top: 30px;
flex-direction: column;
border-top: 1px solid #eee;
}
.tk-invoicefromto .tk-fromreceiver {
flex: 50%;
}
.tk-invoice-table.tk-table {
margin: 0;
border: 0;
}
.tk-invoice-table.tk-table > thead {
border-top: 1px solid #eee;
}
.tk-invoice-table.tk-table > thead > tr {
border: 0;
border-bottom: 1px solid #eee;
}
.tk-invoice-table.tk-table > thead > tr > th {
padding: 17px 28px;
line-height: 21px;
color: #0a0f26;
font: 700 0.875rem/2.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
border-left: 0;
border-right: 0;
}
.tk-invoice-table.tk-table > thead > tr td {
color: red;
font: 700 0.875rem/1.0714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-invoice-table.tk-table > thead > tr td > span {
display: inline-block;
color: red;
font: 400 0.875rem/1.0714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-invoice-table.tk-table > thead > tr td > span em {
font-size: 0.75rem;
vertical-align: middle;
display: inline-block;
}
.tk-invoice-table.tk-table > tbody > tr {
border: 0;
}
.tk-invoice-table.tk-table > tbody > tr td {
padding: 24px 28px 23px 28px;
line-height: 21px;
border: 0;
vertical-align: bottom;
}
.tk-invoice-table.tk-table > tbody > tr td + td:nth-child(2) {
width: 31%;
}
.tk-invoice-table.tk-table > tbody > tr td h6, .tk-invoice-table.tk-table > tbody > tr td .tk-verified-info > a, .tk-invoice-table.tk-table > tbody > tr td .tk-verified-info strong, .tk-verified-info .tk-invoice-table.tk-table > tbody > tr td strong {
margin: 0;
position: relative;
top: 22px;
left: 0;
}
.tk-invoice-table.tk-table > tbody > tr td:last-child {
width: 20%;
}
.tk-invoice-table.tk-table > tbody > tr + tr td:first-child {
vertical-align: top;
padding-top: 28px;
padding-bottom: 28px;
}
.tk-invoice-table.tk-table > tbody > tr:first-child td {
vertical-align: top;
padding-bottom: 10px;
}
.tk-tablelist {
padding: 0;
margin: 3px 0 0;
}
.tk-tablelist li {
font: 400 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
position: relative;
list-style-type: none;
padding: 0;
color: red;
margin-top: 3px;
}
.tk-tablelist li + li {
margin-top: 4px;
}
.tk-tablelist li::after {
color: #676767;
position: absolute;
content: ".";
top: -5px;
left: 0;
font-size: 19px;
}
.tk-tablelistv2 {
margin-top: 6px;
position: relative;
top: 20px;
}
.tk-tablelistv2 li {
margin-top: 6px;
}
.tk-tablelistv2 li::after {
display: none;
}
.tk-tablelistv2 li + li {
margin-top: 4px;
}
.tk-subtotal {
flex-direction: column;
align-items: flex-end;
margin: 20px 0 0;
border-top: 1px solid #eee;
padding: 30px 0 0;
}
.tk-subtotalbill {
width: 100%;
max-width: 350px;
padding: 0 20px 0 30px;
margin: 0;
}
.tk-subtotalbill > li:not(.tk-sumtotal) {
font: 400 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
list-style: none;
margin: 0 0 10px;
color: #0a0f26;
}
.tk-subtotalbill > li:not(.tk-sumtotal) h6, .tk-subtotalbill > li:not(.tk-sumtotal) .tk-verified-info > a, .tk-subtotalbill > li:not(.tk-sumtotal) .tk-verified-info strong, .tk-verified-info .tk-subtotalbill > li:not(.tk-sumtotal) strong {
margin: 0;
float: right;
}
.tk-sumtotal {
min-width: 350px;
margin-top: 14px;
border-radius: 10px;
list-style-type: none;
color: #1C1C1C;
background: #FFFFFF;
padding: 14px 20px 14px 30px;
font: 700 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-sumtotal h6, .tk-sumtotal .tk-verified-info > a, .tk-sumtotal .tk-verified-info strong, .tk-verified-info .tk-sumtotal strong {
margin: 0;
float: right;
color: #1C1C1C;
font: 700 1.125rem/1.2222222222em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tw-termstitle h4 {
font-size: 1.25rem;
line-height: 1.4em;
margin: 0 0 13px;
}
.tk-termconditionlist {
margin: 19px 0 0;
}
.tk-termconditionlist li {
list-style-type: none;
font: 400 1rem/1.5625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
position: relative;
padding-left: 12px;
color: #676767;
}
.tk-termconditionlist li::before {
content: "";
background: #676767;
width: 3px;
height: 3px;
border-radius: 50%;
position: absolute;
left: 0;
top: 10px;
}
.tk-termconditionlist li + li {
margin: 3px 0 0;
}
.tk-anoverview .tk-description p {
margin-bottom: 0;
}
.tk-anoverview .tk-description p:not(:last-child) {
padding-bottom: 18px;
}
.tk-anoverview .tk-description ul {
margin: 20px 0 0;
padding-left: 20px;
}
.tk-anoverview .tk-description ul li {
list-style-type: disc;
}
.tk-anoverview .tk-description p + ul {
margin-top: 0;
}
.tk-anoverview .tk-description {
margin: 30px 0 0;
}
.tk-invoicestable {
border: 1px solid #eee;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tk-invoicehead {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 30px;
}
.tk-invoicehead .tk-btn {
margin-left: auto;
}
.tk-invoicehead .tk-btn-solid-lg, .tk-invoicehead .tk-btn-solid-lg-lefticon {
margin-left: auto;
}
.tk-ad-balance {
padding-top: 10px;
}
.tk-ad-balance span {
float: right;
}
.tk-seller-empty-hourlyinvoice p {
text-align: center;
font-weight: 700;
}
.tb-viewdetails {
gap: 0 8px;
display: flex;
color: #676767;
align-items: center;
}
.tb-viewdetails:hover {
color: #1da1f2;
}
.tb-invoiceslist .tb-dhb-mainheading {
padding: 0;
}
.tk-price .tk-project-detail {
margin-top: 20px;
}
.tk-proposal {
display: flex;
align-items: center;
}
.tk-proposal .tk-select, .tk-proposal .tk-calendar {
width: auto;
flex: none;
margin-left: auto;
}
.tk-proposal h5 {
margin-bottom: 0;
font-weight: 600;
}
.tk-proposal h5 span {
color: #999999;
}
.tk-table-wrapper {
padding: 0;
}
.tk-project-table-status table {
margin-bottom: 0;
}
.tk-project-table-status table thead tr th, .tk-project-table-status table tbody tr th, .tk-project-table-status table tfoot tr th, .tk-project-table-status table thead tr td, .tk-project-table-status table tbody tr td, .tk-project-table-status table tfoot tr td {
border-top: 0;
border: 0;
text-align: left;
vertical-align: middle;
}
.tk-project-table-status table thead > tr {
background: #FFFFFF;
}
.tk-project-table-status table > thead > tr > th {
border-top: 0;
text-align: left;
border-bottom: 0;
vertical-align: bottom;
color: #0a0f26;
font-weight: 600;
}
.tk-project-table-status table > thead > tr > th i {
color: #999999;
font-size: 14px;
padding-left: 10px;
}
.tk-project-table-status table th {
text-align: left;
}
.tk-project-table-status table tbody {
display: block;
max-height: 760px;
overflow: auto;
}
.tk-project-table-status table tbody .mCSB_inside > .mCSB_container {
margin-right: 0;
}
.tk-project-table-status table tbody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .tk-project-table-status table tbody .mCSB_scrollTools .mCSB_draggerContainer, .tk-project-table-status table tbody .mCSB_scrollTools .mCSB_draggerRail {
width: 3px;
}
.tk-project-table-status table tbody tr + tr {
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-project-table-status table tbody tr > td {
color: #0a0f26;
}
.tk-project-table-status table tbody tr > td > a {
font-weight: 600;
}
.tk-project-table-status thead, .tk-project-table-status tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.tk-project-table-status .table caption + thead tr:first-child th, .tk-project-table-status .table colgroup + thead tr:first-child th, .tk-project-table-status .table thead:first-child tr:first-child th, .tk-project-table-status .table caption + thead tr:first-child td, .tk-project-table-status .table colgroup + thead tr:first-child td, .tk-project-table-status .table thead:first-child tr:first-child td {
border-top: 0;
}
.tk-project-table-status table caption + thead tr:first-child th, .tk-project-table-status table colgroup + thead tr:first-child th, .tk-project-table-status table thead:first-child tr:first-child th, .tk-project-table-status table caption + thead tr:first-child td, .tk-project-table-status table colgroup + thead tr:first-child td, .tk-project-table-status table thead:first-child tr:first-child td {
border-bottom: 0;
}
.tk-project-table-status table tbody + tbody {
border-top: 0;
}
.tk-project-table-status .table thead tr td, .tk-project-table-status .table thead tr th {
padding: 10px 18px;
}
.tk-project-table-status .table tbody tr th, .tk-project-table-status .table tfoot tr th, .tk-project-table-status .table tbody tr td, .tk-project-table-status .table tfoot tr td {
padding: 14px 20px;
}
.tk-project-table-status .table > :not(:first-child) {
border: 0;
}
.tk-project-table-content {
display: flex;
align-items: center;
}
.tk-project-table-content img {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 50%;
}
.tk-project-table-content .tk-blogviewdates {
margin: 0;
padding: 0;
}
.tk-project-table-content .tk-blogviewdates li {
padding: 0;
}
.tk-project-table-content .tk-blogviewdates li i {
font-size: 16px;
}
.tk-project-table-content .tk-blogviewdates li span {
color: #999999;
}
.tk-project-table-content > a:hover {
background-color: #ff385c !important;
color: #0a0f26;
}
.tk-project-table-info {
padding-left: 10px;
}
.tk-project-table-info span {
display: block;
}
.tk-profile-view {
background-color: #FFFFFF;
}
.tk-profile-view a {
margin-left: auto;
border-radius: 10px;
}
.tk-profile-view h4 {
margin-bottom: 0;
}
.tk-working-rate .tk-project-price {
padding-top: 0;
}
.tk-working-rate .tk-project-price h5 {
margin-bottom: 0;
}
.tk-working-rate .tk-project-price > span {
color: #ff385c;
}
.tk-offer-milestone h4 {
margin-bottom: 0;
}
.tk-offer-milestone .tk-statusview_title {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-offer-milestone .tk-statusview_title h5 {
margin-bottom: 2px;
}
.tk-milestones-content h6, .tk-milestones-content .tk-verified-info > a, .tk-milestones-content .tk-verified-info strong, .tk-verified-info .tk-milestones-content strong {
margin-bottom: 10px;
font-weight: 600;
}
.tk-milestones-content p {
margin-bottom: 0;
}
.tk-milestones-content-list {
margin-bottom: 0;
padding-left: 0;
}
.tk-milestones-content-list li {
position: relative;
list-style-type: none;
padding-left: 11px;
}
.tk-milestones-content-list li::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
background-color: #0a0f26;
border-radius: 50%;
width: 3px;
height: 3px;
}
.tk-proposals-btn {
display: flex;
align-items: center;
justify-content: flex-end;
}
.tk-proposals-btn button + button {
margin-left: 20px;
}
.tk-decline {
color: #999999;
padding: 11px 24px;
background-color: #ffffff;
}
.tk-decline:hover {
color: #999999;
}
.tk-rectangular-shape {
width: 34px;
height: 34px;
background: #999999;
position: relative;
border-radius: 50%;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.tk-rectangular-shape::before {
content: "";
position: absolute;
right: 8px;
bottom: -6px;
width: 0px;
height: 0;
border-left: 5px solid transparent;
border-right: 13px solid transparent;
border-top: 10px solid #999999;
}
.tk-continue {
display: flex;
align-items: center;
font-weight: 600;
margin-top: 10px;
justify-content: flex-end;
width: 100%;
background-color: #ffffff;
color: #ff385c;
}
.tk-continue i {
font-size: 1.25rem;
padding-left: 6px;
}
.tk-firstweek-payment {
margin-bottom: 20px;
}
.tk-firstweek-payment .tk-unlock-week {
padding-top: 0;
padding-left: 20px;
}
.tk-firstweek-payment .tk-unlock-week p {
margin-bottom: 0;
}
.tk-template-serach-wrapper {
display: flex;
align-items: center;
}
.tk-template-serach-wrapper .tk-select, .tk-template-serach-wrapper .tk-calendar {
margin-right: 10px;
max-width: 175px;
}
.tk-template-serach-wrapper .tk-template-serach {
width: 100%;
padding: 0;
min-width: 386px;
}
.tk-project-table-status .table tbody tr > td .tk-project-table-content img {
width: 48px;
}
.escrow-disburse-methods {
padding-left: 0;
margin: 0;
}
.escrow-disburse-methods li {
padding: 10px;
border-radius: 4px;
list-style-type: none;
background-color: #f7f7f7;
}
.escrow-disburse-methods li + li {
margin-top: 10px;
}
.escrow-disburse-methods li:last-child {
background-color: transparent;
}
.escrow-disburse-methods li label {
display: flex;
align-items: center;
padding-left: 0;
}
.escrow-disburse-methods li label input {
margin-right: 10px;
}
.tk-notify {
padding: 19px 30px;
align-items: center;
justify-content: space-between;
box-shadow: inset 0px -1px 0px #EEEEEE;
flex-wrap: nowrap;
border-radius: 10px;
}
.tk-notify .tk-btnholder {
flex: none;
}
.tk-notify_title {
align-items: center;
flex-wrap: nowrap;
}
.tk-notify_title figure {
margin-bottom: 0;
flex: none;
}
.tk-notify_title figure img {
width: 70px;
display: inline-block;
}
.tk-notify + .tk-notify {
box-shadow: inset 0px -1px 0px #EEEEEE, inset 0px -1px 0px #EEEEEE;
}
.tk-notify-content {
margin-left: 20px;
}
.tk-notify-content h5 {
margin-bottom: 6px;
}
.tk-notify-content p {
margin-bottom: 0;
}
.tk-notify-alert {
background: rgba(255, 97, 103, 0.1);
}
.tk-notify-success {
background-color: #27ae6024 !important;
border: 1px solid #27ae60 !important;
}
.tk-notify-dispute {
background: rgba(217, 161, 19, 0.1);
}
.tk-btn-solid.tk-success-tag:hover, .tk-success-tag.tk-btn-solid-sm:hover, .tk-success-tag.tk-btn-solid-sm-lefticon:hover, .tk-success-tag.tk-btn-solid-lg:hover, .tk-success-tag.tk-btn-solid-lg-lefticon:hover, .tk-success-tag.tk-btn-solid-lefticon:hover, .tk-success-tag.tk-featuretag:hover {
color: #fff;
border-color: #22C55E;
background-color: #22C55E !important;
}
.tk-pofilelinks .tk-profilebox .tk-jobdescription ul li {
display: block;
}
.tk-editbtn {
color: #999999;
font: 700 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-editbtn i {
margin-right: 10px;
}
.tk-editbtn + .tk-btn-solid-lg, .tk-editbtn + .tk-btn-solid-lg-lefticon {
margin-left: 34px;
}
.tk-prouserslist {
margin: 0;
display: flex;
padding: 10px;
list-style: none;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
box-shadow: inset 0px -1px 0px #EEEEEE;
padding: 10px !important;
}
.tk-prouserslist li {
list-style-type: none;
}
.tk-prouserslist li + li {
margin-left: 4px;
}
.tk-prouserslist a {
min-width: 172px;
text-align: center;
padding: 18px 20px;
position: relative;
display: inline-block;
border-radius: 10px;
border: 2px solid #EEEEEE;
}
.tk-prouserslist a h6, .tk-prouserslist a .tk-verified-info > a, .tk-prouserslist a .tk-verified-info strong, .tk-verified-info .tk-prouserslist a strong {
margin: 0;
}
.tk-prouserslist a img {
width: 100%;
max-width: 42px;
max-height: 42px;
object-fit: cover;
display: inline-block !important;
border-radius: 50%;
}
.tk-prouserslist a img + h6, .tk-prouserslist a .tk-verified-infoimg > a, .tk-prouserslist a .tk-verified-info > img + a, .tk-prouserslist a .tk-verified-info img + strong, .tk-verified-info .tk-prouserslist a img + strong {
margin-top: 6px;
}
.tk-prouserslist a.active, .tk-prouserslist a:hover {
background: #ffffff;
border-color: #22C55E;
}
.tk-prouserslist a.active::after, .tk-prouserslist a:hover::after {
left: 50%;
content: "";
width: 12px;
height: 4px;
bottom: -6px;
position: absolute;
background-repeat: no-repeat;
transform: translate(-50%, 0);
background-image: url(../../images/Pin.png);
}
.tk-prouserslist .owl-item.active.center a {
background: #FFFFFF;
border-color: #22C55E;
}
.tk-prouserslist .owl-nav.disabled {
display: block;
}
.tk-projectstatus {
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-projectstatus_users {
flex: none;
width: 100%;
box-shadow: inset -1px 0px 0px #eeeeee;
}
.tk-projectstatus_users .tk-project-box-two {
flex-direction: column;
align-items: flex-start;
box-shadow: inset 0px -1px 0px #eeeeee;
}
.tk-projectstatus_users .tk-project-box-two .tk-template-serach {
width: 100%;
padding: 20px 0 0;
}
.tk-projectstatus_users .tk-proposal .tk-select:before, .tk-projectstatus_users .tk-proposal .tk-calendar:before {
right: 0;
}
.tk-projectstatus_users .tk-proposal .tk-select .form-control, .tk-projectstatus_users .tk-proposal .tk-calendar .form-control {
border: 0;
height: auto;
box-shadow: none;
padding: 0 30px 0 0;
}
.tk-projectstatus_users .tk-propposal_title h5 {
font-size: 1.125rem;
line-height: 1.4444444444em;
}
.tk-projectstatus_users .tk-propposal_title h5 span {
font-size: 1rem;
line-height: 1.625em;
}
.tk-approve {
display: none;
}
#toast-container.tk-notification .tk-approve {
display: block;
}
#toast-container.tk-notification > .toast-success {
background-image: none !important;
padding: 14px;
max-width: 450px;
width: 100%;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
z-index: 1051;
background-color: #ffffff;
opacity: 1;
border-radius: 0px 0px 10px 10px;
margin: 6px 0 0;
border: 0;
cursor: auto;
}
#toast-container.tk-notification > .toast-success:not(a) {
pointer-events: none;
}
#toast-container.tk-notification > .toast-success a {
color: #0a0f26;
pointer-events: auto;
}
#toast-container.tk-notification .toast-progress {
top: 0;
bottom: auto;
background-color: #22C55E;
opacity: 1;
}
.tk-projectsstatus {
flex: auto;
}
.tk-projectsstatus_head {
padding: 30px;
display: flex;
background: #ffffff;
}
.tk-projectsstatus_info {
display: flex;
align-items: center;
}
.tk-projectsstatus_img {
flex: none;
border-radius: 50%;
margin: 0 16px 0 0;
}
.tk-projectsstatus_img img {
width: 100%;
max-width: 50px;
object-fit: cover;
border-radius: 50%;
}
.tk-projectsstatus_name .tk-project-tag {
margin: 0 0 4px;
}
.tk-projectsstatus_name h5 {
margin: 0;
width: 100%;
}
.tk-projectsstatus_budget {
flex: none;
display: flex;
margin-left: auto;
align-items: center;
position: relative;
}
.tk-projectsstatus_budget .tk-projectsstatus_option {
position: relative;
top: 0;
}
.tk-projectsstatus_budget strong {
color: #999999;
text-align: right;
font: 500 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-projectsstatus_budget strong span {
display: block;
color: #ff385c;
font: 600 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-projectsstatus_option {
margin-left: 30px;
position: relative;
}
.tk-projectsstatus_option > a {
color: #0a0f26;
display: block;
font-size: 2.125rem;
}
.tk-projectsstatus .tk-notify {
border-radius: 0;
}
.tk-contract-list {
right: 0;
margin: 0;
width: 100%;
display: none;
padding: 8px;
z-index: 1051;
min-width: 240px;
position: absolute;
background: #ffffff;
border-radius: 10px;
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.tk-contract-list li {
list-style-type: none;
}
.tk-contract-list li a {
color: #0a0f26;
display: block;
cursor: pointer;
padding: 8px 10px;
border-radius: 10px;
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-contract-list li a:hover {
background-color: #FFFFFF;
}
.tk-counterinfo {
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-counterinfo_list {
margin: 0;
padding: 0;
background: #fff;
border-top: 1px solid #eee;
list-style: none;
}
.tk-counterinfo_list li {
padding: 20px;
text-align: center;
align-items: center;
list-style-type: none;
flex: max(330px, 100%/3);
justify-content: space-between;
}
.tk-counterinfo_list li strong {
flex: none;
width: 52px;
display: block;
margin: 0 16px 0 0;
line-height: 52px;
font-size: 1.25rem;
border-radius: 50%;
}
.tk-counterinfo_list li strong i {
display: block;
line-height: inherit;
}
.tk-counterinfo_list li span {
width: 100%;
color: #999999;
display: block;
font-weight: 500;
text-align: left;
}
.tk-counterinfo_list li h5 {
margin: 0;
}
.tk-counterinfo_list li:not(:last-child) {
box-shadow: inset -1px 0px 0px #eeeeee;
}
.tk-counterinfo_escrow {
color: #7357FB;
background: rgba(115, 87, 251, 0.1);
}
.tk-counterinfo_earned {
color: #FF6167;
background: rgba(255, 97, 103, 0.1);
}
.tk-counterinfo_remaining {
color: #D9A113;
background: rgba(217, 161, 19, 0.1);
}
.tk-counterinfo_carried {
color: #22C55E;
background: rgba(34, 197, 94, 0.1);
}
.tk-counterinfo_card {
color: #3377FF;
background: #D6E4FF;
}
.tk-projectsinfo {
padding: 30px;
box-shadow: inset 0px 1px 0px #eeeeee;
background: #fff;
}
.tk-projectsinfo_title {
margin: 0 0 20px;
}
.tk-projectsinfo_title h4, .tk-projectsinfo_title p {
margin: 0;
}
.tk-projectsinfo_list {
margin: 0;
padding: 0;
list-style: none;
}
.tk-projectsinfo_list li {
line-height: inherit;
list-style-type: none;
}
.tk-projectsinfo_list li + li {
margin-top: 10px;
}
.tk-counterinfo-title {
display: flex;
align-items: center;
}
.tk-popup-content .tk-statusview_alert {
margin-top: 0;
}
.tk-statusview {
padding: 19px;
border-radius: 10px;
border: 1px solid #eeeeee;
}
.tk-statusview_head {
display: flex;
}
.tk-statusview_title {
flex: auto;
}
.tk-statusview_title span {
display: block;
color: #ff385c;
margin: 0 0 4px;
font: 600 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-statusview_title h5 {
margin: 0 0 4px;
}
.tk-statusview_title p {
margin: 0;
max-width: 1060px;
}
.tk-statusview_title h6, .tk-statusview_title .tk-verified-info > a, .tk-statusview_title .tk-verified-info strong, .tk-verified-info .tk-statusview_title strong {
margin-bottom: 0;
}
.tk-statusview_btns {
display: flex;
margin: 20px 0 0;
align-items: center;
}
.tk-statusview_btns a + a {
margin-left: 20px;
}
.tk-statusview_btns p {
margin: 0 0 0 20px;
}
.tk-statusview_alert {
padding: 19px;
margin: 0 0 0;
border-radius: 10px;
background: rgba(255, 97, 103, 0.1);
border: 1.5px solid rgba(255, 97, 103, 0.2);
}
.tk-statusview_alert span {
color: #FF6167;
display: flex;
font: 600 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-statusview_alert span i {
margin-right: 10px;
font-size: 1.125rem;
line-height: inherit;
}
.tk-statusview_alert p {
background: #fff;
margin: 10px 0 0;
padding: 10px 20px;
font-size: 0.875rem;
line-height: 1.7142857143em;
border-radius: 10px;
}
.tk-statusview_tag:not(:hover) .tk-btn-solid, .tk-statusview_tag:not(:hover) .tk-btn-solid-sm, .tk-statusview_tag:not(:hover) .tk-btn-solid-sm-lefticon, .tk-statusview_tag:not(:hover) .tk-btn-solid-lg, .tk-statusview_tag:not(:hover) .tk-btn-solid-lg-lefticon, .tk-statusview_tag:not(:hover) .tk-btn-solid-lefticon, .tk-statusview_tag:not(:hover) .tk-featuretag {
color: #0a0f26;
background: #FFFFFF;
}
.tk-statusview_tag > a {
margin-top: 20px;
}
.tk-statusview:hover {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tk-statusview:hover .tk-btnline {
color: #fff;
border-color: #ff385c;
background-color: #ff385c;
}
.tk-statusview .tk-statusview_alert {
margin: 15px 0 0;
gap: 10px;
display: flex;
flex-direction: column;
}
.tk-btn_decline, .tk-btn_approve {
padding: 9px 22px;
display: inline-block;
letter-spacing: 0.5px;
border-radius: 10px;
border: 2px solid #DDDDDD;
background-color: transparent;
text-align: center;
font: 700 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-btn_decline {
color: #0a0f26;
}
.tk-btn_decline:hover {
color: #0a0f26;
}
.tk-btn_approve {
color: #fff;
background: #22C55E;
border: 2px solid #22C55E;
}
.tk-btn_approve:hover {
color: #fff;
}
.tk-user-content {
display: flex;
align-items: center;
}
.tk-user-content img {
width: 100%;
max-width: 50px;
border-radius: 50%;
object-fit: cover;
}
.tk-user-info {
margin-left: 10px;
display: flex;
flex-direction: column;
}
.tk-user-info span {
color: #999999;
}
.modal-content {
border-radius: 10px;
}
.tk-projectsactivity {
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-projectsactivity .tk-nav-tabs {
display: flex;
padding: 30px;
background: #fff;
margin: 20px 0 0;
}
.tk-projectsactivity .tk-nav-tabs.m-0 {
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-projectsactivity .tk-nav-tabs li {
margin: 0;
width: 50%;
flex: auto;
line-height: inherit;
}
.tk-projectsactivity .tk-nav-tabs li button {
color: #999999;
width: 100%;
display: flex;
padding: 14px 20px;
text-align: center;
align-items: center;
justify-content: center;
background: transparent;
box-shadow: inset 0px -1px 0px #eeeeee;
font: 500 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-projectsactivity .tk-nav-tabs li button.active {
color: #1C1C1C;
box-shadow: inset 0px -3px 0px #ff385c;
}
.tk-projectsactivity .tk-nav-tabs li button i {
font-size: 20px;
margin-right: 10px;
}
.tk-projectsactivity .tk-project-box {
padding-top: 0;
}
.tk-proactivity {
padding: 0 30px 30px;
}
.tk-proactivity_list {
margin: 0;
padding: 0;
list-style: none;
max-height: 568px;
}
.tk-proactivity_list li {
display: flex;
list-style-type: none;
}
.tk-proactivity_list li + li {
margin-top: 30px;
}
.tk-proactivity_img {
flex: none;
border-radius: 50%;
margin: 0 16px 0 0;
}
.tk-proactivity_img img {
max-width: 38px;
object-fit: cover;
border-radius: 50%;
}
.tk-proactivity_info {
flex: auto;
padding: 6px 0 0;
}
.tk-proactivity_info h6, .tk-proactivity_info .tk-verified-info > a, .tk-proactivity_info .tk-verified-info strong, .tk-verified-info .tk-proactivity_info strong {
margin: 0 0 10px;
}
.tk-proactivity_info h6 span, .tk-proactivity_info .tk-verified-info > a span, .tk-proactivity_info .tk-verified-info strong span, .tk-verified-info .tk-proactivity_info strong span {
color: #999999;
margin-left: 10px;
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-proactivity_info p {
margin: 0;
font-size: 0.9375rem;
line-height: 1.6em;
}
.tk-proactivity_file {
display: flex;
margin: 10px 0 0;
align-items: center;
background: #FFFFFF;
border-radius: 10px;
padding: 10px 20px 10px 10px;
font-size: 0.875rem;
line-height: 1.7142857143em;
gap: 10px;
}
.tk-proactivity_file a {
margin-left: auto;
}
.tk-proactivity_file img {
width: 21px;
height: 26px;
margin-right: 0;
}
.tk-uploadfile-doc {
box-shadow: inset 0px 1px 0px #eeeeee;
padding: 30px;
}
.tk-uploadfile-doc .tk-upload-resume {
padding: 19px;
}
.tk-uploadfile-doc .tk-upload-list li span {
color: #0a0f26;
}
.tk-uploadfile-doc .tk-form-btn {
gap: 10px;
justify-content: flex-end;
}
.tk-uploadfile-doc .tk-form-btn span {
font-size: 0.875rem;
line-height: 1.7142857143em;
}
.tk-uploadfile-doc .tk-form-btn span strong {
font-weight: 600;
}
.tk-uploadfile-doc .tk-form-btn span + a {
margin-left: 10px;
font-weight: 500;
}
.tk-uploadfile-doc .tk-form-btn span + a b {
font-weight: 500;
}
.tk-proinvoices {
padding: 0 30px 30px;
}
.tk-proinvoices_title {
display: flex;
margin: 0 0 20px;
align-items: center;
}
.tk-proinvoices_title h5 {
margin: 0;
}
.tk-proinvoices_sorting {
flex: none;
display: flex;
margin-left: auto;
align-items: center;
}
.tk-proinvoices_sorting em {
display: block;
white-space: nowrap;
font: normal 700 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-proinvoices_sorting em + .tk-select, .tk-proinvoices_sorting em + .tk-calendar {
margin-left: 20px;
}
.tk-proinvoices_table {
margin: 0;
}
.tk-proinvoices_table thead tr {
background: #F7F7F7;
}
.tk-proinvoices_table thead tr th {
text-align: left;
padding: 10px 5px;
border: 0 !important;
font: 500 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-proinvoices_table thead tr th:first-child {
padding-left: 20px;
}
.tk-proinvoices_table thead tr th i {
color: #999999;
font-size: 14px;
padding-left: 10px;
}
.tk-proinvoices_table > :not(:first-child) {
border: 0;
}
.tk-proinvoices_table tbody tr ~ tr {
border-top: 1px solid #eeeeee;
}
.tk-proinvoices_table tbody tr:first-child td {
border: 0;
}
.tk-proinvoices_table tbody tr td {
border: 0;
text-align: left;
padding: 13px 5px;
vertical-align: middle;
}
.tk-proinvoices_table tbody tr td:first-child {
padding-left: 20px;
}
.tk-proinvoices_table tbody tr td a {
font-weight: 500;
}
.tk-proinvoices_table tbody tr td p {
margin: 0;
overflow: hidden;
max-width: 280px;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.tk-proinvoices .tk-pagination {
margin: 20px 0 0;
}
.tk-declinereason .tk-popup-terms button {
margin: 0;
}
.tk-cancelcontract .tk-themeform .tk-btnarea .tk-btn-solid-lg, .tk-cancelcontract .tk-themeform .tk-btnarea .tk-btn-solid-lg-lefticon {
width: 100%;
}
.tk-pricerequest-popup .tk-projectsstatus_head {
padding: 0;
margin: 0 0 20px;
}
.tk-pricerequest-popup .tk-themeform .tk-btnarea .tk-btn-solid-lg, .tk-pricerequest-popup .tk-themeform .tk-btnarea .tk-btn-solid-lg-lefticon {
width: 100%;
}
.tk-raisedispute-popup .tk-themeform .tk-btnarea .tk-btn-solid-lg, .tk-raisedispute-popup .tk-themeform .tk-btnarea .tk-btn-solid-lg-lefticon {
width: 100%;
}
.tk-projectdetail-sidebar {
position: fixed;
right: 0;
top: 0;
max-width: 600px;
width: 100%;
height: 100%;
overflow: auto;
transform: translateX(100%);
z-index: 1051;
}
.tk-projectdetail-sidebar .mCSB_inside > .mCSB_container {
margin-right: 0;
}
.tk-themeform__wrap {
align-items: flex-start;
}
.tk-themeform__wrap .tk-statusview_title {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-themeform__wrap .tk-statusview_title span {
margin-bottom: 0;
}
.tk-project-box-footer {
padding-top: 4px;
padding-bottom: 4px;
}
.tk-project-box-footer button {
margin: 0 auto;
}
.tk-sidebar-close {
font-size: 30px;
display: block;
color: #0a0f26;
}
.tk-sidebar-close:hover {
color: #0a0f26;
}
.tk-sidebar-backgound {
position: relative;
}
.tk-sidebar-backgound:before {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.2);
z-index: 10;
}
.tk-complete-process {
border: 1.5px solid #eeeeee;
border-radius: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
padding: 28px 30px;
margin-bottom: 20px;
}
.tk-complete-process_head {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 20px;
}
.tk-complete-process p {
margin-bottom: 0;
text-align: center;
}
.tk-complete-title strong {
width: 62px;
display: grid;
place-items: center;
height: 62px;
font-size: 1.375rem;
border-radius: 50%;
}
.tk-complete-title {
display: flex;
align-items: center;
}
.tk-complete-title h5 {
margin-bottom: 0;
}
.tk-complete-title h5 span {
display: block;
font-weight: 600;
color: #999999;
}
.tk-counterinfo_carried {
margin: 0 10px 0 0;
}
.tk-counterinfo_card {
margin: 0 0 0 10px;
}
.text-right {
text-align: right;
}
.tk-completestatus_budget {
flex: none;
display: flex;
flex-direction: column;
margin-left: auto;
align-items: flex-end;
}
.tk-completestatus_budget strong {
color: #999999;
text-align: right;
font: 600 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-completestatus_budget .tk-featureRating {
margin-top: 0;
}
.tk-completestatus_budget .tk-featureRating .tk-featureRating__stars {
width: 150px;
}
.tk-completestatus_budget .tk-featureRating span {
height: 26px;
line-height: 26px;
width: 70%;
}
.tk-completestatus_budget .tk-featureRating span::after, .tk-completestatus_budget .tk-featureRating span::before {
font-size: 22px;
line-height: 22px;
}
.tk-btnarea-two {
display: flex;
align-items: center;
}
.tk-btnarea-two button {
width: 100%;
max-width: 278px;
}
.tk-btnarea-two button + button {
margin-left: 20px;
}
.tk-nav-tabs {
border: 0;
width: 100%;
}
.tk-nav-tabs li {
flex: max(443px, 100%/3);
}
.tk-nav-tabs li + li {
margin-left: 18px;
}
.tk-proinvoices_table thead, .tk-proinvoices_table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.tk-proinvoices_table tbody {
display: block;
max-height: 760px;
overflow: hidden;
overflow-y: auto;
}
.tk-proinvoices_table .mCSB_inside > .mCSB_container {
margin-right: 0;
}
.tk-prouserslist.owl-carousel .owl-nav button.owl-next, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev {
top: 50%;
width: 35px;
height: 114px;
position: absolute;
background-color: #FFFFFF;
transform: translate(0, -50%);
}
.tk-prouserslist.owl-carousel .owl-nav button.owl-next span, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev span {
font-size: 24px;
color: #999999;
}
.tk-prouserslist.owl-carousel .owl-nav button.owl-next:hover, .tk-prouserslist.owl-carousel .owl-nav button.owl-next:active, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev:hover, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev:active {
background-color: #ff385c;
}
.tk-prouserslist.owl-carousel .owl-nav button.owl-next:hover span, .tk-prouserslist.owl-carousel .owl-nav button.owl-next:active span, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev:hover span, .tk-prouserslist.owl-carousel .owl-nav button.owl-prev:active span {
color: #0a0f26;
}
.tk-prouserslist.owl-carousel .owl-nav button.owl-prev {
left: 10px;
}
.tk-prouserslist.owl-carousel .owl-nav button.owl-next {
right: 10px;
}
.tk-status-point {
position: relative;
}
.tk-status-point::after {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
left: 10px;
top: 10px;
position: absolute;
background-color: #999999;
}
.tk-ongoing-pointer::after {
background-color: #F97316;
}
.tk-dispute-pointer::after {
background-color: #64748B;
}
.tk-success-pointer::after {
background-color: #22C55E;
}
.tk-awaiting-pointer::after {
background-color: #64748B;
}
.tk-timecard-content {
width: 100%;
}
.tk-timecardwraper {
border: 0;
border-radius: 0;
box-shadow: none;
background: #ffffff;
}
.tk-declinepopup .tb-form-btn {
margin-top: 20px;
}
.tk-declinepopup .tb-form-btn .tb-btn, .tk-declinepopup .tb-form-btn .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .tk-declinepopup .tb-form-btn button, .tk-declinepopup .tb-form-btn .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .tk-declinepopup .tb-form-btn button {
width: 100%;
}
.tk-proposal-warapper.splide .splide__track {
background-color: #F7F7F7;
}
.tk-dbprojectwrap .tk-project-wrapper.tk-timecardwraper .tk-counterinfo.mt-4 {
margin-top: 0 !important;
}
.tk-checkout-title {
margin: 0 0 30px;
}
.tk-checkout-title h4 {
margin-bottom: 0;
}
.tk-address {
display: flex;
align-items: center;
margin: -10px;
flex: 1;
}
.tk-address .form-group-half {
padding: 10px;
}
.tk-project-box .tk-projectbtns {
flex-wrap: nowrap;
}
.tk-projectbtns > a {
flex: none;
}
.tk-projectbtns span {
font-weight: 400;
padding-right: 30px;
}
.tk-projectbtns span > a {
font-weight: 600;
}
.tk-ordersumery-title h4 {
margin-bottom: 0;
}
.tk-ordersumery-content {
margin-top: 20px;
}
.tk-ordersumery-content > span {
color: #64748B;
display: block;
}
.tk-ordersumery-content > span ~ .tk-order-detail {
margin: 0;
}
.tk-ordersumery-content > strong {
color: #0a0f26;
margin-bottom: 0;
padding-right: 10px;
}
.tk-ordersumery-content > p {
margin: 0;
color: #64748B;
font-style: italic;
}
.tk-order-detail {
padding: 0;
margin-top: 10px;
}
.tk-order-detail li {
display: flex;
align-items: center;
list-style-type: none;
justify-content: space-between;
}
.tk-order-detail li + li {
margin-top: 10px;
}
.tk-order-detail li h6, .tk-order-detail li .tk-verified-info > a, .tk-order-detail li .tk-verified-info strong, .tk-verified-info .tk-order-detail li strong {
margin-bottom: 0;
font-weight: 600;
padding-right: 10px;
}
.tk-order-detail li h6 em, .tk-order-detail li .tk-verified-info > a em, .tk-order-detail li .tk-verified-info strong em, .tk-verified-info .tk-order-detail li strong em {
color: #999999;
font-style: normal;
}
.tk-order-detail li > span {
font-weight: 600;
}
.tk-order-detail li.tk-total-amount {
padding-top: 20px;
margin-top: 20px !important;
border-top: 1px solid #eee;
}
.tk-order-detail li.tk-total-amount h5 {
margin-bottom: 0;
}
.tk-order-detail li.tk-total-amount > span {
color: #0a0f26;
}
.tk-order-detail > hr {
opacity: 1;
margin: 20px 0;
background: #eee;
}
.tk-escrow {
padding: 10px;
display: flex;
align-items: center;
border-radius: 10px;
background-color: #FEECA1;
}
.tk-escrow img {
padding-right: 10px;
}
.tk-escrow > span {
font-weight: 400;
}
.tk-escrow > span > a {
font-weight: 600;
}
.tk-priorityradio {
padding: 0;
margin: 20px 0 0;
}
.tk-priorityradio li {
padding: 10px;
border-radius: 4px;
list-style-type: none;
background-color: #FFFFFF;
}
.tk-priorityradio li label {
padding-left: 15px;
}
.tk-priorityradio li label span {
color: #0a0f26;
padding-left: 5px;
}
.tk-priorityradio li label span:empty {
display: none;
}
.tk-priorityradio li label img {
width: 100%;
max-width: 30px;
}
.tk-priorityradio li + li {
margin-top: 10px;
}
.tb-cardinfo {
gap: 10px;
margin-top: 10px;
flex-direction: column;
}
.tb-cardinfo .StripeElement {
height: 48px;
padding: 14px 20px;
border: 1.5px solid #eee;
}
.tb-cardinfo .text-danger {
margin: 0;
}
.tb-cardinfo .text-danger:empty {
display: none;
}
.tk-priorityradio .tk-wallet-option {
background-color: #FEECA1;
}
.tk-wallet-option .tk-switchservice {
display: flex;
align-items: center;
}
.tk-wallet-option .tk-switchservice .tk-onoff {
margin-left: auto;
}
.tk-gigcheckout .tk-asideholder {
margin: 0;
padding: 30px;
}
.tk-gigcheckout .tk-asideholder .tk-asideboxsm {
padding: 0;
margin: 0 0 20px;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist {
padding: 0;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) {
gap: 10px;
display: flex;
align-items: center;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) ~ li {
margin-top: 10px;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) .tk-label {
margin-bottom: 0;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) h6, .tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) .tk-verified-info > a, .tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) .tk-verified-info strong, .tk-verified-info .tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) strong {
margin: 0;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) > span {
font-weight: 600;
text-align: right;
margin-left: auto;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) .tk-select, .tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) .tk-calendar {
text-align: left;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist li:not(.tk-plantotalprice) .tk-btn {
margin-top: 10px;
}
.tk-gigcheckout .tk-asideholder .tk-pakagelist > hr {
opacity: 1;
margin: 20px 0;
background: #eee;
}
.tk-planfooter {
flex-wrap: wrap;
padding-top: 20px;
border-top: 1px solid #ddd;
margin-top: 20px !important;
}
.tk-planfooter .tk-btn {
width: 100%;
}
.tk-adservices {
padding: 20px 0;
margin: 20px 0 !important;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.tk-plantotalprice {
display: flex;
padding-top: 20px;
align-items: center;
margin-top: 20px !important;
border-top: 1px solid #ddd;
}
.tk-plantotalprice > span {
letter-spacing: 0.5px;
text-align: right;
margin-left: auto;
}
.tk-plantotalprice h5 {
margin: 0;
}
.tk-giguploadfile .tk-project-box, .tk-giguploadfile .tk-uploadfile-doc {
background-color: #fff;
border-radius: 0 0 10px 10px;
box-shadow: none;
}
.tk-giguploadfile .tk-project-box {
margin-bottom: 30px;
}
.tk-giguploadfile .tk-upload-list {
margin-bottom: 10px;
}
.tk-gigactivitywrap .tb-extrascompleted {
width: 100%;
margin: 10px 0 0;
}
.tk-gigactivitywrap .tk-checkoutinfo {
flex-wrap: wrap;
align-items: flex-start;
flex-direction: column;
}
.tk-gigactivitywrap .tk-checkoutinfo figure {
max-width: 80px;
}
.tk-gigactivitywrap .tk-checkoutinfo figure img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 10px;
}
.tk-gigactivitywrap .tk-box {
background-color: #fff;
border-radius: 10px;
box-shadow: none;
}
.tk-gigactivitywrap .tk-box + .tk-box {
padding: 30px;
margin-top: 30px;
border: 0;
border-radius: 10px 10px 0 0;
}
.tk-gigactivitywrap .tk-checkoutinfo {
background-color: #fff;
border-radius: 10px 10px 0 0;
box-shadow: none;
}
.tk-gigradiobox {
gap: 20px;
flex-wrap: nowrap;
}
.tk-gigradiobox > div {
max-width: 50%;
}
@media (max-width: 480px) {
.tk-gigradiobox {
flex-wrap: wrap;
}
.tk-gigradiobox > div {
max-width: 100%;
}
}
.tk-gigradiobox .tb-radio input[type=radio]:checked + label {
color: #fff;
background-color: #22C55E;
border-color: #22C55E;
}
.tk-gigradiobox label {
padding: 9px 20px;
border: 1px solid #ddd;
width: 100%;
border-radius: 4px;
font-size: 16px;
line-height: 30px;
}
.tk-gigradiobox label:before {
right: 20px;
left: auto;
top: 50%;
font-size: 16px;
color: #fff;
margin-top: -10px;
line-height: 20px;
content: "" !important;
font-weight: 600;
}
.tk-messages-sender .tb-statustag span {
border-radius: 13px 0 13px 13px;
}
.tk-message-content .tb-statustag {
margin-bottom: 10px;
}
.tk-gigorder .tk-verified-info {
flex-direction: column;
}
.tk-gigorder .tk-verified-info .tk-hastippy {
position: unset;
}
.tb-cardinfo .StripeElement {
margin-top: 20px;
border-radius: 10px;
}
.tk-paymentoption {
border-radius: 10px;
}
.tk-add-moreoption .tk-addicon {
margin: 0;
}
.tk-project-boxvtwo .tk-attechment-tittle i[aria-expanded=true]::before {
display: block;
content: "";
font-size: 20px;
color: #1C1C1C;
}
.tk-project-boxvtwo .tk-attechment-tittle {
justify-content: space-between;
}
.tk-switchbtn input::before {
top: -2.5px;
left: -4px;
content: "";
width: 20px;
height: 20px;
transition: 0.5s;
position: absolute;
border-radius: 50%;
background: #DDDDDD;
}
.tk-switchbtn input:checked::before {
left: 15px;
background: #22C55E;
}
.tk-switchbtn {
gap: 10px;
display: flex;
align-items: center;
margin: 0 0 0 0;
}
.tk-switchbtn input {
height: 18px;
width: 34px;
outline: none;
cursor: pointer;
position: relative;
border-radius: 50px;
background: #FFFFFF;
-webkit-appearance: none;
border: 1.5px solid #DDDDDD;
}
.tk-switchbtn label {
margin: 0;
color: #0a0f26;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-switchbtn label span {
color: #0a0f26;
font: 400 0.875rem/1.5714285714em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-switchbtn input:checked {
background: #ffffff;
border: 1.5px solid #22C55E;
}
.tk-select-features {
border: 1.5px solid #eeeeee;
border-radius: 4px;
}
.tk-select-features .tk-attechment-wrapper {
border-radius: 0;
border: 0;
}
.tk-select-features .tk-attechment-wrapper fieldset {
padding: 20px;
margin: 0;
}
.tk-select-features .tk-attechment-wrapper fieldset .tk-themeform__wrap {
margin: -10px;
}
.tk-select-features .tk-attechment-tittle {
position: relative;
}
.tk-select-features .tk-attechment-tittle h6::after {
content: "";
font-family: "icomoon" !important;
font-size: 20px;
color: #1C1C1C;
position: absolute;
right: 20px;
font-weight: 400;
}
.tk-select-features .tk-attechment-tittle[aria-expanded=true] h6::after {
transform: rotate(90deg);
}
.tk-features-list {
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.tk-features-list li {
list-style: none;
width: 50%;
padding: 19px 20px;
border-bottom: 1.5px solid #eeeeee;
}
.tk-features-list li:nth-child(even) {
border-left: 1.5px solid #eeeeee;
}
.tk-features-list li .tk-features-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-features-list li span {
color: #0A0F26;
}
.tk-accord-rightside {
display: flex;
align-items: center;
}
.tk-accord-rightside i {
right: 0;
margin-left: 20px;
position: relative;
}
.tk-add-remov-list {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
}
.tk-icon-bg {
padding: 9.5px 13px;
background: #F7F7F7;
border: 1.5px solid #EEEEEE;
border-radius: 4px;
}
.tk-icon-bg .tk-add {
color: #1C1C1C;
font-size: 20px;
}
.tk-icon-bg .tk-remove {
font-size: 20px;
}
.tk-add-more {
padding: 10px 0;
width: 100%;
border: 1px dashed #DDDDDD;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0 10px 0;
gap: 10px;
}
.tk-add-more i {
color: #0A0F26;
font-size: 20px;
}
.tk-add-more h6, .tk-add-more .tk-verified-info > a, .tk-add-more .tk-verified-info strong, .tk-verified-info .tk-add-more strong {
font-weight: 500;
margin: 0;
}
.tk-attechment-tittle .tk-form-checkbox {
gap: 10px;
}
.tk-Remove-adon {
gap: 10px;
border-radius: 10px;
padding: 14px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #EF4444;
border: 2px solid #DDDDDD;
}
.tk-Remove-adon i {
font-size: 20px;
color: #EF4444;
}
.tk-Remove-adon span {
color: #EF4444;
}
.downloadable-files {
width: 100%;
}
.tk-project-wrapper .from-group-wrapper {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.tk-pricingholder .tk-sectioninfov2 .tk-sectiontitle h3 {
margin: -3px 0 7px;
}
.tk-pricingholder .tk-sectioninfov2 .tk-description {
padding-top: 11px;
}
.tk-sectiontitle .tk-sectiontitle__bold {
font-weight: 700;
}
.tk-pricing {
padding-top: 40px;
}
.tk-pricing > .row {
margin-top: -15px;
margin-bottom: -15px;
}
.tk-pricing > .row [class^="col-"] {
padding-top: 15px;
padding-bottom: 15px;
}
.tk-pricing__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 39px 29px;
border-radius: 10px;
background-color: #ffffff;
position: relative;
}
.tk-pricing__content:hover {
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
border-color: transparent;
}
.tk-pricing__content:hover > .tk-btn {
background-color: #ff385c;
color: #fff;
}
.tk-pricing__content > span {
position: absolute;
right: 0;
background: #22C55E;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 0px 20px;
top: 0;
font-weight: 600;
font-size: 15px;
line-height: 26px;
color: #fff;
padding: 5px 13px;
}
.tk-pricing__content > img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 4px;
margin-bottom: 16px;
}
.tk-pricing__content h4 {
margin-bottom: 3px;
}
.tk-pricing__content > h2 {
font-size: 2.25rem;
line-height: 1.1666666667em;
margin: 0;
}
.tk-pricing__content > h2 sup {
top: -0.4em;
font-size: 55%;
}
.tk-pricing__content > em {
color: #999;
line-height: 1.3;
}
.tk-pricing__content > .tk-btn-solid, .tk-pricing__content > .tk-btn-solid-sm, .tk-pricing__content > .tk-btn-solid-sm-lefticon, .tk-pricing__content > .tk-btn-solid-lg, .tk-pricing__content > .tk-btn-solid-lg-lefticon, .tk-pricing__content > .tk-btn-solid-lefticon, .tk-pricing__content > .tk-featuretag {
min-width: auto;
width: 100%;
margin-top: 23px;
}
.tk-pricinglist {
list-style: none;
width: 100%;
padding: 18px 0 0;
}
.tk-pricinglist li ~ li {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.tk-pricinglist__content {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-pricinglist__content span {
font-size: 0.9375rem;
line-height: 1.6666666667em;
}
.tk-pricinglist__content span em {
font-weight: 700;
font-style: normal;
font-size: 1rem;
}
.tk-pricinglist__content i {
font-size: 12px;
}
.tk-greenbg {
background-color: #63d594 !important;
}
.tk-green {
color: #63d594 !important;
}
.tk-grey {
color: #b2b2b2 !important;
}
.tk-btnv2.tk-btn {
background-color: #f7f7f7;
color: #0a0f26;
}
.tk-btn-solid.tk-btnv2, .tk-btnv2.tk-btn-solid-sm, .tk-btnv2.tk-btn-solid-sm-lefticon, .tk-btnv2.tk-btn-solid-lg, .tk-btnv2.tk-btn-solid-lg-lefticon, .tk-btnv2.tk-btn-solid-lefticon, .tk-btnv2.tk-featuretag {
background-color: #f7f7f7;
color: #353648;
}
.tl-bgwhite {
background-color: #ffffff;
}
.tk-pakagexpired {
background: #EF4444 !important;
}
.tk-activepakage > a {
background: #22C55E;
color: #ffffff;
}
.tk-activepakage > a:hover {
background: #22C55E;
color: #ffffff;
}
.tk-projectsstatus_headvtwo {
padding: 30px;
display: flex;
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-timecards {
padding: 30px;
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-timecards_head {
margin: 0;
display: flex;
align-items: center;
align-items: center;
}
.tk-timecards_head + .tk-timecard, .tk-timecards_head ~ .tk-timeslot {
margin: 20px 0 0;
}
.tk-timecards_head > h5 {
margin: 0;
padding-right: 10px;
}
.tk-timecards_head .tk-actionselect {
padding-left: 20px;
margin-left: auto;
}
.tk-timecards_total {
display: flex;
align-items: center;
margin-left: auto;
}
.tk-timecards_total > h6, .tk-verified-info.tk-timecards > a, .tk-verified-info .tk-timecards_total > strong {
margin-bottom: 0;
flex: none;
}
.tk-timecards_total > span {
padding-left: 6px;
}
.tk-timecards_total .tk-calendar {
padding-left: 20px;
}
.tk-timeslot_list {
margin: -5px;
padding: 0;
display: flex;
align-items: flex-start;
}
.tk-timeslot_list li {
padding: 5px;
list-style-type: none;
}
.tk-timeslot_list span {
display: block;
margin: 0 0 4px;
font-weight: 600;
}
.tk-timeslot_list input {
height: 40px;
padding: 0 10px;
text-align: center;
}
.tk-timeslot_save {
display: flex;
margin: 20px 0 0;
align-items: center;
justify-content: space-between;
}
.tk-timeslot_save > a {
font-weight: 600;
display: flex;
align-items: center;
}
.tk-timeslot_save > a i {
font-size: 20px;
padding-right: 10px;
}
.tk-timeslot_save .tk-btn-solid, .tk-timeslot_save .tk-btn-solid-sm, .tk-timeslot_save .tk-btn-solid-sm-lefticon, .tk-timeslot_save .tk-btn-solid-lg, .tk-timeslot_save .tk-btn-solid-lg-lefticon, .tk-timeslot_save .tk-btn-solid-lefticon, .tk-timeslot_save .tk-featuretag {
flex: none;
color: #ffffff;
background-color: #22C55E;
}
.tk-timeslot_save span + .tk-btn-solid, .tk-timeslot_save span + .tk-btn-solid-sm, .tk-timeslot_save span + .tk-btn-solid-sm-lefticon, .tk-timeslot_save span + .tk-btn-solid-lg, .tk-timeslot_save span + .tk-btn-solid-lg-lefticon, .tk-timeslot_save span + .tk-btn-solid-lefticon, .tk-timeslot_save span + .tk-featuretag {
margin-left: 20px;
}
.tk-today-timepopup {
flex: none;
}
.tk-timeslot-btn {
margin-left: auto;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.tk-workinghours-popup .modal-dialog {
max-width: 856px;
}
.tk-workinghours-popup .tk-themeform .tk-btnarea .tk-btn-solid-lg, .tk-workinghours-popup .tk-themeform .tk-btnarea .tk-btn-solid-lg-lefticon {
width: 100%;
color: #ffffff;
background-color: #22C55E;
}
.at-slots-timedate h4 {
margin: 0;
}
.tk-projectsactivityvtwo .tk-nav-tabs {
padding: 0;
box-shadow: inset 0px -1px 0px #eeeeee;
}
.tk-projectsactivityvtwo .tk-nav-tabs li {
flex: none;
width: auto;
}
.tk-projectsactivityvtwo .tk-nav-tabs li button {
padding: 14px 60px;
}
.tk-projectsactivityvtwo .tk-proinvoices, .tk-projectsactivityvtwo .tk-proactivity {
padding: 30px;
}
.tk-projectsactivityvtwo .tk-proinvoices_table tbody > tr > td p {
max-width: initial;
}
.tk-addtime-slot {
padding-left: 0;
margin: 20px 0 0;
align-items: stretch;
border-radius: 10px;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
}
.tk-addtime-slot li {
width: 100%;
padding: 20px;
max-width: 176px;
min-height: 118px;
background: #ffffff;
list-style-type: none;
box-shadow: inset -1.5px 0px 0px #EEEEEE, inset 0px -1.5px 0px #EEEEEE;
}
.tk-addtime-slot li > span {
font-weight: 600;
display: block;
}
.tk-addtime-slot li > em {
color: #999999;
font-weight: 600;
display: block;
}
.tk-addtime-slot li > a {
font-weight: 600;
display: flex;
align-items: center;
padding-top: 6px;
}
.tk-addtime-slot li > a i {
font-size: 20px;
padding-left: 10px;
}
.tk-addtime-slot li.tk-added-time {
background-color: transparent;
}
.tk-addtime-slot li.tk-added-time a {
color: #1C1C1C;
}
.tk-addtime-slot li.tk-added-time a i {
color: #999999;
font-size: 18px;
display: inline-block;
}
.tk-disable-slot {
background: #FFFFFF !important;
}
.tk-disable-slot span, .tk-disable-slot em {
color: #999999;
}
.tk-timecard-table tbody > tr > td p {
max-width: 100%;
}
.tk-timecard-table thead > tr th:nth-child(2) {
width: 73%;
}
.tk-timecard-table thead > tr th:last-child {
width: 170px;
}
.tk-timealert-table {
margin-top: 20px;
}
.tk-timealert-table tbody > tr > td p {
max-width: 480px;
}
.tk-timealert-table thead > tr th:last-child {
width: 170px;
}
.tk-timealert-table tbody > tr > td {
vertical-align: top;
}
.tk-today-timeslot {
padding-left: 0;
margin: 20px 0 0;
}
.tk-today-timeslot li {
display: flex;
align-items: center;
background: #FFFFFF;
justify-content: space-between;
padding: 10px 10px 10px 20px;
border-radius: 10px;
}
.tk-today-timeslot li span {
font-weight: 600;
}
.tk-today-timeslot li input {
height: 40px;
text-align: center;
}
.tk-today-timeslot li .form-control[readonly] {
background-color: #ffffff;
}
.tk-today-timeslot li:hover input {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.tk-today-timeslot li + li {
margin-top: 10px;
}
.tk-popup-content .tk-themeform__wrap h4 {
margin-bottom: 0;
}
.tk-betaversion-wrap-two {
flex-direction: column;
text-align: center;
}
.tk-unlock-week {
padding-top: 20px;
}
.tk-unlock-week h5 {
margin-bottom: 4px;
}
.tk-unlock-week .tk-btn_approve {
height: 40px;
}
.tk-unlock-week .tk-btn_approve > i {
font-size: 20px;
padding-right: 10px;
}
.tk-timecard {
margin: 0;
padding: 0;
}
.tk-timecard > li + li {
box-shadow: inset 0px -1px 0px #eeeeee;
}
.tk-timecard_head {
gap: 10px 20px;
padding: 10px 20px;
background-color: #FFFFFF;
border-radius: 10px 10px 0 0;
flex-wrap: nowrap !important;
}
.tk-timecard_head > h6, .tk-verified-info.tk-timecard > a, .tk-verified-info .tk-timecard_head > strong {
margin: 0;
font-weight: 600;
}
.tk-timecard_head > h6:first-child {
width: 100%;
max-width: 200px;
}
.tk-timecard_head > h6:nth-child(2) {
flex: auto;
}
.tk-timecard_head > h6:nth-child(3) {
width: 100%;
max-width: 170px;
text-align: right;
padding-right: 44px;
}
.tk-timecard_head > h6 i, .tk-verified-info.tk-timecard > a i, .tk-verified-info .tk-timecard_head > strong i {
color: #999999;
margin-left: 10px;
font-size: 0.875rem;
line-height: 1.8571428571em;
}
.tk-timecard_title {
width: 100%;
display: flex;
gap: 10px 20px;
padding: 14px 20px;
}
.tk-timecard_title[data-bs-toggle="collapse"] {
cursor: pointer;
}
.tk-timecard_title p {
margin: 0;
display: flex;
font-weight: 600;
}
.tk-timecard_title[aria-expanded="true"] .tk-timecard_info a i {
transform: rotate(90deg);
}
.tk-timecard_info {
gap: 0 24px;
margin-left: auto;
align-items: center;
}
.tk-timecard_info .tk-project-tag {
padding: 0 9px;
text-transform: uppercase;
}
.tk-timecard_info a {
color: #0a0f26;
margin-left: auto;
font-size: 1.25rem;
line-height: 1.3em;
}
.tk-timecard_info a i {
display: block;
line-height: inherit;
}
.tk-timecard_list {
margin: 0;
padding: 0;
}
.tk-timecard_list span {
font-size: 0.875rem;
line-height: 24px;
}
.tk-timecard_list li {
gap: 10px 20px;
flex-wrap: nowrap;
padding: 10px 20px;
background: #f7f7f7;
border-bottom: 1px solid #ddd;
}
.tk-timecard_list li.tk-statusview_alert {
margin: 0;
border: 0;
padding: 20px;
flex-wrap: wrap;
border-radius: 0px 0px 4px 4px;
background: rgba(255, 97, 103, 0.1);
border-top: 1.5px solid rgba(255, 97, 103, 0.2);
}
.tk-timecard_list li.tk-statusview_alert > *:first-child {
max-width: 100% !important;
}
.tk-timecard_list li.tk-statusview_alert span {
font: 600 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-timecard_list li:not(.tk-timecard_btns) > *:first-child {
width: 100%;
max-width: 200px;
}
.tk-timecard_list li:not(.tk-timecard_btns) > *:nth-child(2) {
flex: auto;
}
.tk-timecard_list li:not(.tk-timecard_btns) > *:nth-child(3) {
width: 100%;
max-width: 60px;
text-align: right;
}
.tk-timecard_list li + li {
border-top: 1px solid #ffffff;
}
.tk-timecard_list li:last-child {
border-bottom: 0;
}
.tk-timecard_list li.tk-timecard_btns {
background: #ffffff;
}
.tk-timecard_btns {
gap: 20px;
width: 100%;
display: flex;
align-items: center;
padding: 20px 20px 6px;
}
.tk-timecard_btns span {
font-size: 0.875rem;
line-height: 1.7142857143em;
display: inline-block !important;
}
.tk-timecard_toggle {
margin: 0;
color: #0a0f26;
display: none;
font-weight: 600;
padding: 14px 20px;
}
.tk-timecard_toggle:focus, .tk-timecard_toggle:hover {
color: #0a0f26;
}
.tk-approvebtn {
color: #ffffff;
padding: 7px 24px;
letter-spacing: 0.5px;
border-radius: 10px;
background-color: #22C55E;
}
.tk-approvebtn:focus, .tk-approvebtn:hover {
color: #ffffff;
}
.tk-declinebtn {
color: #0a0f26;
padding: 5px 22px;
letter-spacing: 0.5px;
border-radius: 10px;
border: 2px solid #DDDDDD;
}
.tk-declinebtn:focus, .tk-declinebtn:hover {
color: #0a0f26;
}
.tk-timecard-aprroved {
box-shadow: inset 0px -1px 0px #EEEEEE;
}
.tk-timecard-aprroved li {
background: rgba(34, 197, 94, 0.07);
}
.tk-timecard-aprroved li + li {
border-top: 1px solid rgba(34, 197, 94, 0.2);
}
.tk-seller-project-activity {
border: 0;
box-shadow: none;
background-color: transparent;
}
.tk-seller-project-activity .tk-employerproject, .tk-seller-project-activity .tk-projectsstatus_head {
background-color: #ffffff;
}
.tk-seller-project-activity .tk-employerproject {
border-radius: 4px 4px 0 0;
}
.tk-seller-project-activity .tk-projectsstatus_head {
margin-bottom: 20px;
border-radius: 0 0 4px 4px;
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-seller-project-activity .tk-timecardwraper {
margin-bottom: 20px;
border-radius: 4px;
}
.tk-seller-project-activity .tk-counterinfo {
box-shadow: none;
background-color: #fff;
}
.tk-seller-project-activity .tk-projectsactivity {
box-shadow: none;
border-radius: 4px;
margin: 20px 0 0;
}
.tk-seller-project-activity .tk-projectsactivity .tk-nav-tabs {
background: #ffffff;
padding-top: 0;
}
.tk-project-wrapper .tk-employerproject-title > .tk-blogviewdates {
margin-top: 10px !important;
}
.tk-dbprojectwrap + .tk-projectsactivity {
border-top: 1px solid #eee;
box-shadow: none;
}
.tk-dbprojectwrap .tk-notify-alert.mt-4 {
margin: 0 !important;
}
.tk-employerproject-title {
width: 100%;
}
.tk-timecard_togglevtwo {
flex-direction: column;
align-items: flex-start;
position: relative;
padding-right: 40px;
}
.tk-timecard_togglevtwo .tk-timecard_infovtwo .tk-statusvtwo {
position: absolute;
right: 0;
top: 13px;
}
.tk-timecard_togglevtwo .tk-timecard_infovtwo .tk-statusvtwo a {
display: inline-block;
}
.tk-timecard_togglevtwo .tk-timecard_infovtwo h6, .tk-timecard_togglevtwo .tk-timecard_infovtwo .tk-verified-info > a, .tk-timecard_togglevtwo .tk-timecard_infovtwo .tk-verified-info strong, .tk-verified-info .tk-timecard_togglevtwo .tk-timecard_infovtwo strong {
flex-direction: column;
display: flex;
gap: 10px;
}
.tk-timecard_togglevtwo .tk-timecard_infovtwo h6 em, .tk-timecard_togglevtwo .tk-timecard_infovtwo .tk-verified-info > a em, .tk-timecard_togglevtwo .tk-timecard_infovtwo .tk-verified-info strong em, .tk-verified-info .tk-timecard_togglevtwo .tk-timecard_infovtwo strong em {
display: inline-flex;
margin: 0;
}
.tk-timecard_togglevtwo p {
font-size: 16px;
margin: 0;
}
.tk-timecard_togglevtwo [aria-expanded=true] .tk-statusvtwo a {
transform: rotate(90deg);
}
.tk-timecard_togglevtwo > a {
color: #0a0f26;
}
.tk-timecard_togglevtwo .tk-project-tag ~ .tk-timecard_info {
margin: 3px 0 0;
}
.tk-timecard_togglevtwo .tk-timecard_info {
width: 100%;
justify-content: space-between;
}
.tk-timecard_togglevtwo .tk-timecard_info p {
margin: 0;
}
.tk-timecard_infovtwo h6, .tk-timecard_infovtwo .tk-verified-info > a, .tk-timecard_infovtwo .tk-verified-info strong, .tk-verified-info .tk-timecard_infovtwo strong {
margin: 0;
}
.tk-timecard_infovtwo h6 em, .tk-timecard_infovtwo .tk-verified-info > a em, .tk-timecard_infovtwo .tk-verified-info strong em, .tk-verified-info .tk-timecard_infovtwo strong em {
margin: 0;
font-weight: 600;
margin-right: 20px;
display: inline-block;
}
.tk-timecard_infovtwo > a {
width: 100%;
margin: 0;
}
.tk-dispute-buyer .tk-project-tag {
margin-bottom: 6px;
}
.tk-dispute-buyer .tk-blogviewdates {
padding-top: 0;
}
.tk-servicedetailtitle h5 {
margin-bottom: 6px;
}
.tk-dispute {
align-items: center;
justify-content: space-between;
}
.tk-dispute_holder {
gap: 0 20px;
align-items: center;
}
.tk-dispute_holder figure {
margin-bottom: 0;
}
.tk-dispute_holder figure img {
max-width: 50px;
border-radius: 50%;
object-fit: cover;
}
.tk-dispute_title h5 {
margin-bottom: 0;
text-transform: capitalize;
}
.tk-dispute_title span {
color: #0a0f26;
display: block;
text-transform: capitalize;
}
.tk-dispute_title span em {
color: #64748B;
font-style: normal;
}
.tk-dispute_progress span {
z-index: 1;
display: block;
line-height: 20px;
position: relative;
}
.tk-dispute_progress span i {
font-size: 20px;
padding: 0 10px;
background-color: #ffffff;
}
.tk-dispute_progress span:after {
top: 50%;
left: 50%;
z-index: -1;
width: 88px;
content: "";
position: absolute;
border: 1px dashed #DDDDDD;
transform: translate(-50%, -50%);
}
.tk-conversation-holder {
padding: 30px;
overflow: auto;
border-radius: 10px;
background: #FFFFFF;
position: relative;
}
.tk-conversation-holder + .tk-conversation-reply {
margin-top: 30px;
}
.tk-custom-scrollbar {
height: 500px;
overflow: auto;
scrollbar-width: none;
padding-right: 20px;
}
.tk-custom-scrollbar::-webkit-scrollbar {
width: 3px;
}
.tk-custom-scrollbar::-webkit-scrollbar-track {
background: #ffffff;
}
.tk-custom-scrollbar::-webkit-scrollbar-thumb {
border-radius: 1.5px;
background-color: #22C55E;
}
.tk-conversation-wrapper {
display: flex;
flex-direction: column;
justify-content: end;
min-height: 100%;
}
.tk-message-wrapper + .tk-message-wrapper {
margin-top: 20px;
}
.tk-message {
display: flex;
align-items: flex-start;
gap: 10px;
}
.tk-message > img {
height: 36px;
max-width: 36px;
object-fit: cover;
border-radius: 50%;
}
.tk-message + .tk-message {
margin-top: 4px;
}
.tk-message-holder {
display: block;
max-width: 567px;
padding: 15px 20px;
background-color: #fff;
border: 1px solid #EEEEEE;
border-radius: 10px 0px 10px 10px;
}
.tk-message-holder p {
text-align: left;
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
line-height: 24px;
}
.tk-message-holder p + .tk-message-attechemets {
margin-top: 10px;
}
.tk-messages-reciver .tk-message-holder {
border-radius: 0px 10px 10px 10px;
}
.tk-message-content strong {
color: #999999;
font-weight: 600;
margin: 4px 0 0 3px;
}
.tk-message-adminreply .tk-message-content p {
max-width: 521px;
}
.tk-message-adminreply::before {
font-size: 16px;
color: #64748B;
content: "";
display: inline-block;
padding: 2px 10px 10px 10px;
font-family: "icomoon" !important;
}
.tk-messages-sender .tk-message {
flex-direction: row-reverse;
}
.tk-messages-sender .tk-message-content {
text-align: right;
}
.tk-messages-sender .tk-message-content strong {
margin-right: 3px;
}
.tk-messages-sender .tk-message-adminreply::before {
content: "";
}
.tk-conversation-reply h6, .tk-conversation-reply .tk-verified-info > a, .tk-conversation-reply .tk-verified-info strong, .tk-verified-info .tk-conversation-reply strong {
margin-bottom: 10px;
}
.tk-replybtns {
margin-top: 20px;
align-items: center;
gap: 10px 0;
justify-content: space-between;
}
.tk-project-box:empty {
display: none;
}
.tk-project-box .tk-escrow i {
font-size: 20px;
color: #977C0C;
margin-right: 10px;
}
.tk-ordersumery-content .tk-status-tabs_content h6, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info > a, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info strong, .tk-verified-info .tk-ordersumery-content .tk-status-tabs_content strong {
color: #0a0f26;
font-weight: 600;
align-items: center;
}
.tk-ordersumery-content .tk-status-tabs_content h6 > a, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info > a > a, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info strong > a, .tk-verified-info .tk-ordersumery-content .tk-status-tabs_content strong > a {
color: #1da1f2;
}
.tk-ordersumery-content .tk-status-tabs_content span {
display: block;
padding-left: 17px;
color: #64748B;
}
.tk-ordersumery-content .tk-status-tabs_content:before {
left: 1px;
}
.tk-ordersumery-content .tk-status-tabs_content h6::before {
width: 5px;
height: 5px;
background-color: #22C55E;
}
.tk-acknowledge-admin .tk-btn-solid, .tk-acknowledge-admin .tk-btn-solid-sm, .tk-acknowledge-admin .tk-btn-solid-sm-lefticon, .tk-acknowledge-admin .tk-btn-solid-lg, .tk-acknowledge-admin .tk-btn-solid-lg-lefticon, .tk-acknowledge-admin .tk-btn-solid-lefticon, .tk-acknowledge-admin .tk-featuretag {
width: 100%;
}
.tk-acknowledge-admin p {
color: #1C1C1C;
text-align: center;
margin: 10px 0 0 0;
}
.tk-dispute-tags {
margin: 0 0 6px;
padding: 0;
gap: 0 10px;
align-items: center;
}
.tk-dispute-tags li {
list-style-type: none;
}
.tk-dispute-tag {
padding: 0 9px;
display: inline-block;
text-transform: capitalize;
border-radius: 10px;
border: 1px solid #64748B;
}
.tk-refund-tag {
border-color: #22C55E;
}
.tk-decline-tag {
border-color: #EF4444;
}
button.tk-decline-btn, a.tk-decline-btn {
color: #ffffff !important;
border-color: #EF4444;
background-color: #EF4444;
}
button.tk-decline-btn:hover, button.tk-decline-btn:focus, a.tk-decline-btn:hover, a.tk-decline-btn:focus {
color: #ffffff !important;
border-color: #EF4444;
background-color: #EF4444;
}
.tk-decline-btns {
gap: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
a.tk-allow-btn {
color: #ffffff !important;
border-color: #22C55E;
background-color: #22C55E;
}
a.tk-allow-btn:hover, a.tk-allow-btn:focus {
color: #ffffff;
border-color: #22C55E;
background-color: #22C55E;
}
.tk-message-attechemets {
width: 100%;
padding: 10px;
display: flex;
border-radius: 4px;
align-items: center;
background-color: #FFFFFF;
justify-content: space-between;
}
.tk-message-attechemets img {
max-width: 26px;
object-fit: cover;
margin-right: 10px;
}
.tk-message-attechemets span {
color: #0a0f26;
display: flex;
align-items: center;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-message-attechemets > a {
margin-left: 30px;
color: #1da1f2;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-banner {
padding-top: 60px;
background-color: #fff;
}
.tk-banner figure {
margin: 0 auto;
max-width: 1600px;
background: black;
border-radius: 15px 15px 0 0;
}
.tk-banner figure img {
opacity: 0.8;
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 15px 15px 0 0;
}
.tk-profilemain {
border-bottom: 1px solid #eeeeee;
}
.tk-linklist {
width: 100%;
padding: 20px 24px 0;
margin: 0;
background: #FFFFFF;
overflow: hidden;
z-index: 2;
position: sticky;
top: 0;
}
.tk-linklist li {
list-style-type: none;
margin: 0 0 -1px;
}
.tk-linklist li a {
display: inline-block;
color: #64748B;
padding: 15px 30px;
border-radius: 10px 10px 0px 0px;
border: 1px solid transparent;
border-bottom: 0;
font-weight: 600;
}
.tk-linklist li .active {
background: #FFFFFF;
border: 1px solid #eeeeee;
color: #0a0f26;
border-bottom: 0;
}
.tk-profilebox {
padding: 30px 24px;
background: #ffffff;
}
.tk-profilebox ~ .tk-profilebox {
border-top: 1px solid #eeeeee;
box-shadow: none;
}
.tk-profilebox .tk-jobdescription p {
font-weight: 400;
font-size: 15px;
line-height: 24px;
}
.tk-swiperdotsvtwo .swiper-pagination {
position: static;
display: flex;
justify-content: center;
width: auto;
}
.tk-swiperdotsvtwo .swiper-pagination-bullet {
width: 5px;
height: 5px;
background: #DDDDDD;
border-radius: 5px;
background: #DDDDDD;
opacity: 1;
border-radius: 50%;
}
.tk-swiperdotsvtwo.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .tk-swiperdotsvtwo.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.tk-swiperdotsvtwo .swiper-pagination-bullet-active {
border-radius: 5px;
background-color: #ff385c;
width: 20px;
}
.tk-card__img {
background: #000;
margin: 0;
border-radius: 10px;
}
.tk-card__img img {
width: 100%;
border-radius: 10px;
}
.tk-card__img .tk-servicesvideo {
top: 10px;
right: 10px;
}
.tk-card__img:hover img {
opacity: 0.4;
}
.tk-portfolio-slider {
margin: 0 -12px;
}
.tk-portfolio-slider .swiper-slide {
padding: 0 12px;
}
.tk-servicesslider {
margin: 0 -12px;
}
.tk-servicesslider .swiper-wrapper {
display: inline-flex;
}
.tk-servicesslider .swiper-slide {
padding: 0 12px;
}
.tk-servicesslider .tk-topservicetask {
margin-bottom: 0;
border-radius: 10px;
}
.tk-servicesslider .tk-topservicetask figure {
height: 190px;
border-radius: 10px;
}
.tk-servicesslider .tk-topservicetask figure img {
width: 100%;
height: 190px;
max-height: 190px;
object-fit: cover;
border-radius: 10px !important;
}
.tk-servicesslider .tk-topservicetask .tk-card-title a {
font-weight: 600;
}
.tk-servicesslider .tk-topservicetask .tk-featureRating > i {
margin: 0 10px 0 0;
}
.tk-servicesslider .tk-topservicetask .tk-featureRating em {
font-weight: 400;
color: #1C1C1C;
}
.tk-servicesslider .tk-topservicetask .tk-featureRating address {
font-weight: 400;
color: #1C1C1C;
margin: 10px 0 0;
}
.tk-servicesslider .tk-topservicetask .tk-featureRating address i {
margin: 0 10px 0 0;
}
.tk-servicesslider .tk-topservicetask .tk-startingprice {
justify-content: space-between;
}
.tk-servicesslider .tk-topservicetask:hover .tk-card__img img {
opacity: 0.4;
}
.tk-servicesslider .tk-topservicetask:hover .tk-card__img > a > i {
opacity: 1;
}
.tk-skills-tagsvtwo li a {
padding: 3px 11px;
border-radius: 100px;
}
.tk-skills-tagsvtwo li a:hover {
background: #EAF1FF;
color: #3377FF;
border-color: #EAF1FF;
}
.tk-skills-tagsvtwo li .active {
border-color: #EAF1FF;
background: #EAF1FF;
color: #3377FF;
}
.tk-skills-tagsvtwo li > span a {
font-weight: 600;
padding: 3px 11px;
font-size: 13px;
line-height: 22px;
border: 1px solid #EEEEEE;
border-radius: 100px;
color: #0a0f26;
}
.tk-potfolioitem figure {
margin: 0;
}
.tk-potfolioitem figure img {
width: 100%;
border-radius: 10px 10px 0 0;
height: 216px;
}
.tk-potfolioitem .tk-skills-tags {
margin: 10px 0 0;
}
.tk-portinfo {
padding: 15px 0 0;
overflow: hidden;
}
.tk-portinfo > a {
font-weight: 600;
white-space: nowrap;
}
.tk-portinfo h6, .tk-portinfo .tk-verified-info > a, .tk-portinfo .tk-verified-info strong, .tk-verified-info .tk-portinfo strong {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0 0 10px;
}
.tk-portinfo p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tk-qualifinfo {
align-items: center;
padding: 10px 0 0 0;
margin: -5px -15px;
}
.tk-qualifinfo li {
list-style-type: none;
padding: 5px 15px;
line-height: 1;
}
.tk-qualifinfo li i {
margin-right: 7px;
font-size: 20px;
}
.tk-qualifinfo li span, .tk-qualifinfo li a {
color: #1C1C1C;
display: inline-flex;
align-items: center;
}
.tk-qualifinfo li span i, .tk-qualifinfo li a i {
color: #64748B;
margin-right: 10px;
font-size: 16px;
}
.tk-qualifinfo li em {
font-style: normal;
}
.tk-qualificationvtwo .tk-accordion_title {
padding: 0;
transition: none;
justify-content: space-between;
background: transparent;
}
.tk-qualificationvtwo .tk-accordion_title .tk-qualification-title {
width: 89%;
}
.tk-qualificationvtwo .tk-accordion_title > a {
right: 20px;
}
.tk-qualificationvtwo .tk-accordion_title::after {
display: none;
content: "";
content: "" !important;
}
.tk-qualificationvtwo .tk-accordion_title h5 {
margin: 0;
font-size: 18px;
line-height: 26px;
font-weight: 600;
padding: 0;
width: 90%;
}
.tk-qualificationvtwo .tk-accordion_title h5::before {
content: none;
}
.tk-qualificationvtwo .tk-accordion_title[aria-expanded= "true"] {
border-radius: 10px 10px 0 0;
}
.tk-qualificationvtwo .tk-accordion_title[aria-expanded= "true"] ~ .collapse .tk-accordion_info {
border-radius: 10px;
}
.tk-qualificationvtwo .tk-accordion_title[aria-expanded= "true"] > i::before {
content: "";
}
.tk-qualificationvtwo .tk-accordion_title[aria-expanded= "false"] {
border-radius: 10px;
}
.tk-qualificationvtwo .tk-accordion_info {
background: #FFFFFF;
padding: 0 20px 20px;
margin-top: 10px;
}
.tk-reviewnew {
display: flex;
padding: 29px 30px;
flex-direction: column;
}
.tk-reviewnew:hover {
border-radius: 10px;
background: #F7F7F7;
}
.tk-reviewnew ~ .tk-reviewnew {
border-top: 1px solid #EEEEEE;
}
.tk-reviewnew figure {
margin: 0;
flex: none;
display: flex;
align-items: flex-start;
justify-content: center;
}
.tk-reviewnew figure span i {
font-size: 20px;
color: rgba(0, 0, 0, 0.4);
}
.tk-reviewnew figure img {
width: 44px;
height: 44px;
border-radius: 50%;
}
.tk-reviewnew .tk-descriptions {
margin: 20px 0 0;
}
.tk-reviewinfo {
display: flex;
align-items: center;
gap: 14px;
}
.tk-reviwername .tk-featureratings {
display: inline-flex;
}
.tk-reviwername .tk-featureratings h6, .tk-reviwername .tk-featureratings .tk-verified-info > a, .tk-reviwername .tk-featureratings .tk-verified-info strong, .tk-verified-info .tk-reviwername .tk-featureratings strong {
font-weight: 600;
font-size: 14px;
line-height: 24px;
color: #64748B;
}
.tk-reviwername h5 {
display: inline-flex;
align-items: center;
margin: 0 14px 0 0;
}
.tk-reviews-details .tk-qualifinfo {
padding: 0;
}
.tk-readmore {
background: #F7F7F7;
border-radius: 4px;
width: 100%;
padding: 11px;
text-align: center;
}
.tk-readmore a {
color: #1C1C1C;
display: block;
}
.tk-sideprofile {
padding: 20px;
display: flex;
flex-direction: column;
background-color: #ffffff;
justify-content: center;
align-items: center;
text-align: center;
}
.tk-sideprofile figure {
margin: -90px 0 0;
background: #eeeeee;
border-radius: 50%;
}
.tk-sideprofile figure img {
width: 130px;
border-radius: 50%;
outline: 10px solid #fff;
}
.tk-sideprofile .tk-infoprofile {
margin: 30px 0 0;
}
.tk-sideprofile > .tk-btn-yellow, .tk-sideprofile > .tk-btn-yellow-lg {
width: 100%;
margin: 27px 0 0;
}
.tk-sideprofile .tk-blogviewdates {
padding: 0;
}
.tk-sideprofile .tk-blogviewdates li {
padding: 5px 7px;
}
.tk-sideprofile .tk-blogviewdates li em {
color: #1C1C1C !important;
}
.tk-sideprofile .tk-blogviewdates li em + em {
margin: 0;
font-weight: 400;
}
.tk-sideprofile .tk-blogviewdates li span i {
font-size: 16px;
}
.tk-sideprofile .tk-blogviewdates li span i ~ em {
margin: 0 0 0 6px;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #1C1C1C !important;
}
.tk-hasborder {
background-color: #ffffff;
z-index: 1;
border-left: 1px solid #eeeeee;
}
.tk-asiderightbar {
max-height: 100%;
min-height: 100vh;
position: sticky;
top: 75px;
z-index: 99;
}
.tk-asiderightbar .tk-sidedetailist, .tk-asiderightbar .tk-asideadvertisment, .tk-asiderightbar .tk-followsocial {
background-color: #ffffff;
border-top: 1px solid #eeeeee;
}
.tk-infoprofile > span {
display: block;
color: #64748B;
}
.tk-infoprofile h4 {
margin: 0;
}
.tk-infoprofile h4 i {
color: #22C55E;
font-size: 16px;
display: inline-block;
}
.tk-sidedetailist > li {
list-style-type: none;
width: 100% !important;
}
.tk-followsocial {
padding: 20px;
}
.tk-followsocial h6, .tk-followsocial .tk-verified-info > a, .tk-followsocial .tk-verified-info strong, .tk-verified-info .tk-followsocial strong {
font-weight: 600;
margin: 0 0 20px;
}
.tk-asideadvertisment {
text-align: center;
}
.tk-asideadvertisment img {
width: 100%;
display: block;
object-fit: cover;
margin-left: auto;
margin-right: auto;
}
.tk-asideadvertisment span {
display: block;
margin: 6px 0 0;
color: #64748B;
}
.tk-pofilelinks .tk-profilebox {
border-left: 1px solid #EEEEEE;
}
.tk-addlang {
font-weight: 600 !important;
font-size: 13px !important;
line-height: 22px !important;
}
.tk-heart {
color: #64748B;
display: flex;
align-items: center;
}
.tk-heart i {
margin: 0 10px 0 0;
font-size: 16px;
color: #0a0f26;
}
.tk-heart em {
font-style: normal;
}
.tk-heart.tk-btn-solid-sm, .tk-heart.tk-btn-solid-sm-lefticon {
background-color: #FFFFFF;
}
.tk-heartsave {
font-weight: 600;
}
.tk-heartsave .tb_saved_items {
background: #fff !important;
}
.tk-heartsave i {
color: #EF4444 !important;
}
.tk-heartsave i:before {
font-weight: 900;
content: "" !important;
font-family: "Font Awesome 5 Free" !important;
}
.tk-sharepro {
display: flex;
align-items: center;
color: #64748B;
}
.tk-sharepro i {
margin: 0 10px 0 0;
font-size: 16px;
color: #64748B;
}
.tk-shareprolink {
display: flex;
margin: 20px 0 0;
width: 100%;
}
.tk-shareprolink a {
width: 100%;
cursor: pointer;
padding: 0 21px;
}
.tk-shareprolink a ~ a {
border-left: 1px solid #eeeeee;
}
.tk-shareprolink .tk-heart i {
padding: 0;
}
.tk-bgback {
width: 100%;
background: #FFFFFF;
min-height: 74px;
position: sticky;
top: 0;
margin: 0 auto;
max-width: 1600px;
border-radius: 0 0 15px 15px;
}
.tk-newprofilewrap {
margin: -74px 0 0 0;
}
.sliderarrow__next, .sliderarrow__prev {
width: 36px;
height: 36px;
border: 1px solid #EEEEEE;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.tk-swipernav {
margin-top: 50px;
display: flex;
align-items: center;
gap: 14px;
justify-content: center;
}
.tk-swipernav .swiper-button-disabled {
background: #F7F7F7;
border: 0;
}
.tk-project-image i {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
border-radius: 10px;
background: #f7f7fa;
color: #0a0f26;
font-size: 24px;
}
.tk-project-detail-item {
gap: 10px;
display: flex;
align-items: center;
}
.tk-project-imgdetail h6, .tk-project-imgdetail .tk-verified-info > a, .tk-project-imgdetail .tk-verified-info strong, .tk-verified-info .tk-project-imgdetail strong {
font: 600 0.9375rem/1.6em "Open Sans", sans-serif;
margin: 0 !important;
}
.tk-project-imgdetail h6 a, .tk-project-imgdetail .tk-verified-info > a a, .tk-project-imgdetail .tk-verified-info strong a, .tk-verified-info .tk-project-imgdetail strong a {
margin-left: 4px;
color: #3377FF;
}
.tk-project-imgdetail span {
display: block;
line-height: 1.3em;
}
.tk-project-detail-list {
padding: 20px;
gap: 10px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
border-bottom: 0;
}
.tk-project-detail-list > li {
width: calc(100%/3);
}
.tk-socailmedia {
padding-left: 0;
margin: -10px;
}
.tk-socailmedia li {
padding: 10px;
list-style: none;
}
.tk-socailmedia li a {
font-size: 20px;
display: flex;
text-align: center;
}
.tk-socailmedia li a i {
min-width: 20px;
}
.tk-bg-pink {
background: #FFF1F4;
}
.tk-bg-yellow {
background: #F7F1D2;
}
.tk-bg-lightorg {
background: rgba(249, 115, 22, 0.1);
}
.tk-bg-lightgreen {
background: #EAFFEC;
}
.tk-bg-lightblue {
background: #E9E9FF;
}
.tk-qualification .tk-accordion_title:before {
content: none;
}
.tk-noskills {
background: #F7F7F7;
border-radius: 10px;
padding: 20px;
text-align: center;
}
.tk-noskills span {
color: #1C1C1C;
display: block;
}
.tk-content-box .tk-noskills {
margin: 0 0 20px;
}
.tb-tabtasktitletwo h5 {
display: flex;
justify-content: space-between;
width: 100%;
}
.tk-tippytooltip + div .tippy-box {
max-width: 391px !important;
background-color: #fff;
border: 1px solid #eeeeee;
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
border-radius: 3px;
}
.tk-tippytooltip + div .tippy-content {
padding: 0;
}
.tk-tippytooltip + div [data-placement="bottom"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-tippytooltip + div [data-placement="bottom-start"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-tippytooltip + div [data-placement="bottom-end"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-tippytooltip + div .tippy-arrow {
color: #fff;
width: 10px;
height: 10px;
z-index: 1;
}
.tk-tippytooltip + div .tippy-arrow:before {
border: 1px solid #eee !important;
transform: rotate(-45deg) !important;
height: 10px;
width: 10px;
border-top: 0 !important;
border-right: 0 !important;
background: #fff;
}
.tk-tippytooltipholder em + div .tippy-box {
max-width: 391px !important;
background-color: #fff;
border: 1px solid #eeeeee;
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
border-radius: 3px;
max-width: 430px !important;
}
.tk-tippytooltipholder em + div .tippy-content {
padding: 0;
}
.tk-tippytooltipholder em + div [data-placement="bottom"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-tippytooltipholder em + div [data-placement="bottom-start"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-tippytooltipholder em + div [data-placement="bottom-end"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-tippytooltipholder em + div .tippy-arrow {
color: #fff;
width: 10px;
height: 10px;
z-index: 1;
}
.tk-tippytooltipholder em + div .tippy-arrow:before {
border: 1px solid #eee !important;
transform: rotate(-45deg) !important;
height: 10px;
width: 10px;
border-top: 0 !important;
border-right: 0 !important;
background: #fff;
}
.tk-achievementtoolholder + div [data-placement="bottom"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-achievementtoolholder + div [data-placement="bottom-start"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-achievementtoolholder + div [data-placement="bottom-end"] .tippy-arrow:before {
border: 1px solid #eee !important;
border-bottom: 0 !important;
border-left: 0 !important;
}
.tk-achievementtoolholder + div .tippy-arrow {
color: #fff;
width: 10px;
height: 10px;
z-index: 1;
}
.tk-achievementtoolholder + div .tippy-arrow:before {
border: 1px solid #eee !important;
transform: rotate(-45deg) !important;
height: 10px;
width: 10px;
border-top: 0 !important;
border-right: 0 !important;
background: #fff;
}
.tk-posttag {
align-items: center;
margin: -5px -3px;
padding: 10px;
border-radius: 3px;
list-style: none;
}
.tk-posttag li {
padding: 5px 3px;
list-style-type: none;
display: inline-block;
}
.tk-posttag li a {
padding: 0px 12px;
display: inline-block;
color: #999999;
background-color: #F7F7F7;
border-radius: 3px;
border: 1px solid transparent;
line-height: 25px;
font-weight: 500;
}
.tk-posttag li:hover a {
color: #0a0f26;
border-color: #eeeeee;
background: #ffffff;
}
.tk-showmore {
display: inline-block;
background-color: #ffffff !important;
color: #1DA1F2 !important;
width: 100%;
}
.tk-showmore:hover {
border-color: transparent !important;
}
.tk-languages {
padding: 0;
margin: -3px -4px;
align-items: center;
}
.tk-languages > li {
padding: 3px 4px;
word-break: break-all;
display: flex;
font-weight: 600;
margin: 0 !important;
}
.tk-languages li:not(:last-child) {
position: relative;
}
.tk-languages li:not(:last-child)::after {
right: -2px;
top: 2px;
content: ",";
position: absolute;
font-size: 16px;
}
.tk-accordion_title > i {
display: inline-block;
color: #64748B;
font-size: 24px;
}
.tk-review-box h4 {
display: flex;
align-items: center;
}
.tk-review-box h4 i {
font-size: 16px;
display: inline-block;
margin: 0 0 0 10px;
}
.tk-review-box h4 em {
font-weight: 500;
font-size: 18px;
line-height: 26px;
font-style: normal;
color: #64748B;
margin: 0 0 0 4px;
}
.tk-bgwhite {
background-color: #ffffff;
}
.tk-edit {
color: #999999;
}
.tk-edit:hover {
color: #999999;
}
.tk-delete {
color: #EF4444;
}
.tk-delete:hover {
color: #EF4444;
}
.tk-hastippy i {
font-size: 1rem;
color: #22C55E;
display: inline-block;
}
.tk-hastippy .tk-featureditem i {
padding-left: 0;
color: #ffffff;
}
.tk-tagswrapped {
margin: 30px 0 0;
}
.tk-heart em {
color: #0a0f26;
}
.tk-nobanner .tk-sideprofile figure {
margin: 0;
}
.tk-addonpopup .tk-form-btn .tk-dhbbtnarea {
padding: 30px 0 0;
}
.tk-addonpopup .tk-form-btn .tk-dhbbtnarea a {
width: 100%;
}
.tk-chatmsgs-popup.modal .modal-content {
padding: 0;
}
.tk-chatmsgs-popup .tk-popuptitle {
padding: 15px 20px;
}
.tk-start-chat em {
font-style: normal;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-start-chat i {
font-size: 16px;
margin: 0 10px 0 0;
}
.tk-textmsg {
position: relative;
display: flex;
padding: 10px;
gap: 10px;
min-height: 300px;
border-radius: 10px;
background: #F7F7F7;
align-items: flex-end;
flex-direction: column;
justify-content: flex-end;
}
.tk-textmsg_input {
display: flex;
margin-top: 10px;
align-items: center;
border-radius: 10px;
border: 1px solid #EAEAEA;
padding: 4px 4px 4px 20px;
}
.tk-textmsg_input input {
flex: auto;
width: auto;
border: none;
height: 36px;
padding-left: 0;
box-shadow: none !important;
}
.tk-textmsg_input .tk-btn {
padding: 0 20px;
font-size: 14px;
line-height: 36px;
}
.tk-textmsg_input .tk-btn:before {
display: none !important;
}
.tk-textmsg_item {
padding: 16px;
max-width: 80%;
border-radius: 12px;
background: #E5EBF9;
}
.tk-textmsg span {
font-size: 14px;
text-align: right;
font-weight: 400;
overflow: hidden;
line-height: 20px;
margin-left: auto;
font-style: normal;
color: rgba(0, 0, 0, 0.7);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.tk-textmsg .at-message_time {
gap: 4px;
width: 100%;
display: flex;
margin-top: -4px;
font-size: 0.75rem;
line-height: 1.5em;
align-items: center;
justify-content: flex-end;
color: rgba(88, 88, 88, 0.6);
}
.tk-textmsg .at-message_time:before {
content: "";
font-family: "icomoon";
}
.tk-startchat_msg {
top: 50%;
margin: 0;
color: #999;
font-weight: 500;
line-height: 30px;
margin-top: -15px;
position: absolute;
align-self: center;
}
.tippy-arrow {
color: #1E1E1E;
}
.tk-ouraim-section {
padding-bottom: 80px;
}
.tk-ouraim-section .tk-main-title-holder {
padding-bottom: 0;
}
.tk-about-image {
margin-bottom: 31px;
}
.tk-about-image figure {
display: flex;
align-items: flex-end;
margin-bottom: 0;
}
.tk-about-image figure img {
order: 2;
overflow: hidden;
}
.tk-about-image figure figcaption {
flex: none;
order: 1;
margin: 0 -198px -31px 0;
z-index: 1;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-maintitle h5 {
font: 700 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-maintitle h2 {
font: 700 2.25rem/1.2777777778em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-maintitle h3 {
font: 600 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-maintitle .tk-colorwhite {
color: #ffffff;
}
.tk-maintitle .tk-colorgray {
color: #64748B;
}
.tk-maintitle p {
margin: 20px 0 0 0;
color: #0a0f26;
}
.tk-maintitlevtwo h5 {
font: 600 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-motivation_list {
padding: 0;
margin: 20px 0 0;
list-style: none;
}
.tk-motivation_list li {
width: 100%;
list-style-type: none;
line-height: inherit;
}
.tk-motivation_list li ~ li {
margin-top: 15px;
}
.tk-motivation_list span {
display: flex;
align-items: center;
}
.tk-motivation_list span i {
flex: none;
width: 20px;
font-size: 10px;
line-height: 20px;
border-radius: 50px;
text-align: center;
margin-right: 10px;
display: inline-block;
color: #ffffff;
background-color: #22C55E;
}
.tk-motivation_img {
margin: 0;
text-align: center;
}
.tk-motivation_img img {
border-radius: 4px;
}
.tk-slider-content {
position: relative;
border: 1px solid #eeeeee;
border-radius: 10px;
background-color: #ffffff;
padding: 29px 30px;
}
.tk-slider-content::after {
content: "";
background: url("../../../images/shape.png");
position: absolute;
width: 90px;
height: 60px;
right: 0;
top: 0;
pointer-events: none;
}
.tk-slider-content p {
margin: 10px 0 0;
}
.tk-slider-content:hover {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-slider-user {
display: flex;
align-items: center;
}
.tk-slider-user > img {
max-width: 50px;
}
.tk-slideruser-info {
margin-left: 14px;
}
.tk-slideruser-info h5 {
margin-bottom: 0;
}
.tk-slideruser-info a {
display: block;
color: #1da1f2;
}
.tk-ratting {
display: flex;
margin-top: 20px;
align-items: center;
}
.tk-ratting strong {
display: block;
font-weight: 600;
}
.tk-ratting strong span {
font-weight: 400;
}
.tk-ratting img {
padding-left: 10px;
}
.tk-ratting .tk-ratingstars {
gap: 3px;
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
margin-left: 10px;
}
.tk-ratting .tk-ratingstars li {
list-style-type: none;
}
.tk-ratting .tk-ratingstars li .tk-starfill {
order: -1;
}
.tk-ratting .tk-ratingstars i {
width: 18px;
color: #fff;
background: #00b67a;
display: block;
font-size: 10px;
line-height: 18px;
text-align: center;
border-radius: 4px;
}
.tk-swiperdots .swiper-pagination {
position: static;
display: flex;
justify-content: center;
}
.tk-swiperdots .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.tk-feedback-two .tk-swiperdots .swiper-pagination-bullet-active {
background: #FCCF14;
}
.tk-testimonial {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.tk-testimonial .tk-maintitle h2 {
position: relative;
padding-bottom: 23px;
}
.tk-testimonial .tk-maintitle h2::after {
left: 50%;
margin-left: -50px;
bottom: 0;
content: "";
height: 3px;
width: 100px;
position: absolute;
border-radius: 10px;
background-color: #fdd943;
}
.tk-working-sectionbg {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.tk-profeesonitem {
max-width: 306px;
margin: 0;
}
.tk-profeesonitem figure {
margin: 0 0 20px;
}
.tk-profeesonitem figure img {
width: 100%;
border-radius: 4px;
}
.tk-professionolslider .splide__arrow {
top: 150px;
}
.tk-professionolslider ul {
padding: 0;
}
.tk-professionolslider ul li {
list-style: none;
}
.tk-profeesonolinfo h6, .tk-profeesonolinfo .tk-verified-info > a, .tk-profeesonolinfo .tk-verified-info strong, .tk-verified-info .tk-profeesonolinfo strong {
margin: 0;
color: #676767;
font-weight: 400;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-profeesonolinfo h4 {
margin: 0;
}
.tk-socialicons-two {
justify-content: center;
margin-top: 6px !important;
display: flex;
flex-wrap: wrap;
}
.tk-socailmedia {
padding-left: 0;
margin: -10px;
}
.tk-socailmedia li {
padding: 10px;
list-style: none;
}
.tk-socailmedia li a {
font-size: 20px;
display: flex;
text-align: center;
}
.tk-socailmedia li a i {
min-width: 20px;
}
.tk-swiperdots .swiper-pagination, .wk-swiperdots .swiper-pagination {
display: flex;
position: static;
margin-top: 40px;
justify-content: center;
}
.tk-swiperdots .swiper-pagination-bullet, .wk-swiperdots .swiper-pagination-bullet {
background: #DDDDDD;
width: 10px;
height: 4px;
opacity: 1;
border-radius: 2px;
}
.tk-swiperdots.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .tk-swiperdots.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet, .wk-swiperdots.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .wk-swiperdots.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.tk-swiperdots .swiper-pagination-bullet-active, .wk-swiperdots .swiper-pagination-bullet-active {
background: #1C1C1C;
width: 20px;
}
.tk-feedback-two.tk-swiperdots .swiper-pagination-bullet-active {
background: #ff385c;
}
.tk-sliderarrow {
position: relative;
}
.tk-sliderarrow .splide__arrow {
width: 70px;
height: 70px;
background: #ffffff;
border-radius: 50%;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-sliderarrow .splide__arrow::before {
font-family: "icomoon";
font-size: 30px;
color: #DDDDDD;
}
.tk-sliderarrow .splide__arrow:hover::before {
color: #0a0f26;
}
.tk-sliderarrow .splide__arrow svg {
display: none;
}
.tk-sliderarrow .splide__arrow--prev {
left: -35px;
}
.tk-sliderarrow .splide__arrow--prev::before {
content: "";
}
.tk-sliderarrow .splide__arrow--next {
right: -35px;
}
.tk-sliderarrow .splide__arrow--next::before {
content: "";
}
.tk-sliderarrow .splide__arrow {
transition: all 0.3s ease-in-out;
}
.tk-sliderarrow .splide__arrow:hover {
opacity: 1;
visibility: visible;
background: #ff385c;
border-color: #ff385c;
}
.tk-hiring-section {
margin: 0 -12px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.splide__pagination__page.is-active {
background-color: #ffffff;
}
.tk-maintitle-other {
margin-top: 30px;
}
.tk-task-detail {
padding-bottom: 30px;
}
.tk-task-detail .tk-faq-acordian-two {
border-radius: 0;
border-bottom: 0;
}
.tk-task-detail .tk_splide {
padding: 15px 15px 0 15px;
}
.tk-task-detail .tk-sync__content [data-vbtype=video] img {
opacity: 1;
background: #ffffff;
}
.tk-task-detail .tk-main-title-holder {
padding-bottom: 0;
}
.tk-task-detail .tk-skill-listing {
padding: 0 0 0 20px;
}
.tk-faq-acordian-two {
padding: 30px;
border-radius: 10px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
.tk-faq-acordian-two .tk-accordion li {
margin-bottom: 10px;
border-radius: 10px;
}
.tk-faq-acordian-two .tk-accordion li:last-child {
margin-bottom: 0;
}
.tk-faq-acordian-two .tk-accordion li .tk-accordion_title {
padding: 16px 40px 16px 20px;
border-radius: 10px;
}
.tk-faq-acordian-two .tk-accordion li .tk-accordion_title h6, .tk-faq-acordian-two .tk-accordion li .tk-accordion_title .tk-verified-info > a, .tk-faq-acordian-two .tk-accordion li .tk-accordion_title .tk-verified-info strong, .tk-verified-info .tk-faq-acordian-two .tk-accordion li .tk-accordion_title strong {
margin: 0;
font-weight: 500;
}
.tk-faq-acordian-two .tk-accordion li .tk-accordion_title:after {
right: 20px;
font-size: 16px;
}
.tk-faq-acordian-two .tk-accordion li .tk-accordion_info {
padding: 0 20px 16px;
border-radius: 0 0 10px 10px;
}
.tk-addtionalservices-wrapper-two {
padding: 20px 30px 30px 30px;
}
.tk-addtionalservices-wrapper-two .tk-additionalservices {
margin: 0;
list-style: none;
padding-top: 0 !important;
}
.tk-addtionalservices-wrapper-two .tk-additionalservices li {
padding: 16px 20px;
border-radius: 10px;
}
.tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title h6, .tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title .tk-verified-info > a, .tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title .tk-verified-info strong, .tk-verified-info .tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title strong {
margin: 0;
font-weight: 600;
color: #0A0F26;
}
.tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title p {
margin: 0;
}
.tk-addtionalservices-wrapper-two .tk-additionalservices-title h6, .tk-addtionalservices-wrapper-two .tk-additionalservices-title .tk-verified-info > a, .tk-addtionalservices-wrapper-two .tk-additionalservices-title .tk-verified-info strong, .tk-verified-info .tk-addtionalservices-wrapper-two .tk-additionalservices-title strong {
color: #0a0f26;
font-weight: 600;
}
.tk-addtionalservices-wrapper-two .tk-additionalservice-price {
padding: 10px 0 0;
}
.tk-addtionalservices-wrapper-two .tk-additionalservice-price h5 {
margin: 0;
font-weight: 600;
}
.tk-review {
border-radius: 0 0 10px 10px;
}
.tk-review-boxs {
gap: 20px;
display: flex;
padding: 0 30px 20px 30px;
border-bottom: 1px solid #eeeeee;
background: #ffffff;
}
.tk-review-boxs + .tk-review-boxs {
margin-top: 20px;
}
.tk-review-boxs figure {
margin: 0;
flex: none;
width: 100%;
height: 60px;
display: flex;
max-width: 60px;
align-items: center;
justify-content: center;
}
.tk-review-boxs figure span i {
font-size: 20px;
color: rgba(0, 0, 0, 0.4);
}
.tk-review-boxs figure img {
width: 100%;
height: 60px;
max-width: 60px;
border-radius: 10px;
}
.tk-featureratings {
display: flex;
align-items: center;
}
.tk-featureratings h6, .tk-featureratings .tk-verified-info > a, .tk-featureratings .tk-verified-info strong, .tk-verified-info .tk-featureratings strong {
font-weight: 600;
margin: 0 0 0 10px;
}
.tk-reviews-time {
color: #999999;
margin-left: 4px;
}
.tk-reviews-time::after {
content: ")";
font-weight: 600;
margin-left: 5px;
}
.tk-reviews-time::before {
content: "(";
font-weight: 600;
margin-right: 5px;
}
.tk-reviews-details h5 {
margin: 0;
}
.tk-descriptions {
margin-top: 15px;
}
.tk-descriptions p {
margin: 0;
color: #0a0f26;
}
.tk-review-boxstwo {
border: 0;
padding: 0;
}
.tk-task-detail-loader {
padding: 7px 0 !important;
}
.tk-task-detail-loader span {
color: #999999;
display: flex;
align-items: center;
justify-content: center;
}
.tk-task-detail-loader span i {
font-size: 20px;
}
.tk-features-reviews {
border-radius: 10px;
background-color: #fff;
}
.tk-features-reviews .tk-comments-reviews {
border: 0;
padding: 20px 30px;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #eeeeee;
}
.tk-features-reviews .tk-comments-reviews .tk-featureRating {
margin: 0;
}
.tk-features-reviews .tk-comments-reviews .tk-featureRating h4 {
margin-right: 17px;
}
.tk-features-reviews .tk-comments-reviews .tk-featureRating h6, .tk-features-reviews .tk-comments-reviews .tk-featureRating .tk-verified-info > a, .tk-features-reviews .tk-comments-reviews .tk-featureRating .tk-verified-info strong, .tk-verified-info .tk-features-reviews .tk-comments-reviews .tk-featureRating strong {
margin-left: 10px;
}
.tk-features-reviews .tk-comments-reviews .tk-featureRating h5 {
margin: 0 5px 0 0;
}
.tk-features-reviews .tk-review-boxs {
background-color: transparent;
}
.tk-features-reviews :last-child {
border: 0;
}
.tk-features-reviews .tk-featureRating__stars span::after {
color: #EAB308;
}
.tk-features-reviews .tk-review-boxs {
padding: 30px 30px 20px 30px;
margin: 0;
}
.tk_splidev-two .tk-syncthumbnail__content {
background: #ffffff;
}
.tk_splidev-two .tk-syncthumbnail__content img {
border-radius: 10px !important;
}
.tk-sidebarpkg-two {
padding: 19px !important;
}
.tk-sidebarpkg-two .tk-packegeplan h6, .tk-sidebarpkg-two .tk-packegeplan .tk-verified-info > a, .tk-sidebarpkg-two .tk-packegeplan .tk-verified-info strong, .tk-verified-info .tk-sidebarpkg-two .tk-packegeplan strong {
margin: 0;
font-weight: 600;
}
.tk-sidebarpkg-two .tk-packegeplan .tk-theme-color {
margin: 0;
font-weight: 600;
color: #ff385c;
}
.tk-sidebarpkg-two .tk-sectiontitle__list {
padding: 0;
margin-top: 10px;
list-style: none;
}
.tk-sidebarpkg-two .tk-sectiontitle__list li {
line-height: initial;
}
.tk-sidebarpkg-two .tk-sectiontitle__list li + li {
margin-top: 6px;
}
.tk-sidebarpkg-two .tk-sectiontitle__list--title h6, .tk-sidebarpkg-two .tk-sectiontitle__list--title .tk-verified-info > a, .tk-sidebarpkg-two .tk-sectiontitle__list--title .tk-verified-info strong, .tk-verified-info .tk-sidebarpkg-two .tk-sectiontitle__list--title strong {
margin: 0;
}
.tk-sidebarpkg-two .tk-sidebarpkg__btn {
padding-top: 20px;
margin: 0;
}
.more {
gap: 10px;
color: #999999;
align-items: center;
display: inline-flex;
justify-content: center;
}
.tk-sideholder .tk-sidebartabs__pkgtitle .nav-item:first-child + li .nav-link {
border-left: 1px solid #eeeeee;
}
.tk-sideholder .tk-sidebartabs__pkgtitle .nav-item:last-child .nav-link {
margin-right: -1px;
}
.tk-sideholder .tk-sidebartabs__pkgtitle .nav-item:not(:first-child) .nav-link {
border-left: 0;
}
.tk-sideholder .tk-sidebartabs__pkgtitle .nav-link {
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
font-weight: 600;
}
.tk-sideholder .tk-sidebartabs__pkgtitle.nav-tabs li:last-child .nav-link {
border-top: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
}
.tk-sideholder .tk-sidebartabs__pkgtitle.nav-tabs .nav-link.active {
border-right: 1px solid #eeeeee;
}
.tk-sidebartabs.tk-asidebox {
padding: 0;
}
.tk-sidebartabs__pkgtitle li {
list-style: none;
width: calc(100% / 3);
}
.tk-sidebartabs__pkgtitle.nav-tabs {
border-bottom: 1px solid #eeeeee;
}
.tk-sidebartabs__pkgtitle.nav-tabs li:last-child .nav-link {
border-right: 0;
border-top: 0;
}
.tk-sidebartabs__pkgtitle.nav-tabs .nav-link {
border-top: 0;
color: #1C1C1C;
border-left: 0;
border-radius: 0;
padding: 8px 10px;
text-align: center;
border-color: #eeeeee;
background-color: #FFFFFF;
}
.tk-sidebartabs__pkgtitle.nav-tabs .nav-link.active {
padding: 10px 10px;
margin: -4px 0;
color: #0a0f26;
border-color: #eeeeee #eeeeee #ffffff;
background-color: #ffffff;
}
.tk-gig_plan_opt.tk-sidebartabs__pkgtitle {
flex-wrap: nowrap;
}
.tk-gig_plan_opt.tk-sidebartabs__pkgtitle > li {
width: 100%;
}
.tk-sideholder .nav-tabs .nav-item .nav-link {
background: transparent;
border: 0;
height: 100%;
padding: 14px 10px;
margin: 0 0 -1px 0;
border-bottom: 2px solid transparent;
}
.tk-sideholder .nav-tabs .nav-item .active {
border-bottom-color: #ff385c;
}
.tk-sidebarpkg .tk-sectiontitle p {
padding-top: 20px;
}
.tk-delivery-time {
padding: 10px 20px;
display: flex;
margin: 20px 0 0 -20px;
align-items: center;
background: rgba(34, 197, 94, 0.1);
border-radius: 0px 100px 100px 0px;
}
.tk-delivery-time .tk-icon-box {
padding: 10px;
background: #FFFFFF;
border-radius: 50%;
margin-right: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.tk-delivery-time .tk-icon-box i {
font-size: 22px;
color: #22C55E;
}
.tk-delivery-time h5 {
font-weight: 600;
margin: 0;
}
.tk-delivery-time .tk-delivery-days {
color: #1C1C1C;
margin-left: 6px;
}
.tk-sectiontitle__list--title {
padding-top: 30px;
}
.tk-sectiontitle__list--title h5 {
margin-bottom: 10px;
}
.tk-seller-title {
padding: 9.5px 20px;
border-bottom: 1px solid #EEEEEE;
}
.tk-seller-title h6, .tk-seller-title .tk-verified-info > a, .tk-seller-title .tk-verified-info strong, .tk-verified-info .tk-seller-title strong {
margin: 0;
}
.tk-topservicetask__content {
margin: 0;
position: relative;
}
.tb-freeprostatus {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 20px;
}
.tb-freeprostatus figure {
max-width: 82px;
margin: 0;
}
.tb-freeprostatus figure img {
width: 100%;
border-radius: 4px;
}
.tb-freeprostatus .tk-project-price {
padding: 0;
}
.tb-usertag .tb-offline {
background-color: #DDDDDD;
}
.tk-project-price-two {
display: block;
align-items: center;
justify-content: space-between;
}
.tk-project-price-two span {
display: block;
}
.tk-project-price-two h4 {
color: #1C1C1C;
margin: 0;
}
.tk-title-wrapper {
margin-top: 10px;
}
.tk-title-wrapper h5 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
.tk-aboutseller .tk-blogviewdates {
margin: 0 -15px;
padding: 20px 0 0 0;
}
.tk-aboutseller .tk-blogviewdates li {
padding: 0 15px;
line-height: 24px;
}
.tk-aboutseller .tk-blogviewdates li i {
font-size: 16px;
margin-right: 7px;
}
.tk-aboutseller .tk-blogviewdates li em {
font-weight: 600;
font-size: 14px;
color: #0A0F26;
}
.tk-aboutseller .tk-blogviewdates li span {
font-size: 14px;
color: #999999;
display: inline-flex;
align-items: center;
}
.tk-aboutseller .tk-blogviewdates li span i {
margin-right: 10px;
font-size: 16px;
}
.tk-advertisment-area {
margin-top: 24px;
text-align: center;
}
.tk-advertisment-area img {
max-width: 416px;
width: 100%;
}
.tk-advertisment-area span {
display: block;
margin-top: 6px;
text-align: center;
color: #64748B;
}
.tk-is-available::before {
content: "";
font-family: "icomoon" !important;
color: #22C55E;
font-size: 16px;
line-height: 1;
font-weight: 500;
}
.tk-is-available span {
padding-left: 11px;
}
.tk-packegeplan {
display: inline-block;
vertical-align: middle;
padding-left: 17px;
}
.tk-aboutseller .tb-seller_detail {
padding: 19.5px 20px;
}
.tk-btnviewpro {
justify-content: space-between;
display: flex;
margin: 20px 0 0;
flex-wrap: nowrap;
gap: 10px;
}
.tk-btnviewpro a {
height: 40px;
}
.tk-btnviewpro a i {
display: inline-block;
font-size: 20px;
margin-right: 10px;
}
.tk-btnviewpro a .tk-btn-solid-lg, .tk-btnviewpro a .tk-btn-solid-lg-lefticon {
color: #0a0f26 !important;
}
.tk-btnviewpro .tk-btn-solid-lg, .tk-btnviewpro .tk-btn-solid-lg-lefticon {
flex: 1;
background: #F7F7F7 !important;
color: #0a0f26 !important;
}
.tk-btnviewpro .tk-btn-solid-lg:hover, .tk-btnviewpro .tk-btn-solid-lg-lefticon:hover {
background-color: #ff385c !important;
color: white !important;
}
.tk-btnviewpro .tk-favourite {
cursor: pointer;
background: #EF4444 !important;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
width: 40px;
height: 40px;
color: #ffffff !important;
}
.tk-btnviewpro .tk-favourite i {
margin: 0;
color: #ffffff;
}
.tk-btnviewpro .tk-fav-item {
cursor: pointer;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #F7F8FC;
border-radius: 4px;
color: #999 !important;
}
.tk-btnviewpro .tk-fav-item i {
margin: 0 !important;
}
.tk-serviesbann {
background: #FFFFFF;
border-radius: 10px;
padding: 9px;
margin-bottom: 20px;
}
.tk-serviesbann__content {
display: flex;
align-items: center;
justify-content: space-between;
background: url(../../images/servicesbg.png);
padding: 20px;
background-size: cover;
background-repeat: no-repeat;
position: relative;
border-radius: 10px;
}
.tk-serviesbann__content .tk-featureRating__stars span, .tk-serviesbann__content .tk-featureRating__stars {
width: 94px;
}
.tk-serviesbann__content .tk-featureRating__stars span::after, .tk-serviesbann__content .tk-featureRating__stars::before {
font-size: 15px;
}
.tk-serviesbann__content .tk-blogviewdates li span i {
margin-right: 10px;
}
.tk-serviesbann__content .tk-blogviewdatessm li .tk-featureRating__stars {
margin-right: 6px;
}
.tk-serviesbann__content .tk-blogviewdates li em + em {
margin-left: 6px;
}
.tk-contentleft .tk-featuretag {
margin: 0 0 12px;
}
.tk-contentleft h3 {
margin: 0 0 12px;
font-weight: 600;
}
.tk-featurered {
color: #ffffff;
background: #EF4444;
font-weight: 700;
font-size: 12px;
height: 21px;
line-height: 22px;
display: inline-block;
align-items: center;
}
.tk-contenthasfig {
align-items: center;
gap: 30px;
display: flex;
flex-wrap: wrap;
}
.tk-blogviewdatessm {
gap: 4px 24px;
padding: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
align-items: center;
}
.tk-blogviewdatessm li {
gap: 6px;
padding: 0;
display: flex;
align-items: center;
line-height: inherit;
list-style-type: none;
}
.tk-blogviewdatessm li .tk-featureRating__stars {
margin-right: 10px;
}
.tk-blogviewdatessm .tk-favourite {
cursor: pointer;
}
.tk-blogviewdatessm .tk-favourite i {
color: #EF4444 !important;
}
.tk-blogviewdatessm .tk-fav-item {
cursor: pointer;
}
.tk-blogviewdates {
margin: 0;
}
.tk-blogviewdates li {
gap: 4px;
list-style-type: none;
line-height: 1;
display: inline-block;
align-items: center;
}
.tk-blogviewdates li span {
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #1C1C1C;
display: inline-flex;
align-items: center;
flex: 1;
}
.tk-blogviewdates li span i {
color: #64748B;
font-size: 20px;
margin-right: 3px;
}
.tk-blogviewdates li em {
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #64748B !important;
}
.tk-blogviewdates li em + em {
margin: 0 0 0 10px;
}
.tk-btnserviesarea {
display: flex;
align-items: center;
gap: 10px;
}
.tk-btnserviesarea i {
padding: 0;
color: #ffffff;
}
.tk-btnserviesarea .tk-btn-blue {
padding: 0 14px;
background: #1DA1F2;
}
.tk-btnserviesarea .tk-btn-blue:hover {
background-color: #FCCF14;
}
.tk-asideholder .tk-sidebartabs__pkgtitle .nav-item:first-child + li .nav-link {
border-left: 0 !important;
}
.tk-asideholder .tk-sidebartabs__pkgtitle .nav-link.active {
border-right: 0 !important;
}
.tk-asideholder .tk-sidebartabs__pkgtitle :last-child .nav-link {
border-top: 0 !important;
border-right: 0 !important;
}
.tk-sectiontitle > h4 {
padding-bottom: 20px;
margin: 0;
}
.tk-additionalservices {
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
.tk-additionalservices li {
width: 100%;
}
.tk-additionalservices li:nth-child(odd) {
background-color: #F7F7F7;
}
.tk-additionalservices__content {
position: relative;
padding-left: 10px;
align-items: flex-start;
justify-content: space-between;
display: flex;
flex-wrap: nowrap;
}
.tk-additionalservices__content::before {
position: absolute;
top: 11px;
left: 0;
content: "";
width: 4px;
height: 4px;
background: #0A0F26;
border-radius: 50%;
}
.tk-servicedetail {
border-radius: 10px;
background-color: #ffffff;
}
.tk-servicedetail.tk-task-detail {
padding: 0;
}
.tk-text-wrapper {
padding: 0 30px 30px;
}
.tk-text-wrapper .tk-text-wrapper {
padding: 0;
}
.tk-text-wrapper h3 {
margin: 30px 0 0;
font-weight: 600;
font-size: 20px;
}
.tk-text-wrapper ul {
margin: 26px 0 30px;
padding: 0;
}
.tk-text-wrapper ul li {
position: relative;
list-style-type: none;
padding: 0 0 0 26px;
display: flex;
align-items: center;
}
.tk-text-wrapper ul li::after {
position: absolute;
content: "";
left: 0;
top: 6px;
flex: none;
width: 16px;
font-size: 13px;
line-height: 16px;
border-radius: 50px;
display: flex;
color: #ffffff;
background-color: #22C55E;
font-family: "icomoon" !important;
justify-content: center;
align-items: center;
}
.tk-readmorebtn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #F7F7F7;
width: 100%;
color: #999999;
padding: 7px 5px;
}
.more {
color: #999999;
display: inline-flex;
align-items: center;
gap: 10px;
justify-content: center;
}
.tk-loader {
position: relative;
}
.tb-offline {
background-color: #DDDDDD;
}
.tb-usertag {
position: absolute;
background-color: #22C55E;
width: 8px;
height: 8px;
border-radius: 50%;
box-shadow: 0 0 0 4px #ffffff;
left: 0;
top: auto;
bottom: 0;
}
.tk-syncthumbnail {
display: flex !important;
justify-content: center;
padding: 10px 20px 30px;
}
.tk-syncthumbnail.splide--nav > .splide__track > .splide__list > .splide__slide {
border: 0;
}
.splide__slide.is-active .tk-syncthumbnail__content {
border-radius: 10px;
background: #ffffff;
margin: 0;
}
.splide__slide.is-active .tk-syncthumbnail__content img {
border-radius: 10px !important;
}
.tk-sync__content {
overflow: hidden;
margin-bottom: 0;
max-width: 100%;
width: 100%;
max-height: 400px;
height: 100%;
}
.tk-sync__content img {
width: 100%;
height: 400px;
min-height: 400px;
object-fit: cover;
border-radius: 10px;
}
.tk-sync__content [data-vbtype=video] {
background-color: #000000;
border-radius: 10px;
}
.tk-sync__content a {
display: block;
}
.tk-syncthumbnail__content {
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
cursor: pointer;
border-radius: 4px;
height: 70px;
width: 70px;
}
.tk-syncthumbnail__content img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tk-task-detail .splide--fade > .splide__track > .splide__list > .splide__slide {
line-height: 0;
}
.tk-task-detail .splide--fade > .splide__track > .splide__list > .splide__slide iframe {
width: 100%;
}
.tk-servicedetail.tk-task-detail .tk-syncthumbnail ~ .tk-text-wrapper {
margin-top: 0;
}
.tk-servicedetail.tk-task-detail .tk-text-wrapper {
margin: 0 0 0;
padding-top: 30px;
}
.tk-servicedetail.tk-task-detail .tk-text-wrapper .tk-text-wrapper {
padding: 0;
}
.tk-reviewvtwo {
margin: 30px 0 0;
}
.tk-reviewvtwo .tk-featureRating h4 {
margin: 0;
}
.tk-inputappend {
width: 100%;
display: flex;
align-items: center;
border-radius: 10px;
background-color: white;
padding: 14px 14px 14px 20px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-inputappend > a, .tk-inputappend > i {
color: #3377FF;
font-size: 20px;
display: inline-flex;
}
.tk-inputappend > .form-control {
border: 0;
width: auto;
flex: auto;
box-shadow: none;
padding: 0 17px;
}
.tk-inputappend > .form-control:hover, .tk-inputappend > .form-control:focus {
box-shadow: none;
}
.tk-inputappend_right {
margin-left: auto;
display: flex;
align-items: center;
}
.tk-formsearch {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #DDDDDD;
margin-top: 30px;
}
.tk-formsearch fieldset {
margin: 0;
display: flex;
padding: 9px;
}
.tk-formsearch fieldset > .form-group {
padding: 0;
width: auto;
flex: none;
margin-left: 4px;
}
.tk-formsearch .tk-fc-wrap {
flex: auto;
}
.tk-formsearch .tk-themeform_title {
margin: 0;
font-weight: 600;
padding-left: 20px;
color: #1C1C1C;
}
.tk-formsearch .tk-select select, .tk-formsearch .tk-calendar select {
border: 0;
height: 40px;
}
.tk-formsearch .tk-select .select2-container--focus, .tk-formsearch .tk-calendar .select2-container--focus {
box-shadow: none;
}
.tk-formsearch .form-control {
border: 0;
height: 36px;
}
.tk-formsearch .tk-btn {
padding: 18px 24px;
}
.tk-formsearch .tk-inputicon .form-control {
padding-left: 56px;
}
.tk-formsearch .tk-inputicon i {
left: 20px;
z-index: 1;
}
.tk-inputicon input:hover, .tk-inputicon input:focus {
box-shadow: none;
border-color: #888;
}
.tk-inputicon .tk-select select, .tk-inputicon .tk-calendar select, .tk-inputicon .form-control {
padding-left: 49px;
}
.tk-inputicon .select2-container--default .select2-selection--single {
border: 0;
padding: 0 40px 0 56px;
}
.tk-inputicon .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
font-weight: 400;
color: #999999;
}
.tk-inputicon .select2-container--default .select2-selection--single .select2-selection__placeholder {
font-weight: 400;
letter-spacing: 0.005em;
}
.tk-inputicon .select2-container {
min-height: 40px;
}
.tk-formsearchvtwo .tk-advancesearch .tk-searchbar ~ .tk-searchbar {
border-radius: 0 0 10px 10px;
border-top: 1px solid #EEEEEE;
}
.tk-formsearchvtwo .tk-taskform {
width: 100%;
display: flex;
gap: 10px;
}
.tk-formsearchvtwo .tk-taskform .tb-filterselect {
width: 100%;
}
.tk-formsearchvtwo .tk-taskform .tk-select, .tk-formsearchvtwo .tk-taskform .tk-calendar {
max-width: 300px;
}
.tk-formsearchvtwo .tk-taskform .tk-aside-content {
padding: 0;
width: 100%;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon {
flex: 1;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon.tk-select > i, .tk-formsearchvtwo .tk-taskform .tk-inputicon.tk-calendar > i {
left: 20px;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon:hover i {
color: #999999;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon .form-control {
height: 48px;
padding-left: 46px;
padding-right: 20px;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon i {
left: 10px;
}
.tk-formsearchvtwo .tk-taskform .tk-inputappend_right {
gap: 10px;
position: relative;
margin: 0;
}
.tk-formsearchvtwo .tk-taskform .tk-inputiconbtn {
flex-wrap: nowrap;
}
.tk-formsearchvtwo .tk-taskform .tk-search-icon {
right: auto;
display: none;
position: relative;
}
.tk-formsearchvtwo .tk-taskform .tk-search-icon i {
left: auto;
color: #1C1C1C !important;
}
.tk-sync {
overflow: hidden;
}
.tk-sync .splide__arrows .splide__arrow--prev {
left: -40px;
}
.tk-sync .splide__arrows .splide__arrow--next {
right: -40px;
}
.tk-sync:hover .splide__arrows .splide__arrow--prev {
left: 40px;
}
.tk-sync:hover .splide__arrows .splide__arrow--next {
right: 40px;
}
.tk-checkoutinfo {
padding: 30px;
align-items: center;
border-bottom: 1px solid #eeeeee;
}
.tk-checkoutinfo figure {
flex: none;
margin: 0 20px 0 0;
max-width: 100px;
border-radius: 10px;
}
.tk-checkoutinfo figure img {
margin: 0 20px 0 0;
width: 100px;
border-radius: 4px;
height: 100px;
}
.tk-checkoutdetail h6, .tk-checkoutdetail .tk-verified-info > a, .tk-checkoutdetail .tk-verified-info strong, .tk-verified-info .tk-checkoutdetail strong {
margin: 0;
color: #3377FF;
}
.tk-checkoutdetail h6 a, .tk-checkoutdetail .tk-verified-info > a a, .tk-checkoutdetail .tk-verified-info strong a, .tk-verified-info .tk-checkoutdetail strong a {
color: #3377FF;
}
.tk-checkoutdetail h5 {
margin: 0 0 6px;
}
.tk-featuedbox {
padding: 40px 30px;
}
.tk-featuedbox h4 {
margin: 0 0 20px;
}
.tk-mainlistvtwo {
flex-wrap: wrap;
margin: 20px 0 0;
}
.tk-mainlistvtwo li {
width: 50%;
}
.tk-mainlistvtwo li + li {
margin: 0;
}
.tk-mainlistvtwo li:nth-child(n+3) {
margin: 20px 0 0;
}
.tk-boxtittle {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0 0 10px;
}
.tk-boxtittle .tk-inputiconbtn {
max-width: 306px;
}
.tk-boxtittle h4 {
margin: 0;
}
.tk-additionalservicesvtwo {
overflow: hidden;
position: relative;
list-style: none;
}
.tk-additionalservicesvtwo .tk-additionalservices__content {
width: 100%;
}
.tk-additionalservicesvtwo .tk-additionalservices__content::before {
display: none;
}
.tk-additionalservicesvtwo .tk-form-checkbox {
align-items: center;
overflow: hidden;
}
.tk-additionalservicesvtwo .tk-form-checkbox .tk-additionolinfo {
margin: 0 0 0 10px;
width: 100%;
cursor: pointer;
}
.tk-additionalservicesvtwo .tk-form-checkbox .form-check-input {
flex: none;
margin-top: 3px;
align-self: start;
}
.tk-additionalservicesvtwo li {
background-color: #ffffff;
padding: 20px;
}
.tk-additionalservicesvtwo li:first-child {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.tk-additionalservicesvtwo li:last-child {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.tk-additionalservicesvtwo li:nth-child(odd) {
background-color: #ffffff;
}
.tk-additionalservicesvtwo li:nth-child(even) {
background-color: #ffffff;
}
.tk-additionalservicesvtwo li + li {
border-top: 1px solid #eeeeee;
}
.tk-additionalservicesvtwo .tk-active {
background-color: #FFFFFF !important;
}
.tk-additionalservicesvtwo .tk-active .tk-form-checkbox .tk-addcartinfoprice {
right: 20px;
}
.tk-additionalservicesvtwo .tk-active .tk-form-checkbox .tk-addcartinfoprice .tk-multiplyinfo {
visibility: visible;
}
.tk-vlaue-btn {
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eeeeee;
text-align: center;
height: 38px;
width: auto;
background: #ffffff;
padding: 10px 16px;
width: 137px;
}
.tk-vlaue-btn input[type=number]::-webkit-inner-spin-button, .tk-vlaue-btn input[type=number]::-webkit-outer-spin-button {
display: none;
}
.tk-vlaue-btn .tk-input-number {
width: auto;
text-align: center;
border: none;
margin: 0px;
background: #ffffff;
font: 600 0.875rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
min-width: 20px;
height: 24px;
padding: 0 8px 0 0;
}
.tk-vlaue-btn .tk-input-number:focus {
border: 0;
outline: 0;
box-shadow: none;
}
.tk-vlaue-btn a {
color: #999999;
display: inline-block;
line-height: 12px;
}
.tk-vlaue-btn a i {
display: inline-block;
}
.tk-vlaue-btn span {
display: inline-block;
color: #999999;
margin: 0 0 0 15px;
}
.tk-multiplyinfo {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
visibility: hidden;
}
.tk-multiplyinfo > span {
display: inline-block;
margin: 0 14px;
}
.tk-addcartinfoprice {
width: 57%;
align-items: center;
justify-content: flex-end;
}
.tk-addcartinfoprice h6, .tk-addcartinfoprice .tk-verified-info > a, .tk-addcartinfoprice .tk-verified-info strong, .tk-verified-info .tk-addcartinfoprice strong {
margin: 0;
}
.tk-asideboxsm {
padding: 20px;
background-color: #ffffff;
}
.tk-asideboxsm h5 {
margin: 0;
}
.tk-asideboxsm + .tk-collapsepanel .tk-pakagelist {
padding-top: 0;
}
.tk-pakageinfo h4 {
margin: 0;
}
.tk-pakageinfo h6, .tk-pakageinfo .tk-verified-info > a, .tk-pakageinfo .tk-verified-info strong, .tk-verified-info .tk-pakageinfo strong {
margin: 0;
}
.tk-pakagedetail {
align-items: center;
padding: 20px 30px;
background: #FFFFFF;
position: relative;
}
.tk-pakagedetail::after {
content: "";
position: absolute;
right: 30px;
font-family: "icomoon";
font-size: 26px;
display: inline-block;
color: #999999;
}
.tk-pakagedetail figure {
margin: 0 20px 0 0;
}
.tk-pakagedetail figure img {
width: 56px;
height: 56px;
}
.tk-pakagedetail.collapsed::after {
transform: rotate(90deg);
}
.tk-collapsepanel {
background: #ffffff;
}
.tk-pakagelist {
margin: 0;
padding: 10px;
list-style: none;
}
.tk-pakagelist-item:hover a {
background: #FFFFFF;
}
.tk-pakagelist-item.tk-active a {
background: #FFFFFF;
}
.tk-pakagelist-item.tk-active a em i {
display: inline-block;
}
.tk-pakagelist-item a {
color: #0a0f26;
padding: 14px 20px;
display: flex;
align-items: center;
border-radius: 10px;
}
.tk-pakagelist-item a img {
margin-right: 10px;
max-width: 30px;
height: 30px;
flex: none;
}
.tk-pakagelist-item a em {
margin-left: auto;
color: #999999;
font-style: normal;
display: flex;
align-items: center;
}
.tk-pakagelist-item a em i {
display: none;
font-size: 16px;
color: #22C55E;
padding-left: 10px;
}
.tk-featuredlisted {
padding: 0;
margin: 15px 0 0;
}
.tk-featuredlisted li span {
display: inline-block;
float: right;
}
.tk-featuredlisted li + li {
margin: 10px 0 0;
}
.tk-asideboxv2 ~ .tk-featuredlisted {
border-top: 1px solid #eeeeee;
padding: 20px 30px;
margin: 0;
list-style: none;
}
.tk-walletsystem {
padding: 30px;
background-color: #ff889d;
}
.tk-walletsystem .tk-additionolinfo {
max-width: 220px;
margin: 0 0 0 10px;
cursor: pointer;
}
.tk-walletsystem .tk-form-checkbox {
align-items: flex-start;
}
.tk-walletsystem .tk-form-checkbox > .form-check-input {
margin-top: 3px;
}
.tk-walletsystem .tk-additionalservices__content {
justify-content: space-between;
width: 100%;
}
.tk-walletsystem .tk-additionalservices__content .tk-additionalservices-title {
max-width: 200px;
}
.tk-walletsystem .tk-additionalservices__content .tk-additionalservices-title p {
color: #0a0f26;
}
.tk-walletsystem .tk-additionalservices__content::before {
display: none;
}
.tk-walletamount {
align-self: center;
margin-left: auto;
}
.tk-walletamount span {
color: #0a0f26;
}
.tk-btnwallet a {
width: 100%;
gap: 7px;
}
.tk-btnsfund {
color: #ffffff;
width: 100%;
background-color: #cc2d4a;
height: 40px;
}
.tk-btnwalletfund {
margin: 20px 0 0;
}
.tk-additionolinfo > span {
display: block;
color: #0a0f26;
}
.tk-additionolinfo > em {
display: block;
color: #0a0f26;
}
.tk-checkoutdetail h6, .tk-checkoutdetail .tk-verified-info > a, .tk-checkoutdetail .tk-verified-info strong, .tk-verified-info .tk-checkoutdetail strong {
gap: 0 2px;
flex-wrap: wrap;
font-weight: 500;
align-items: center;
display: inline-flex;
}
.tk-checkoutdetail h6 a, .tk-checkoutdetail .tk-verified-info > a a, .tk-checkoutdetail .tk-verified-info strong a, .tk-verified-info .tk-checkoutdetail strong a {
display: inline-flex;
align-items: center;
}
.tk-checkoutdetail h6 a:not(:last-child)::after, .tk-checkoutdetail .tk-verified-info > a a:not(:last-child)::after, .tk-checkoutdetail .tk-verified-info strong a:not(:last-child)::after, .tk-verified-info .tk-checkoutdetail strong a:not(:last-child)::after {
padding: 0 0 0 1px;
content: ",";
font-size: 20px;
line-height: 20px;
color: #3377FF;
display: inline-block;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-box {
padding: 40px 30px;
background-color: #ffffff;
border: 1px solid #eeeeee;
}
.tk-box ~ .tk-box {
border-top: 1px solid #eeeeee;
}
.tk-featuredlisted.tk-exploremore {
padding: 20px;
}
.tk-featuredlisted.tk-exploremore + .tk-btnwallet {
padding: 0 20px 20px;
}
.tk-topservicetask {
padding: 4px;
overflow: hidden;
position: relative;
background: #ffffff;
border-radius: 20px;
margin-bottom: 24px;
box-shadow: none;
border: 1px solid #eee;
}
.tk-topservicetask:hover {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-topservicetask:hover:after {
height: 3px;
}
.tk-topservicetask:hover {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-topservicetask:hover:after {
height: 3px;
}
.tk-topservicetask .tk-noofslides {
top: 10px;
right: 10px;
position: absolute;
}
.tk-topservicetask .tk-featuretag {
top: 19px;
left: 19px;
height: auto;
padding: 1px 6px !important;
background: #EF4444;
color: #ffffff;
position: absolute;
text-transform: uppercase;
font: 700 0.625rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-topservicetask__content {
margin: 0;
position: relative;
}
.tk-topservicetask__content > figure {
border-radius: 50%;
background: #ffffff;
display: inline-block;
border: 6px solid #ffffff;
margin: 0 14px !important;
}
.tk-topservicetask__content > figure > img {
max-width: 50px;
border-radius: 50%;
}
.tk-topservicetask__content .tk-starting-price {
margin: 15px 0 0;
}
.tk-topservicetask__content .tk-featureRatingv2 h6, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info > a, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info strong, .tk-verified-info .tk-topservicetask__content .tk-featureRatingv2 strong {
display: flex;
align-items: center;
margin: 0 6px 0 0;
color: #676767;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-topservicetask__content .tk-featureRatingv2 h6 em, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info > a em, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info strong em, .tk-verified-info .tk-topservicetask__content .tk-featureRatingv2 strong em {
color: #676767;
font: normal 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-topservicetask__content .tk-featureRatingv2 > em {
color: #676767;
font: 400 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-topservicetask__content .tk-featureRating {
margin: 11px 0 0;
}
.tk-topservicetask__content .tk-featureRating .tk-featureRating {
margin: 0;
}
.tk-topservicetask__content .tk-featureRating__stars {
width: 100px;
margin-right: 10px;
letter-spacing: 2px;
}
.tk-topservicetask__content .tk-featureRating__stars::before, .tk-topservicetask__content .tk-featureRating__stars span::after {
font-size: 16px;
line-height: 14px;
}
.tk-topservicetask__content .tk-featureRating address {
width: 100%;
color: #676767;
font: 400 0.9375rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin: 10px 0 0;
display: flex;
align-items: center;
}
.tk-topservicetask__content .tk-featureRating address i {
margin: 0 10px 0 0;
}
.tk-topservicetask__content .tk-total-review span em {
font: 600 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-topservicetask__content .tk-startingprice {
border-top: 1px solid #eeeeee;
margin: 20px 0 0;
padding-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-topservicetask__content .tk-startingprice i {
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #676767;
}
.tk-topservicetask__content .tk-startingprice span {
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #1E1E1E;
}
.tk-topservicetask .tk-card__img {
overflow: hidden;
height: 230px;
border-radius: 20px;
margin: 0 0 20px !important;
position: relative;
background: #0A1833;
}
.tk-topservicetask .tk-card__img a {
display: block;
}
.tk-topservicetask .tk-card__img .tk-like {
top: 0;
width: 100%;
}
.tk-topservicetask .tk-card__img .tk-like a {
top: 6px;
right: 6px;
width: 40px;
height: 40px;
display: flex;
position: absolute;
background: #fff;
align-items: center;
border-radius: 16px;
justify-content: center;
box-shadow: 0px 4px 8px -2px #1018281A;
}
.tk-topservicetask .tk-card__img .tk-like a:hover {
color: #fff;
background: #EF4444;
}
.tk-topservicetask .tk-card__img .tk-like .tk-heartsave {
background: #EF4444 !important;
}
.tk-topservicetask .tk-card__img .tk-like .tk-heartsave i {
color: #fff !important;
}
.tk-topservicetask .tk-card__img .tk-like .tk-heartsave i:before {
font-weight: 400;
content: "" !important;
font-family: "icomoon" !important;
}
.tk-topservicetask .tk-card__img img {
width: 100%;
border-radius: 10px !important;
height: 230px;
object-fit: cover;
}
.tk-topservicetask .tk-card__img .tk-servicesvideo {
top: 10px;
right: 10px;
}
.tk-topservicetask .tk-card__img > a > i {
top: 0;
left: 0;
opacity: 0;
color: #fff;
width: 100%;
height: 100%;
display: flex;
font-size: 30px;
visibility: hidden;
position: absolute;
align-items: center;
transform: scale(0.5);
border-radius: 10px;
justify-content: center;
}
.tk-topservicetask .tk-card__img > a > i {
display: none;
}
.tk-topservicetask .tk-card__img:hover img {
opacity: 1;
}
.tk-topservicetask .tk-card-title {
display: flex;
position: relative;
align-items: center;
gap: 10px;
}
.tk-topservicetask .tk-card-title .tk-like {
top: auto;
margin-left: auto;
position: relative;
}
.tk-topservicetask .tk-card-title .tk-like a {
color: #999999;
}
.tk-topservicetask .tk-card-title .tk-likev-two {
margin-left: auto;
}
.tk-topservicetask .tk-card-title > i {
font-size: 1rem;
padding-left: 10px;
color: #22C55E;
display: inline-block;
}
.tk-topservicetask .tk-card-title h6, .tk-topservicetask .tk-card-title .tk-verified-info > a, .tk-topservicetask .tk-card-title .tk-verified-info strong, .tk-verified-info .tk-topservicetask .tk-card-title strong {
margin-bottom: 0;
display: flex;
align-items: center;
font-weight: 600;
}
.tk-topservicetask .tk-card-title h6 i, .tk-topservicetask .tk-card-title .tk-verified-info > a i, .tk-topservicetask .tk-card-title .tk-verified-info strong i, .tk-verified-info .tk-topservicetask .tk-card-title strong i {
padding-left: 10px;
}
.tk-topservicetask .tk-card-title h5 {
margin: 0 0 10px;
font-weight: 600;
}
.tk-topservicetask .tk-card-title > a {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #1e1e1e;
}
.tk-topservicetask .tk-card-title .tk-likev-two {
display: inline-flex;
}
.tk-topservicetask .tk-card-title .tk-likev-two a {
display: inline-flex;
}
@keyframes tu-shine-line {
100% {
left: 125%;
}
}
.tk-sevicesinfo {
padding: 0 15px 15px;
}
.tk-inputappend_right .tk-advancebtn {
height: 48px;
width: auto;
background: #F7F8FC;
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #999;
}
.tk-inputappend_right .tk-advancebtn:hover {
color: #999;
background: #F7F8FC;
}
.tk-advancebtn {
width: 100%;
color: #999;
background: #F7F8FC;
font-weight: 500;
font-size: 16px;
border-radius: 10px;
line-height: 26px;
gap: 10px;
width: 40px;
height: 40px;
}
.tk-advancebtn:hover {
background: #0a0f26;
color: white;
}
.tk-advancebtn:focus {
background: #0a0f26;
color: white;
}
.tk-advancebtn span {
color: #999;
font-size: 16px;
display: inline-block;
}
.tk-advancebtn[aria-expanded="true"] span + span {
transform: rotate(-90deg);
}
.tk-taskform {
display: flex;
width: 100%;
}
.tk-taskform .tk-custom-dropdown, .tk-taskform .tk-select, .tk-taskform .tk-calendar {
max-width: 300px;
}
.tk-taskform .tk-inputicon {
flex: 1;
}
.tk-taskform .tk-inputicon:hover i {
color: #999999;
}
.tk-taskform .tk-inputicon .form-control {
padding-left: 45px;
}
.tk-taskform .tk-inputicon i {
left: 10px;
}
.tk-taskform .tk-inputappend_right {
gap: 10px;
margin: 0 0 0 10px;
position: relative;
}
.tk-formsearchvtwo {
border: 0;
margin: 0;
box-shadow: none;
position: relative;
border-radius: 10px;
}
.tk-formsearchvtwo .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px;
}
.tk-searchbar {
padding: 30px;
background-color: #ffffff;
}
.tk-searchbar .form-group-wrap {
align-items: flex-start;
gap: 20px;
width: 100%;
}
.tk-searchbar .form-group-wrap .form-group {
padding: 0;
}
.tk-searchbar .tk-advancecheck ~ .tk-advancecheck {
margin: 30px 0 0;
}
.tk-pricerange {
width: 100%;
}
.tk-pricerange .tk-distance {
width: 100%;
}
.tk-pricerange .tk-areasizebox .form-group .form-control {
max-width: 100%;
height: 46px;
width: 100%;
border: 1.5px solid #eeeeee;
}
.tk-advancesearch {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
border-radius: 0px 0px 10px 10px;
position: absolute;
top: 100%;
right: 0;
display: none;
background: #fff;
z-index: 11;
max-width: 400px;
width: 100%;
overflow: hidden;
}
.tk-advancesearch .tk-searchbar {
margin: 0;
padding: 20px;
}
.tk-advancesearch .tk-searchbar ~ .tk-searchbar {
margin: 0;
padding: 20px;
border-top: 1px solid #EEEEEE;
}
.tk-btnarea {
display: flex;
gap: 10px;
}
.tk-btnarea a {
height: 40px;
width: 100%;
}
.tk-featureditem {
top: 0;
left: 0;
width: 29px;
font-size: 15px;
background: #EF4444;
line-height: 29px;
color: #ffffff;
text-align: center;
position: absolute;
border-radius: 4px 0px 20px;
}
.tk-otherproject {
margin-bottom: 20px;
position: relative;
height: 100%;
}
.tk-otherproject .tk-project-box {
border-radius: 20px;
padding: 30px 24px 24px;
border: 1px solid #eee;
height: 100%;
display: flex;
flex-direction: column;
}
.tk-otherproject .tk-projectinfo-list {
gap: 10px;
align-items: center;
}
.tk-otherproject .tk-projectinfo-list li {
margin: 0;
display: flex;
cursor: pointer;
list-style: none;
color: #7A50EC;
padding: 2px 10px;
align-items: center;
border-radius: 10px;
background: #F2EEFA;
font: 400 14px / 20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-otherproject .tk-projectinfo-list li i {
color: #7A50EC;
}
.tk-otherproject .tk-projectinfo-list li.tk-info-location {
color: #912018;
background: #FEE4E2;
}
.tk-otherproject .tk-projectinfo-list li.tk-info-location i {
color: #912018;
}
.tk-otherproject .tk-projectinfo-list li.tk-info-freelancer {
color: #085D3A;
background: #DCFAE6;
}
.tk-otherproject .tk-projectinfo-list li.tk-info-freelancer i {
color: #085D3A;
}
.tk-otherproject .tk-verified-info {
gap: 10px;
display: flex;
flex-wrap: nowrap;
}
.tk-otherproject .tk-verified-info_title span {
display: block;
color: rgba(30, 30, 30, 0.7);
font: 400 13px / 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-otherproject .tk-verified-info .tk-btnline {
border: 0;
padding: 0;
width: 40px;
flex: none;
color: #999;
height: 40px;
display: flex;
margin-left: auto;
align-items: center;
border-radius: 16px;
justify-content: center;
box-shadow: 0px 4px 8px -2px #1018281A;
}
.tk-otherproject .tk-verified-info .tk-btnline i {
margin: 0;
padding: 0;
color: #999999;
}
.tk-otherproject .tk-description {
margin-top: 20px;
}
.tk-otherproject .tk-description p {
margin: 0;
overflow: hidden;
color: rgba(30, 30, 30, 0.7);
font: 400 16px / 22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.tk-otherproject .tk-language-tags {
margin-top: 20px;
}
.tk-otherproject .tk-projects-footer {
margin-top: auto;
}
.tk-projects-footer {
gap: 4px;
display: flex;
padding: 19px 24px;
align-items: center;
background: #F7F7F8;
margin: 24px -24px -24px;
border-radius: 0 0 20px 20px;
border-top: 1px solid #eee;
justify-content: space-between;
}
.tk-projects-footer_user {
gap: 10px;
display: flex;
align-items: center;
}
.tk-projects-footer_user img {
margin: 0;
flex: none;
width: 30px;
height: 30px;
border-radius: 50%;
}
.tk-projects-footer_user a {
gap: 10px;
margin: 0;
display: flex;
color: #1e1e1e;
align-items: center;
font: 400 16px / 22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-projects-footer_user a i {
font-size: 16px;
display: inline-block;
color: #22C55E;
}
.tk-projects-footer .tk-btnline {
flex: none;
height: 40px;
background: #fff;
padding: 7px 23px;
border: 1px solid #eee;
}
.tk-blogviewdates.tk-projectinfo-list {
flex-direction: column;
padding-top: 20px;
}
.tk-blogviewdates.tk-projectinfo-list li {
color: #0a0f26;
}
.tk-blogviewdates.tk-projectinfo-list li i {
font-size: 16px;
}
.tk-project-wrapper .tk-blogviewdates {
gap: 10px 24px;
padding-top: 0;
margin: 10px 0 0 !important;
}
.tk-project-wrapper .tk-blogviewdates li {
padding: 0;
}
.tk-project-wrapper .tk-blogviewdates li > i {
font-size: 16px;
}
.tk-project-wrapper .tk-blogviewdates li span, .tk-project-wrapper .tk-blogviewdates li a {
color: #1C1C1C;
}
.tk-project-wrapper .tk-blogviewdates li > span {
color: #676767;
display: flex;
font-weight: 400;
align-items: center;
}
.tk-project-wrapper + .tk-project-wrapper {
margin-top: 20px;
}
.tk-project-wrapper .tk-blogviewdates li i {
color: #676767;
margin-right: 10px;
}
.tk-project-price-two {
display: block;
}
.tk-project-price-two > span {
display: block;
font-weight: 400;
}
.tk-project-price-two h4 {
font-weight: 500;
color: #ff385c;
}
.tk-advancefilter {
padding: 0;
display: flex;
margin: 0 -8px;
}
.tk-advancefilter li {
width: 25%;
padding: 8px;
}
.tk-advancefilter li .tk-form-checkbox span {
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #0a0f26;
}
.tk-advancecheck h6, .tk-advancecheck .tk-verified-info > a, .tk-advancecheck .tk-verified-info strong, .tk-verified-info .tk-advancecheck strong {
margin: 0 0 2px;
}
.tk-btn-heart {
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
background: #F7F8FC;
border-radius: 4px;
color: #999;
}
.tk-btnviewpro {
justify-content: space-between;
margin: 20px 0 0;
flex-wrap: nowrap;
gap: 10px;
}
.tk-btnviewpro .tk-btn-plain {
background: #F7F7F7;
}
.tk-btnviewpro .tk-btn-heart:hover {
background: #EF4444;
color: #ffffff;
}
.tk-btnviewpro a.tk-btn-solid-lg, .tk-btnviewpro a.tk-btn-solid-lg-lefticon {
color: #1C1C1C;
}
.tk-btnviewpro a.tk-btn-solid-lg:hover, .tk-btnviewpro a.tk-btn-solid-lg-lefticon:hover {
background-color: #ff385c;
}
.tk-btnviewpro a {
height: 40px;
}
.tk-btnviewpro a i {
display: inline-block;
font-size: 20px;
}
.tk-btnviewpro .tk-btn-solid-lg, .tk-btnviewpro .tk-btn-solid-lg-lefticon {
flex: 1;
}
.tl-proliked {
background: #EF4444;
color: #ffffff;
}
.tl-proliked:hover {
background: #EF4444;
color: #ffffff;
}
.tb-online, .tb-offline, .tb-away, .tb-busy {
position: relative;
}
.tb-online:before, .tb-offline:before, .tb-away:before, .tb-busy:before {
content: "";
position: absolute;
background-color: #22C55E;
width: 10px;
height: 10px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 6px white;
box-shadow: 0 0 0 6px white;
right: 8px;
top: 8px;
}
.tb-offline:before {
background-color: #DDDDDD;
}
.tb-away:before {
background-color: #ff385c;
}
.tb-busy:before {
background-color: #F97316;
}
.tb-usertag {
position: absolute;
background-color: #22C55E;
width: 8px;
height: 8px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 4px #ffffff;
box-shadow: 0 0 0 4px #ffffff;
left: 0;
top: auto;
bottom: 0;
}
.tb-usertag:before {
content: none;
}
.tb-usertag.tb-away {
background-color: #EAB308;
}
.tb-usertag.tb-busy {
background-color: #F97316;
}
.tb-usertag.tb-offline {
background-color: #DDDDDD;
}
.tb-freeprostatus {
justify-content: flex-start;
align-items: center;
margin: 0 0 20px;
gap: 15px;
}
.tb-freeprostatus .tk-project-price {
padding: 0;
}
.tb-freeprostatus figure {
max-width: 82px;
margin: 0;
}
.tb-freeprostatus figure img {
width: 100%;
border-radius: 10px;
}
.tk-blogviewdatesmd li {
line-height: 24px;
}
.tk-blogviewdatesmd li i {
font-size: 16px;
}
.tk-blogviewdatesmd li em {
font-weight: 600;
font-size: 14px;
color: #0a0f26;
}
.tk-blogviewdatesmd li span {
font-size: 14px;
color: #999999;
}
.tk-freelanlist {
padding: 30px;
border: 1px solid #eeeeee;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
border-radius: 10px;
background: #ffffff;
margin: 0 0 24px;
}
.tk-errorpage {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.tk-errorpage figure {
margin: 0 0 60px;
max-width: 506px;
}
.tk-errorpage figure img {
width: 100%;
}
.tk-errorpage .tk-formsearch {
width: 100%;
margin: 30px 0 0;
border: 0;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 16px 24px rgba(0, 0, 0, 0.08);
border-radius: 0;
}
.tk-errorpage .tk-notfound-title {
max-width: 856px;
margin: 0 auto;
}
.tk-errorpage .tk-notfound-title h4 {
font-weight: 600;
color: #64748B;
}
.tk-errorpage .tk-notfound-title h2 {
display: inline-block;
position: relative;
padding: 0 0 20px;
}
.tk-errorpage .tk-notfound-title h2::after {
position: absolute;
content: "";
width: 100px;
height: 3px;
background: #ff385c;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.tk-errorpage .tk-notfound-title p {
max-width: 95%;
margin: 20px auto 0 auto;
}
.tk-errorpage .tk-description {
margin: 30px 0 0;
}
.tk-errorpage .tk-description p {
margin: 0;
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #0a0f26;
}
.tk-errorpage .tk-description p a {
font-weight: 600;
}
.tk-custom-dropdown {
width: 100%;
display: block;
position: relative;
}
.tk-custom-dropdown > span {
width: 100%;
height: 48px;
display: flex;
flex-wrap: wrap;
cursor: pointer;
font-weight: 600;
color: #999999;
position: relative;
border-radius: 4px;
align-items: center;
padding: 0 20px 0 20px;
}
.tk-custom-dropdown > span::after {
right: 16px;
z-index: 1;
font-size: 20px;
content: "";
color: #999999;
position: absolute;
pointer-events: none;
font-family: "icomoon";
}
.tk-title-wrapper h5 {
margin-top: 6px;
font-weight: 500;
margin-bottom: 0;
}
.tk-section-frequently h2 {
margin-top: 6px;
max-width: 310px !important;
}
.tk-faq-search {
padding-bottom: 60px;
max-width: 830px;
margin: 0 auto;
}
.tk-faq-search .tk-maintitle {
padding-bottom: 0;
}
.tk-blue-clr {
color: #3377FF !important;
}
.tk-faq_input .tk-inputappend {
margin: 0 auto;
max-width: 856px;
padding-left: 22px;
}
.tk-faq_input .tk-inputappend .form-control {
border: 0;
padding-left: 18px;
}
.tk-faq_input .tk-inputappend > i {
font-size: 20px;
display: inline-flex;
color: #999;
}
.tk-faq_input .tk-placeholder {
left: 19px;
}
.tk-faq_input .tk-placeholderholder {
width: auto;
flex: auto;
}
.tk-inputappend {
width: 100%;
padding: 14px 14px 14px 20px;
display: flex;
align-items: center;
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-acoridan_title h3 {
margin-bottom: 0;
padding-bottom: 20px;
font: 700 1.75rem/1.3571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #0a0f26;
}
.tk-accordion {
padding-left: 0;
}
.tk-accordion li {
border-radius: 10px;
list-style-type: none;
cursor: pointer;
background-color: #FFFFFF;
margin-bottom: 20px;
}
.tk-accordion li:last-child {
margin-bottom: 0;
}
.tk-accordion_title {
position: relative;
align-items: center;
padding: 20px 30px;
}
.tk-accordion_title[aria-expanded="true"]:after {
content: "";
}
.tk-accordion_title:after {
content: "";
font-family: "icomoon" !important;
position: absolute;
right: 30px;
font-size: 20px;
top: 20px;
}
.tk-accordion_title h5 {
margin-bottom: 0;
font: 700 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ff385c;
padding: 0 30px 0 0;
}
.tk-accordion_info {
cursor: default;
padding: 10px 30px 20px;
}
.tk-accordion_info p {
margin: 0;
}
.tk-accordion_info p ~ p {
padding-top: 7px;
}
.tk-accordion_infov2 p {
margin: 0;
font: 400 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-themeinputv2::placeholder {
font: 400 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
}
.tk-faqsslider {
filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, 0.04)) drop-shadow(0px 3px 16px rgba(0, 0, 0, 0.04));
}
.tk-faqsslider .splide__arrows .splide__arrow--prev {
left: -64px;
}
.tk-faqsslider .splide__arrows .splide__arrow--next {
right: -64px;
}
.tk-faqsslider ul {
padding: 0;
}
.tk-faqsslider ul li {
list-style: none;
}
.tk-faq-category {
background-color: #ffffff;
padding: 40px 0;
min-width: 254px;
justify-content: center;
text-align: center;
position: relative;
}
.tk-faq-category figure {
margin-bottom: 0;
}
.tk-faq-category figure img {
margin: 0 auto;
}
.tk-faq-category:after {
content: "";
position: absolute;
width: 0;
height: 3px;
left: 0;
bottom: 0;
background-color: #ffd101;
}
.tk-faq-category:hover::after, .tk-faq-category-active::after {
width: 100%;
}
.tk-slider-section .tk-maintitle {
padding-bottom: 20px;
}
.tk-question-section {
padding: 40px;
align-items: center;
margin-bottom: 80px;
border-radius: 10px;
background-color: #0A1833;
justify-content: space-between;
}
.tk-faq-search_title h5 {
color: white;
margin: 0;
}
.tk-faq-search_title h2 {
color: #ff385c;
margin: 0;
}
.tk-question_desc {
padding-top: 20px;
max-width: 592px;
}
.tk-question_desc p {
color: white;
margin-bottom: 0;
}
.tk-faq-question-section {
padding: 80px 0 40px 0 !important;
}
.tk-faq-question-section .tk-accordion_title, .tk-faq-question-section .tk-accordion_info {
background-color: #ffffff;
}
.tk-submitquestion .tk-placeholderholder {
flex-wrap: wrap;
}
.tk-submitquestion .tk-placeholderholder .tk-required {
width: 100%;
}
.tk-submitquestion .tk-form-checkbox {
padding: 0;
flex-wrap: wrap;
}
.tk-submitquestion .tk-form-checkbox .tk-required:after {
line-height: 24px;
}
.tk-submitquestion .tk-form-checkbox .text-danger {
width: 100%;
}
.tk-submitquestion .tk-btn-solid-lg span:not(.tk-waiting), .tk-submitquestion .tk-btn-solid-lg-lefticon span:not(.tk-waiting) {
gap: 10px;
display: flex;
align-items: center;
}
.tk-submitquestion .tk-btn-solid-lg span:not(.tk-waiting) i, .tk-submitquestion .tk-btn-solid-lg-lefticon span:not(.tk-waiting) i {
padding: 0;
}
.tk-faq-acordian .tk-accordion_title:after {
top: 50%;
line-height: 24px;
margin-top: -12px;
}
.tk-faq-acordian .tk-accordion_title {
padding: 20px;
border-radius: 4px;
}
.tk-faq-acordian .tk-accordion_info {
padding: 0 20px 20px;
}
.page-terms-condition .tk-section-frequently, .page-privacy-policy .tk-section-frequently {
flex-direction: column;
}
.page-terms-condition .tk-section-frequently h2, .page-privacy-policy .tk-section-frequently h2 {
max-width: 100%;
}
.page-terms-condition .tk-section-frequently .tk-section_title, .page-privacy-policy .tk-section-frequently .tk-section_title {
max-width: 100%;
}
.page-home-eight .pb-themesection:has(.tk-clients-section) {
background: #ffffff;
position: relative;
z-index: 99;
}
.tk-title-centerv2 {
margin: 0 auto;
text-align: center;
padding-bottom: 40px;
}
.tk-title-centerv2 .tk-main-description p {
padding-top: 20px;
}
header + .tk-bannerv5 {
padding: 100px 0 0;
margin-top: -100px !important;
}
.tk-bannerv5 {
z-index: 1;
margin: 0 -12px;
position: relative;
background-image: url("./../../images/img-01.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0 0 0;
}
.tk-bannerv5::before {
left: 0;
bottom: 0;
z-index: 2;
content: "";
width: 100%;
height: 124px;
position: absolute;
pointer-events: none;
background-color: #fff;
}
.tk-bannerv5::after {
top: 0;
left: 0;
content: "";
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.8;
position: absolute;
background-color: #0A1833;
}
.tk-bannerv5 .tk-bannerv3_title {
text-align: left;
}
.tk-maintitlev2 > span {
display: block;
color: #64748B;
letter-spacing: 0.5px;
font: 600 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-maintitlev2 h2 {
margin: 0;
position: relative;
padding-bottom: 23px;
}
.tk-maintitlev2 h2:after {
left: 50%;
bottom: 0;
height: 3px;
content: "";
width: 100px;
margin-left: -50px;
position: absolute;
border-radius: 10px;
background-color: #ff385c;
}
.tk-category_title {
margin: 0 0 30px;
}
.tk-category_title h5 {
margin: 0;
}
.tk-category_title h3 {
margin: 0;
}
.tk-category_list > ul {
padding: 0;
list-style: none;
margin: -12px;
}
.tk-category_list > ul > li {
width: 100%;
padding: 12px;
max-width: 25%;
line-height: inherit;
display: inline-block;
list-style-type: none;
}
.tk-category_item:hover .tk-category_img img {
opacity: 0.6;
}
.tk-category_img {
margin: 0;
border-radius: 6px;
background-color: #000000;
}
.tk-category_img img {
width: 100%;
width: 100%;
height: 200px;
display: block;
object-fit: cover;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
.tk-category_info {
margin-top: 20px;
}
.tk-category_info h5 {
margin: 0;
}
.tk-category_info span {
color: #999999;
display: block;
}
.tk-category_childlist {
padding: 0;
margin: 10px 0 0;
}
.tk-category_childlist li {
list-style-type: none;
border-radius: 10px;
}
.tk-category_childlist li span {
color: #1C1C1C;
}
.tk-category_childlist li em {
color: #676767;
}
.tk-category_childlist li > a {
gap: 0 20px;
display: flex;
font-size: 16px;
padding: 10px 20px;
align-items: center;
color: #1C1C1C;
justify-content: space-between;
}
.tk-category_childlist li > a i {
display: none;
font-size: 1.125rem;
color: #1c1c1c;
}
.tk-category_childlist li.tk-explore-features {
padding: 10px 20px 0;
}
.tk-category_childlist li.tk-explore-features strong {
display: block;
}
.tk-category_childlist li.tk-explore-features strong a {
display: block;
color: #1da1f2;
font: 600 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-category_childlist li.tk-explore-features:hover {
background-color: #ffffff;
}
.tk-category_childlist li:hover {
background-color: #FFFFFF;
}
.tk-category_childlist li:hover em {
display: none;
}
.tk-category_childlist li:hover > a i {
display: inline-flex;
}
.tk-btn2-wrapper {
width: 100%;
margin: 40px 0 0;
text-align: center;
}
.tk-main-sectionv2 {
padding-top: 80px;
}
.tk-main-sectionv2 .tk-main-title-holder {
display: flex;
flex-wrap: wrap;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-maintitle {
position: relative;
padding-bottom: 23px;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-maintitle h3 {
color: #64748B;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-maintitle :after {
left: 0;
bottom: 0;
content: "";
height: 3px;
width: 100px;
position: absolute;
border-radius: 10px;
background: #ffd101;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper {
width: auto;
margin: 0;
margin-left: auto;
align-self: flex-end;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper .tk-sectionbtn {
z-index: 1;
padding: 11px 24px;
align-items: center;
display: inline-flex;
position: relative;
border-radius: 4px;
color: white;
background: #ff385c;
font: 700 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper .tk-sectionbtn:hover:before {
transform: scale(1);
}
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper .tk-sectionbtn:before {
top: 0;
left: 0;
width: 100%;
z-index: -1;
content: "";
height: 100%;
border-radius: 4px;
position: absolute;
transform: scale(0);
background: rgba(0, 0, 0, 0.1);
}
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper .tk-sectionbtn i {
font-size: 20px;
margin-left: 10px;
}
.tk-featured-listing {
padding-left: 0;
}
.tk-featured-listing > li {
position: relative;
list-style-type: none;
border-radius: 10px;
border: 1px solid #eeeeee;
}
.tk-featured-listing > li:hover {
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-featured-listing > li :hover .tb-login-seller {
background: #FCCF14 !important;
}
.tk-featured-listing > li + li {
margin-top: 10px;
}
.tk-featured-listing > li .tk-price-holder {
padding: 29px 30px;
}
.tk-featured-listing > li .tk-verified-info h5 {
font: 700 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #1C1C1C !important;
}
.tk-featured-listing .tk-price h4 {
color: #0a0f26;
font: 700 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-featured-listing .tk-price .tb-login-seller {
opacity: 1;
height: 40px;
margin: 10px 0 0;
line-height: 40px;
display: inline-block;
color: #1C1C1C;
border-radius: 4px;
cursor: pointer;
padding: 0 24px;
background: #F7F7F7;
transition: all 0.3s ease-in-out;
}
.tk-featured-listing .tk-price .tb-login-seller:hover {
background: #fdd943 !important;
}
.tk-banner-content {
padding: 90px 0 181px;
}
.tk-bannerv5 .tk-bannerv3_title {
text-align: left;
}
.tk-bannerv5_title {
color: #ffffff;
text-align: center;
}
.tk-bannerv5_title h1 {
margin-bottom: 10px;
color: inherit;
}
.tk-bannerv5_title h1 span {
padding-left: 10px;
}
.tk-bannerv5_title p {
margin: 20px 0 0;
}
.tk-bannerv3 {
z-index: 1;
position: relative;
margin-top: -100px;
padding: 180px 0 80px;
background-color: #0A1833;
}
.tk-bannerv3_title {
color: white;
text-align: center;
}
.tk-bannerv3_title h1 {
margin-bottom: 10px;
color: inherit;
}
.tk-bannerv3_title h1 span {
padding-left: 10px;
}
.tk-bannerv3_title strong {
letter-spacing: 0.5px;
}
.tk-bannerv3_title p {
margin: 20px 0 0;
}
.tk-yellow-clr {
color: #ff385c;
}
.tk-themebanner_list {
margin: -12px;
padding: 30px 0 0;
align-items: center;
}
.tk-themebanner_list li {
padding: 12px;
list-style: none;
line-height: inherit;
}
.tk-themebanner_list li a.tk-btn-solid-white:hover {
color: #1C1C1C !important;
}
.tk-themebanner_list li a.tk-btn-solid-white i {
font-size: 1.25rem;
}
.tk-btn-solid-white {
gap: 10px;
z-index: 0;
color: #1C1C1C;
font-weight: 600;
position: relative;
padding: 11px 24px;
border-radius: 4px;
align-items: center;
line-height: 1.625em;
display: inline-flex;
justify-content: center;
background-color: #ffffff;
}
.tk-linestyle {
display: flex;
align-items: center;
}
.tk-linestyle span {
color: #ffffff;
padding-left: 10px;
letter-spacing: 0.5px;
font: 400 1rem/1.1875em "Gochi Hand", sans-serif;
}
.tk-counter {
padding-left: 0;
margin-top: 30px;
}
.tk-counter li {
list-style: none;
}
.tk-counter li h4 {
margin: 0;
color: #ff385c;
}
.tk-counter li h6, .tk-counter li .tk-verified-info > a, .tk-counter li .tk-verified-info strong, .tk-verified-info .tk-counter li strong {
margin: 0;
color: white;
font-weight: 600;
}
.tk-counter li + li {
padding-left: 24px;
margin-left: 24px;
border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.tk-talents-search {
z-index: 99;
position: relative;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-talents-search_title {
padding: 30px;
}
.tk-talents-search_title h4 {
margin-bottom: 6px;
}
.tk-talents-search_title p {
margin-bottom: 0;
}
.tk-talents-search_content {
padding: 29px 30px 30px;
border-top: 1px dashed #DDDDDD;
}
.tk-talents-search_content .tk-label {
width: 100%;
font-weight: 700;
}
.tk-themeform .tk-inputicon .form-control {
padding-left: 49px;
}
.tk-themeform .tk-inputicon .form-control ::-webkit-outer-spin-button, .tk-themeform .tk-inputicon .form-control ::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.tk-selecthas-icon i {
z-index: 1;
left: 20px;
color: #999999;
line-height: 1;
font-size: 20px;
position: absolute;
}
.tk-selecthas-icon .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0 50px;
}
.tk-rangeslider-wrapper {
width: 100%;
}
.tk-rangeslider-wrapper .tk-rangevalue {
margin-top: 10px;
}
.tk-rangeslider-wrapper .tk-rangevalue .tk-areasizebox {
gap: 10px;
flex-wrap: nowrap;
}
.tk-rangeslider-wrapper .tk-rangevalue .tk-areasizebox .form-control {
max-width: 100%;
}
.tk-rangeslider-two {
width: 100%;
height: 64px;
padding: 20px;
margin-top: 0;
display: flex;
box-shadow: none;
border-radius: 10px;
align-items: center;
background: #FFFFFF;
justify-content: center;
}
.tk-rangeslider-two .noUi-base, .tk-rangeslider-two .noUi-connects {
height: 4px;
}
.noUi-horizontal .noUi-handle {
right: -12px;
width: 24px;
height: 24px;
top: 0px;
background: #ffffff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tk-rangevalue {
display: flex;
flex-direction: column;
}
.tk-rangevalue .form-control {
display: flex;
align-items: center;
justify-content: center;
}
.noUi-handle {
top: 1px;
outline: none;
border-radius: 50%;
background: #63d594;
border: 2px solid #ffffff;
transform: translateY(-50%);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
.noUi-connect {
background: #22C55E;
}
.noUi-handle:after, .noUi-handle:before {
content: none;
}
.tk-distanceholder .tk-distance {
width: 100%;
box-shadow: none;
background-color: transparent;
}
.tk-distanceholder .tk-btnholder .tk-btn {
min-width: 60px;
height: 36px;
font-size: 14px;
}
.tk-areasizebox {
width: 100%;
justify-content: space-between;
flex-wrap: nowrap;
gap: 10px;
}
.tk-areasizebox .form-control {
background: #ffffff;
max-width: 148px;
}
.tk-rangeslider {
width: 100%;
margin: 17px 0 0;
box-shadow: none;
padding: 31px 20px;
background: #ffffff;
border-radius: 10px;
border: 1px solid #eeeeee;
}
.noUi-connects {
height: 4px;
background: #DDDDDD;
border-radius: 60px 0px 0px 60px;
}
.noUi-base, .noUi-connects {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
}
.noUi-connect, .noUi-origin {
top: 0;
right: 0;
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
transform-origin: 0 0;
transform-style: flat;
will-change: transform;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
}
.noUi-horizontal .noUi-handle {
top: 2px;
border: 0;
width: 24px;
height: 24px;
cursor: pointer;
background: #22C55E;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.noUi-connects {
background: #ddd !important;
border-radius: 60px 0px 0px 60px !important;
height: 4px !important;
}
.tk-searchbtn a {
width: 100%;
}
.tk-experince-section {
margin: 0 -12px;
background-repeat: no-repeat;
background-size: cover;
}
.tk-ourexperience {
z-index: 1;
position: relative;
}
.tk-ourexperience::after {
top: 0;
left: 0;
content: "";
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.8;
position: absolute;
background-color: #0A1833;
}
.tk-ourexperience .tk-maintitle-two h2, .tk-ourexperience .tk-maintitle-two span {
color: white;
}
.tk-ourexperience .tk-store-content {
margin: 30px 0 0;
gap: 20px;
}
.tk-ourexperience .tk-appcompat {
margin: 30px 0 0;
}
.tk-ourexperience .tk-appcompat h6, .tk-ourexperience .tk-appcompat .tk-verified-info > a, .tk-ourexperience .tk-appcompat .tk-verified-info strong, .tk-verified-info .tk-ourexperience .tk-appcompat strong {
color: white;
display: flex;
}
.tk-ourexperience .tk-appcompat h6 i, .tk-ourexperience .tk-appcompat .tk-verified-info > a i, .tk-ourexperience .tk-appcompat .tk-verified-info strong i, .tk-verified-info .tk-ourexperience .tk-appcompat strong i {
flex: none;
color: white;
font-size: 24px;
}
.tk-ourexperience .tk-sectionapptitle {
padding: 80px 0;
flex-direction: column;
}
.tk-ourexperience .tk-appiamge {
margin: -20px 0 !important;
}
.tk-ourexperience .tk-appiamge img {
width: 100%;
display: block;
margin: -30px 0;
transform: translatey(0px);
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
.tk-maintitle-two > span {
font-weight: 600;
color: #64748B;
letter-spacing: 0.5px;
}
.tk-maintitle-two h2 {
margin-bottom: 0;
}
.tk-maintitle-two h2 > span {
position: relative;
display: inline-block;
}
.tk-maintitle-two::after {
content: "";
height: 3px;
width: 100px;
display: block;
margin-top: 20px;
border-radius: 10px;
background: #ff385c;
}
.tk-sectionapptitle .tk-main-description {
padding-top: 20px;
}
.tk-sectionapptitle .tk-main-description p {
color: white;
}
.tk-appcompat {
margin: 20px 0 0;
}
.tk-appcompat i {
font-size: 24px;
color: #adc9ff;
line-height: 24px;
padding-right: 10px;
display: inline-block;
vertical-align: middle;
}
.tk-appcompat h6, .tk-appcompat .tk-verified-info > a, .tk-appcompat .tk-verified-info strong, .tk-verified-info .tk-appcompat strong {
margin: 0;
color: #ff385c;
}
.tk-appcompat span {
color: #ffffff;
}
.at-cross-icon i {
font-size: 24px;
}
.tk-main-section-two {
padding: 80px 0;
}
.tk-sectionclr-holder {
padding: 80px 0;
position: relative;
z-index: 1;
}
.tk-sectionclr-holder::after {
content: "";
width: 100%;
height: 100%;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #0A1833;
opacity: 0.8;
}
.tk-sectionclr-holder .tk-main-title-holder {
color: white;
}
.tk-sectionclr-holder .tk-main-title-holder h5, .tk-sectionclr-holder .tk-main-title-holder h2 {
color: inherit;
}
.tk-hiring-process {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.tk-hiring-process h2 {
max-width: 511px;
margin: 0 auto;
}
.tk-hiring-process .tk-main-title-holder {
padding-bottom: 30px;
}
.tk-mainlist-two a.tk-btn-plain {
border: 2px solid #ffffff;
color: #ffffff !important;
}
.tk-hiring-vidobtn {
position: relative;
margin: 0 auto 30px;
display: inline-block;
animation-name: ripple;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-fill-mode: both;
border-radius: 50%;
}
.tk-hiring-vidobtn i {
width: 100px;
height: 100px;
display: flex;
color: #ffffff;
font-size: 20px;
border-radius: 50%;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.4);
border: 3px solid #ff385c;
}
.tk-hiring-vidobtn:after, .tk-hiring-vidobtn:before {
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
}
.tk-hiring-vidobtn:before {
animation: pulset 2s infinite;
}
.tk-hiring-vidobtn:after {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 56, 92, 0.5);
}
70% {
box-shadow: 0 0 0 10px rgba(255, 56, 92, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 56, 92, 0);
}
}
@keyframes pulset {
0% {
box-shadow: 0 0 0 0 rgba(255, 56, 92, 0.5);
}
70% {
box-shadow: 0 0 0 20px rgba(255, 56, 92, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 56, 92, 0);
}
}
.tk-opportunities-sec .tk-motivation_img {
padding-right: 43px;
}
.tk-opportunities-sec .tk-maintitle h2 {
max-width: 500px;
}
.hiring-process-block__5 {
background-size: cover;
}
.tk-opportunities-sec, .tk-projectsection, .tk-categoriessection {
background-color: #ffffff;
}
.tk-opportunity-main {
background: transparent;
}
.tk-opportunity-main.tk-main-section {
padding: 80px 0;
}
.tk-topcategory h2 {
margin: 0 auto;
text-align: center;
margin-bottom: 20px;
}
.tk-topcategory p {
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
}
.tk-topcategory-list {
margin: 0;
gap: 24px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(306px, 1fr));
}
@media (max-width: 767px) {
.tk-topcategory-list {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
}
@media (max-width: 480px) {
.tk-topcategory-list {
grid-template-columns: auto;
}
}
.tk-topcategory-list li {
list-style: none;
}
.tk-topcategory-card {
padding: 74px 23px 74px 23px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #eee;
border-radius: 20px 20px 20px 20px;
text-align: center;
height: 100%;
}
.tk-topcategory-card img {
margin-bottom: 20px;
}
.tk-topcategory-card h3 {
margin-bottom: 4px;
color: #1e1e1e;
font-size: 18px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0px;
}
.tk-topcategory-card p {
color: rgba(30, 30, 30, 0.8);
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
margin: 0;
}
.tk-topcategory-card .tk-btn-primary {
margin-top: 20px;
height: 42px;
}
.tk-experience-list {
margin: 0;
gap: 24px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 24px), 1fr));
}
@media (max-width: 991px) {
.tk-experience-list {
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 24px), 1fr));
}
}
@media (max-width: 767px) {
.tk-experience-list {
grid-template-columns: repeat(auto-fill, minmax(calc(100%), 1fr));
}
}
@media (max-width: 575px) {
.tk-experience-list {
grid-template-columns: auto;
gap: 0;
}
}
.tk-experience-list li {
list-style: none;
}
.tk-experience-list li ~ li {
border-style: solid;
border-width: 0px 0 0px 1px;
border-color: #eee;
}
@media (max-width: 991px) {
.tk-experience-list li ~ li {
border-width: 0px 0 0px 0;
}
}
.tk-experience-card {
padding: 15px 30px;
text-align: center;
height: 100%;
}
.tk-experience-card img {
margin-bottom: 20px;
}
.tk-experience-card h3 {
margin-bottom: 4px;
color: #1e1e1e;
font-size: 18px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0px;
}
.tk-experience-card p {
color: rgba(30, 30, 30, 0.8);
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
margin: 0;
}
.tk-experience-card .tk-btn-primary {
margin-top: 20px;
height: 42px;
}
.tk-topcategory-cardvtwo {
border: 0;
background-color: #FEF0C7;
}
.tk-experience-section {
position: relative;
}
.tk-topcategory-section, .tk-experience-section {
padding: 100px 0px;
}
@media (max-width: 991px) {
.tk-topcategory-section, .tk-experience-section {
padding: 50px 0px;
}
}
.tk-main-wrapper:has(.page-home-eleven) {
overflow: hidden;
position: relative;
}
.tk-main-wrapper:has(.page-home-eleven)::after {
content: "";
z-index: -1;
width: 600px;
max-width: 600px;
background-color: transparent;
background-image: radial-gradient(at center center, rgba(51, 172, 55, 0.6392156863) 0%, rgba(242, 41, 91, 0) 75%);
position: absolute;
top: -200px;
left: 0;
display: block;
height: 400px;
filter: blur(150px);
animation: 10s linear infinite run;
}
@keyframes run {
0% {
left: 0;
}
50% {
left: calc(100% - 600px);
}
100% {
left: 0;
}
}
.tk-ongoing-hourly {
color: #ffffff;
background-color: #22C55E;
}
.tk-ongoing-feature {
color: #1C1C1C;
background-color: #FDD943;
}
.tk-btn-solid-bg-blue {
color: #ffffff;
}
.tk-tabs {
padding-top: 30px;
}
.tk-tabs ul {
border: none;
}
.tk-nav-link-button {
font-size: 15px;
font-weight: 600;
line-height: 24px;
padding: 15px 20px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: rgba(0, 0, 0, 0.8);
border-radius: 10px 10px 0 0 !important;
}
.tk-nav-link-button i {
color: #999999;
margin-right: 7px;
}
.tk-nav-link-button span {
font-size: 14px;
font-weight: 400;
margin-left: 6px;
line-height: 24px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: rgba(0, 0, 0, 0.4);
}
.tk-nav-link-button:hover {
color: rgba(0, 0, 0, 0.8);
border: 1px solid transparent !important;
}
.tk-tab-content {
padding: 30px;
border-radius: 10px;
background-color: #ffffff;
border: 1px solid #DDDDDD;
}
.tk-tab-content-heading {
color: #0a0f26;
font-size: 18px;
margin-bottom: 0;
font-weight: 600;
line-height: 26px;
letter-spacing: 0.5px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-tab-content-list {
gap: 10px;
margin: 0;
padding: 0;
display: flex;
margin: 20px 0;
align-items: center;
}
.tk-tab-content-list li {
line-height: inherit;
}
.tk-tab-content-list li a {
color: #0a0f26;
font-size: 12px;
font-weight: 700;
line-height: 24px;
padding: 7px 13px;
border-radius: 3px;
letter-spacing: 0.5px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
background-color: #FFFFFF;
border: 1px solid #eeeeee;
}
.tk-tab-content-list .active a {
color: #ffffff;
background-color: #3377FF;
}
.tk-candidate-table {
border-radius: 10px;
border: 1px solid #DDDDDD;
}
.tk-tab-table {
margin: 0;
}
.tk-tab-table tr:nth-child(odd) {
background-color: #FFFFFF;
}
.tk-tab-table tr:nth-child(1) {
background-color: #FFFFFF;
border-radius: 10px 10px 0 0;
}
.tk-table-row {
width: 100%;
display: flex;
padding: 14px 10px;
align-items: center;
justify-content: space-between;
}
.tk-table-row th {
width: 15%;
border: none;
line-height: 1;
padding: 0 10px;
text-align: left;
}
.tk-table-row th h5 {
color: #0a0f26;
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
line-height: 26px;
letter-spacing: 0.5px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-table-row th em {
color: #0a0f26;
display: block;
font-size: 13px;
margin-bottom: 0;
font-weight: 400;
line-height: 22px;
font-style: normal;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-table-row th h6, .tk-table-row th .tk-verified-info > a, .tk-table-row th .tk-verified-info strong, .tk-verified-info .tk-table-row th strong {
color: #0a0f26;
font-size: 15px;
margin-bottom: 0;
font-weight: 400;
line-height: 24px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-table-row th p {
color: #0a0f26;
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
line-height: 24px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-table-row th span {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #64748B;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-items-colors {
gap: 10px;
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.tk-items-colors li {
display: flex;
position: relative;
align-items: center;
}
.tk-items-colors li::after {
top: auto;
height: 2px;
width: 10px;
content: "";
right: -10px;
display: block;
text-align: center;
position: absolute;
background-color: #999999;
}
.tk-items-colors li:nth-last-child(1)::after {
display: none;
}
.tk-items-colors li a {
width: 18px;
color: #ffffff;
display: block;
font-size: 10px;
font-weight: 400;
line-height: 18px;
border-radius: 50%;
text-align: center;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
background-color: #999999;
}
.tk-like-thumb {
width: 30px;
height: 30px;
display: flex;
position: inherit;
border-radius: 6px;
align-items: center;
background: #FFFFFF;
justify-content: center;
}
.tk-like-thumb i {
color: #999999;
}
.tk-liked-thumb {
background-color: #22C55E;
}
.tk-liked-thumb i {
color: #ffffff;
}
.tk-unlike-thumb {
background-color: #EF4444;
}
.tk-unlike-thumb i {
color: #ffffff;
}
.tk-comment-inbox {
width: 30px;
height: 30px;
display: flex;
position: inherit;
border-radius: 6px;
align-items: center;
background: #FFFFFF;
justify-content: center;
}
.tk-comment-inbox i {
color: #999999;
}
.tk-commented-inbox {
background-color: #1da1f2;
}
.tk-commented-inbox i {
color: #ffffff;
}
.tk-download-icon {
width: 30px;
height: 30px;
display: flex;
position: inherit;
border-radius: 6px;
align-items: center;
justify-content: center;
background-color: #1da1f2;
}
.tk-download-icon i {
color: #ffffff;
}
.tk-bg-red a {
background-color: #EF4444 !important;
}
.tk-bg-red::after {
background-color: #EF4444 !important;
}
.tk-bg-yellow a {
background-color: #EAB308 !important;
}
.tk-bg-yellow::after {
background-color: #EAB308 !important;
}
.tk-bg-blue a {
background-color: #1da1f2 !important;
}
.tk-bg-blue::after {
background-color: #1da1f2 !important;
}
.tk-bg-orange a {
background-color: #F97316 !important;
}
.tk-bg-orange::after {
background-color: #F97316 !important;
}
.tk-bg-grey a {
background-color: #64748B !important;
}
.tk-bg-grey::after {
background-color: #64748B !important;
}
.tk-bg-green a {
background-color: #22C55E !important;
}
.tk-bg-green::after {
background-color: #22C55E !important;
}
.tk-bootstraps-tabs {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-seller-list {
margin-top: 18px;
flex-wrap: nowrap;
margin-bottom: -1px;
}
.tk-seller-list .tk-notification {
display: inline-block;
}
.tk-scetiondb {
padding: 80px 0;
background-color: #FFFFFF;
min-height: 100vh;
}
.tk-scetiondb > .tk-scetiondb {
padding: 0;
min-height: auto;
background: transparent;
}
.tk-seller-item {
position: relative;
font: 600 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
text-align: right;
color: rgba(0, 0, 0, 0.8);
}
.tk-seller-item a {
font-size: 14px;
font-weight: 600;
line-height: 24px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: rgba(0, 0, 0, 0.8);
border-radius: 10px 10px 0 0 !important;
padding: 12px 20px;
display: inline-flex;
align-items: center;
}
.tk-seller-item a i {
display: inline-block;
font-size: 16px;
color: #999999;
margin-right: 7px;
}
.tk-seller-item a.active {
background-color: #F7F7F7;
border: 1px solid #dddddd;
border-radius: 4px 4px 0px 0px !important;
border-bottom: 0;
}
.tk-seller-list .nav-tabs .nav-link.active {
background-color: #F7F7F7;
border-color: #dddddd;
border-bottom: 1px solid #F7F7F7;
border-radius: 4px 4px 0px 0px !important;
}
.tk-seller-list .nav-tabs .nav-link.active:hover {
border-color: #dddddd !important;
border-bottom: 1px solid #F7F7F7 !important;
border-radius: 4px 4px 0px 0px !important;
}
.tk-notification::after {
position: absolute;
content: " ";
width: 5px;
height: 5px;
right: 10px;
border-radius: 50%;
top: 10px;
background: #EF4444;
}
.tk-tabs-button {
padding: 8px 14px;
width: 162px;
height: 38px;
background: #ff385c;
border-radius: 4px;
font: 600 0.8125rem/1.6923076923em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: white;
display: inline-flex;
align-items: center;
justify-content: center;
}
.tk-tabs-button:hover {
color: white;
}
.tk-tabs-button i {
font-size: 16px;
display: inline-block;
margin-left: 6px;
}
.tk-nav-link-button {
border-radius: 4px 4px 0 0;
}
.tk-seller-content {
background-color: #FFFFFF;
}
.tk-tabs-links {
margin-bottom: 20px;
padding: 20px 0;
display: flex;
align-items: center;
}
.tk-tabs-links a {
color: rgba(0, 0, 0, 0.6);
}
.tk-tabs-links span {
color: rgba(0, 0, 0, 0.6);
}
.tk-tabs-links .active {
color: #3377FF;
}
.tk-tabs-links i {
color: rgba(0, 0, 0, 0.4);
margin: 0 8px;
}
.tk-seller-counter-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: -10px;
}
.tk-seller-counter-list li {
width: 100%;
padding: 10px;
max-width: 33.33%;
position: relative;
list-style-type: none;
}
.tk-seller-counter-list li::after {
content: " ";
height: 10px;
left: 20px;
width: calc(100% - 40px);
position: absolute;
background: #ffffff;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #eeeeee;
box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.03);
border-radius: 0px 0px 10px 10px;
}
.tk-seller-counter-list li:hover a {
background-color: #ff385c !important;
color: white !important;
}
.tk-seller-counter-list li:hover .tk-icon-watermark i {
right: -20px;
bottom: -30px;
position: absolute;
}
.tk-counter-contant {
width: 100%;
min-height: 138px;
position: relative;
overflow: hidden;
padding: 20px;
background-color: #ffffff;
border: 1px solid #eeeeee;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
border-radius: 10px;
}
.tk-counter-contant h3 {
letter-spacing: 0.5px;
color: #1C1C1C;
margin-bottom: 0;
height: 30px;
}
.tk-counter-contant strong {
display: block;
color: rgba(0, 0, 0, 0.6);
}
.tk-counter-icon-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.tk-counter-icon-button i {
font-size: 24px;
}
.tk-counter-icon-button a {
padding: 4px 12px;
background: #FFFFFF;
border-radius: 4px;
font: 600 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #64748B;
}
.tk-icon-green {
color: #22C55E;
}
.tk-icon-orange {
color: #F97316;
}
.tk-icon-purple {
color: #6366F1;
}
.tk-icon-blue {
color: #1da1f2;
}
.tk-icon-red {
color: #EF4444;
}
.tk-icon-yellow {
color: #EAB308;
}
.tk-icon-gray {
color: #64748B;
}
.tk-seller-graph {
background: #ffffff;
border-radius: 10px;
padding: 0;
}
.tk-dbinvoice .tk-submitreview {
box-shadow: none;
padding: 0;
}
.tk-dbinvoice .tk-submitreview.tk-emptyview {
padding: 120px 30px;
}
.tk-dbinvoice .tb-dhb-mainheading {
padding: 0;
width: 100%;
margin-bottom: 20px;
}
.tk-dbinvoice .tb-dhb-mainheading h2 {
margin: 0;
font: 700 1.375rem/1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif !important;
}
.tk-heading-detail h6, .tk-heading-detail .tk-verified-info > a, .tk-heading-detail .tk-verified-info strong, .tk-verified-info .tk-heading-detail strong {
color: #999999;
margin-bottom: 0;
}
.tk-heading-detail h3 {
letter-spacing: 0.5px;
color: #0a0f26;
margin-bottom: 0;
}
.tk-graph-heading {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-seller-select {
width: 180px;
height: 48px;
}
.tk-seller-aside {
padding: 10px;
border-radius: 9px;
background: #ffffff;
border: 1px solid #eeeeee;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.tk-seller-aside ~ div {
margin: 24px 0 0;
}
.tk-seller-details {
background-image: url(../../images/account-info-bg.png);
border-radius: 10px;
padding: 20px;
padding: 20px;
background-repeat: no-repeat;
min-height: 220px;
background-size: cover;
}
.tk-seller-details h3 {
font: 600 1.125rem/1.6666666667em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ffffff;
padding: 35px 0;
margin-bottom: 0;
}
.tk-seller-details p {
font: 400 0.8125rem/1.6923076923em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ffffff;
margin-bottom: 0;
}
.tk-seller-details h5 {
font: 600 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-bottom: 0;
color: #ffffff;
}
.tk-seller-heading {
display: flex;
align-items: center;
justify-content: space-between;
}
.tk-seller-name h6, .tk-seller-name .tk-verified-info > a, .tk-seller-name .tk-verified-info strong, .tk-verified-info .tk-seller-name strong {
font: 600 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ffffff;
margin-bottom: 0;
}
.tk-seller-logo {
flex: none;
width: 34px;
height: 34px;
background: #fff;
border-radius: 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.tk-seller-logo img {
width: 20px;
height: 20px;
}
.tk-list-detail {
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(115, 87, 251, 0.1);
padding: 14px;
border-radius: 10px;
min-height: 148px;
}
.tk-list-name {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.tk-list-name .tk-list-heading {
margin: 10px 0 0;
}
.tk-aside-list {
list-style-type: none;
margin: -5px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.tk-aside-list li {
width: 50%;
padding: 5px;
border-radius: 10px;
}
.tk-list-heading h5 {
margin: 0;
color: #1C1C1C;
}
.tk-list-icon i {
font-size: 20px;
display: inline-flex;
padding: 10px;
width: 40px;
line-height: 40px;
height: 40px;
background: #ffffff;
border: 1px solid #eeeeee;
border-radius: 50px;
align-items: center;
justify-content: center;
}
.tk-income-detail p {
color: rgba(0, 0, 0, 0.6);
margin-bottom: 0;
}
.tk-list-icon-blue {
color: #7357FB;
}
.tk-list-icon-green {
color: #18B99B;
}
.tk-list-icon-red {
color: #FF6167;
}
.tk-list-icon-yellow {
color: #D9A113;
}
.tk-withdraw-button {
margin-top: 15px;
width: 100%;
padding: 12px 20px;
background: #ff385c;
border-radius: 10px;
text-align: center;
font-weight: 500;
letter-spacing: 0.5px;
color: white;
display: block;
}
.tk-withdraw-button:hover {
color: white;
}
.tk-for-signup {
text-align: center;
color: rgba(0, 0, 0, 0.6);
margin: 15px 0 0 0;
}
.tk-for-signup a {
color: #1da1f2;
margin-right: 5px;
font-weight: 600;
}
.tk-advertisment-img {
text-align: center;
}
.tk-advertisment-img img {
width: 306px;
height: 306px;
}
.tk-icon-watermark i {
position: absolute;
font-size: 110px;
right: -50px;
color: #FFFFFF;
bottom: -50px;
}
.tk-seller-breadcrum {
border-bottom: 1px solid #dddddd;
}
.nav-tabs {
border: none;
}
.tk-headerbottom {
background: white;
border-bottom: 1px solid #dddddd;
}
.tk-bglightgreen {
background: rgba(24, 185, 155, 0.1) !important;
}
.tk-bglightred {
background: rgba(255, 97, 103, 0.1) !important;
}
.tk-bglightblue {
background: rgba(115, 87, 251, 0.1) !important;
}
.tk-bglightwheat {
background: rgba(217, 161, 19, 0.1) !important;
}
.tk-paymentways .tk-project-box {
padding: 20px;
border-radius: 10px;
}
.tk-paymentways .tk-seller-details {
margin: 0 0 14px;
}
.tk-paymentways .tk-withdrawamount ~ h5 {
margin-top: 14px;
}
.tk-paymentways .tk-dbbox {
padding: 20px;
background: #fff;
margin-top: 20px;
border-radius: 10px;
}
.tk-paymentways .tk-dbbox .tk-payoutmethod {
padding: 20px 0 0;
}
.tk-paymentways .tk-dbbox h5 {
margin: 0 -20px;
padding: 0 20px 20px;
}
.tk-radiobox.tk-expanded {
border-radius: 10px 10px 0 0 !important;
}
.tk-payoutmethodvtwo {
gap: 0;
}
.tk-payoutmethodvtwo .tk-radiobox {
border-radius: 10px;
}
.tk-payoutmethodvtwo .form-check-label {
margin: 0 0 0 10px;
}
.tk-payoutmethodvtwo .form-check-label[aria-expanded="true"] .tk-escrow-content {
transform: rotate(90deg);
}
.tk-payoutmethodvtwo .tk-radiobox {
background: #F7F7F7;
}
.tk-payoutmethodvtwo .tk-radiobox ~ .tk-radiobox {
margin-top: 10px;
}
.tk-payoutmethodvtwo [aria-expanded="true"] {
border-radius: 10px 10px 0 0;
}
.tk-payoutmethodvtwo .tb-stepescrow .tk-payment-submenu {
border-radius: 0 0 10px 10px;
border-top: 0;
}
.tk-payoutmethodvtwo .tk-profileform__holder > a {
display: inline-flex;
width: 100%;
text-align: center;
align-items: center;
}
.tk-paymentways .tk-project-box > h5, .tk-paymentways .tk-projectboxinner > h5 {
font: 600 0.875rem/1.7142857143em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-bottom: 10px;
}
.tk-withdrawamount .tk-themeform {
border-radius: 10px;
background: #F7F7F7;
}
.tk-withdrawamount .tk-themeform .tk-inputicon .form-control {
padding-left: 14px;
padding-right: 140px;
}
.tk-withdrawamount .tk-themeform ::-webkit-inner-spin-button {
display: none;
}
.tk-maxlimitt {
position: absolute;
right: 20px;
color: #EF4444 !important;
display: inline-block;
font: 500 0.875rem/1.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-paymentways.tk-project-box {
padding: 0;
border-radius: 10px;
}
.tk-paymentways.tk-project-box > .tk-withdraw-button {
border-radius: 0 0 10px 10px;
margin: 0;
cursor: pointer;
}
.tk-projectboxinner {
padding: 20px;
background: #ffffff;
border-bottom: 0;
border-radius: 10px;
}
.tb-header {
padding: 0;
}
.tb-header .tb-navbarnav > li > a {
padding: 18px 0;
color: #353648;
}
.tb-header .tb-userlogin {
padding: 16px 44px 16px 18px;
background: #F7F7F7;
border-radius: 0 0 10px 10px;
}
.tb-header .tb-userlogin::after {
right: 20px;
top: 50%;
font-size: 18px;
content: "";
padding-left: 5px;
position: absolute;
color: #999999;
font-family: "icomoon";
transform: translate(0%, -50%);
}
.tb-header .tb-userlogin img {
max-width: 44px;
}
.tb-header .tb-userlogin .tk-wallet {
display: flex;
}
.tb-header .tb-userlogin a span {
color: #64748B;
display: inline-flex;
text-align: right;
flex-direction: column;
font: 700 0.8125rem/1.6923076923em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
margin-right: 12px;
line-height: 18px;
}
.tb-header .tb-userlogin a span strong {
color: rgba(0, 0, 0, 0.6);
font: 700 1rem/1.625em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-headervtwo {
padding: 0;
background: #0A1833;
}
.tk-headervtwo .tb-navbarnav > li > a:not(.tk-btn-yellow) {
padding: 18px 0;
color: white;
}
.tk-headervtwo .tb-navbarnav > li .tk-registerbtn {
background: transparent !important;
border: 1px solid #ffffff !important;
}
.tk-headervtwo .tb-userlogin {
background: rgba(255, 255, 255, 0.05);
border-width: 0px 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.14);
padding: 16px 44px 16px 18px;
border-radius: 0;
}
.tk-headervtwo .tb-userlogin::after {
right: 20px;
top: 50%;
font-size: 18px;
content: "";
padding-left: 5px;
position: absolute;
color: white;
font-family: "icomoon";
transform: translate(0%, -50%);
}
.tk-headervtwo .tb-userlogin img {
max-width: 36px;
}
.tk-headervtwo .tb-userlogin .tk-wallet {
display: flex;
}
.tk-headervtwo .tb-userlogin a span {
color: #DDDDDD;
display: inline-flex;
text-align: right;
margin-right: 12px;
flex-direction: column;
font: 500 0.8125rem/1.3846153846em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-headervtwo .tb-userlogin a span strong {
color: #EAB308;
font: 700 0.9375rem/1.3333333333em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tb-tabfiltertitle h5 {
margin: 0 0 16px;
}
.tk-emptyheading {
width: 100%;
margin: 0 0 0;
border-bottom: 1px solid #eee;
}
.tk-emptyheading .tb-tabfiltertitle h5 {
margin: 0;
font: 600 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-submitreviewvtwo {
justify-content: flex-start;
}
.tk-submitreviewvtwo figure img {
width: 70px;
max-width: 70px;
}
.tk-submitreviewvtwo h4 {
font-size: 18px;
}
.tk-emptypayout {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
min-height: 240px;
}
.tb-linechart {
animation: none !important;
}
.tk-seller-tabs {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.tk-seller-tabs .navbar-toggler:focus {
outline: 0;
box-shadow: none;
}
.tk-dashboard-help-wrapper {
display: flex;
justify-content: flex-end;
margin-bottom: 12px;
}
.tk-dashboard-help {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
text-decoration: none;
color: inherit;
}
.tk-dashboard-help::before {
content: "?";
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 12px;
font-weight: 600;
color: #fff;
background-color: #3377FF;
border-radius: 50%;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.tk-dashboard-help:focus-visible {
outline: none;
box-shadow: 0 0 0 2px rgba(51, 119, 255, 0.2);
}
.tk-dashboard-help:hover::before,
.tk-dashboard-help:focus-visible::before {
background-color: #295FCC;
}
.tk-dashboard-help__label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.tk-aside-listvtwo {
margin: 0 -5px 24px -5px;
}
.tk-aside-listvtwo li {
width: 25%;
}
.tk-aside-listvtwo li .tk-list-detail {
min-height: 228px;
background-color: #fff !important;
}
.tk-aside-listvtwo li .tk-list-detail .tk-list-name {
align-items: center;
width: 100%;
text-align: center;
}
.tk-aside-listvtwo li .tk-list-detail .tk-list-icon i {
width: 60px;
height: 60px;
border: 0;
font-size: 24px;
}
.tk-aside-listvtwo li .tk-list-detail .tk-list-heading h5 {
font: 500 1.375rem/1.4545454545em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-aside-listvtwo li .tk-list-detail .tk-income-detail p {
color: #9e9e9e;
font: 500 0.875rem/1.8571428571em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-seller-counter-listvtwo li:after {
border: 0;
box-shadow: none;
content: none;
}
.tk-seller-counter-listvtwo li .tk-counter-contant {
min-height: 138px;
border: 0;
box-shadow: none;
}
.tk-seller-counter-listvtwo li .tk-counter-contant h3 {
font-size: 28px;
font-weight: 500;
}
.tk-seller-counter-listvtwo li .tk-counter-contant strong {
font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.tk-dbbox h5 {
padding: 20px;
border-bottom: 1px solid #eee;
margin: 0;
font: 600 1.125rem/1.4444444444em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-dbbox .tk-payoutmethod {
padding: 20px;
}
.tk-themeschart {
padding: 20px;
}
.tk-skeleton {
gap: 50px;
display: flex;
flex-direction: column;
align-items: center;
}
.tk-services-skeleton {
gap: 24px;
width: 100%;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.tk-services-skeleton li {
width: 100%;
list-style: none;
max-width: calc(33.33% - 16px);
}
.tk-services-skeleton li figure {
margin: 0;
width: 100%;
height: 190px;
border-radius: 10px;
}
.tk-services-skeleton li .tk-content-area {
margin-top: 15px;
}
.tk-services-skeleton li .tk-content-area > span {
height: 16px;
display: block;
}
.tk-services-skeleton li .tk-content-area > span + span {
margin-top: 22px;
}
.tk-skeletonarea {
background: #ffffff;
border-radius: 10px;
padding: 9px 9px 27px 9px;
border: 1px solid #eee;
}
.tk-skele {
animation: tk-skeleton-effect 1.5s infinite ease-out;
background: #f2f2f2;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(242, 242, 242, 0.5)), color-stop(18%, rgba(242, 242, 242, 0.4)), color-stop(33%, rgba(242, 242, 242, 0.3)));
background: linear-gradient(to right, #f2f2f2 8%, rgba(242, 242, 242, 0.9) 18%, rgba(242, 242, 242, 0.8) 33%);
background-size: 800px 100px;
color: transparent;
animation: tk-skeleton-animation 1.5s infinite ease-out;
}
.tk-skeleton-title {
width: 100%;
max-width: 68%;
}
.tk-skeleton-description {
width: 100%;
}
.tk-skeleton-para {
width: 100%;
max-width: 61%;
}
.tk-skeleton-user {
gap: 15px;
display: flex;
margin-top: 15px;
align-items: center;
}
.tk-skeleton-user + .tk-skeleton-user {
margin-top: 15px;
}
.tk-skeleton-user span {
display: block;
height: 16px;
}
.tk-skeleton-user ~ span {
margin-top: 15px;
}
.tk-user {
width: 100%;
max-width: 255px;
}
.tk-user-icon {
width: 100%;
max-width: 5.599%;
}
.tk-services-skeletonvtwo li {
width: 100%;
max-width: 416px;
}
.tk-services-skeletonvtwo li figure {
margin: 0;
width: 396px;
height: 200px;
}
.tk-services-skeletonvtwo .tk-skeletonarea {
padding: 9px 9px 30px 9px;
}
.tk-skeleton-paravtwo {
width: 100%;
max-width: 61.12%;
}
.tk-frame {
padding: 0;
width: 100%;
display: flex;
margin: 0 auto;
max-width: 966px;
flex-direction: column;
transition: all 2s ease-out;
}
.tk-frame li {
width: 100%;
list-style: none;
}
.tk-frame li .tk-frame-items {
padding: 30px 0;
border-radius: 10px;
}
.tk-frame li .tk-frame-items span {
display: block;
height: 16px;
}
.tk-frame li .tk-frame-items + .tk-frame-items {
padding: 39px 0;
}
.tk-frame li .tk-skeleton-title {
width: 100%;
max-width: 21.42%;
}
.tk-reviews {
width: 100%;
max-width: 81%;
}
.tk-frame-list {
gap: 10px;
display: flex;
margin-top: 10px;
align-items: center;
}
.tk-frame-list .tk-skeleton-user {
width: 100%;
margin-top: 0;
max-width: 17.7%;
}
.tk-frame-list .tk-user-icon {
width: 100%;
max-width: 10%;
}
.tk-frame-list ~ span {
margin-top: 20px;
}
.tk-frame-para {
width: 100%;
max-width: 56.41%;
}
.tk-review {
width: 100%;
max-width: 47.5%;
}
.tk-imgarea {
gap: 15px;
width: 100%;
display: flex;
max-width: 36.45%;
align-items: center;
}
.tk-imgarea figure {
margin: 0;
flex: none;
width: 44px;
height: 44px;
border-radius: 50%;
}
.tk-imgarea ~ span {
margin-top: 20px;
}
.tk-img-deatil {
width: 100%;
display: flex;
flex-direction: column;
}
.tk-title {
display: flex;
align-items: center;
gap: 15px;
}
.tk-title ~ span {
margin-top: 15px;
}
.tk-skeleton-bottom {
display: flex;
flex-direction: column;
gap: 20px;
}
.tk-skeleton-bottom ul {
padding: 0;
margin: 0;
}
.tk-skeleton-bottom ul li {
list-style-type: none;
}
.tk-skeleton-bottom ul .tk-skeletonfull {
width: 100%;
}
.tk-skeleton-bottom ul .tk-skeletonhalf {
width: 60%;
margin-top: 12px;
height: 17px;
}
@keyframes tk-skeleton-animation {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.tk-paraskelton {
margin: 30px 0 0 0;
}
.tk-paraskelton .tk-wskeletonfull {
margin: 19px 0 0;
}
.tk-skeltontop {
display: flex;
justify-content: space-between;
align-items: center;
}
.tk-section-skeleton .tk-wskeletonfull {
width: 97% !important;
height: 24px !important;
}
.tk-section-skeleton .tk-lightest_bg {
background-color: #F7F7F7;
}
.tk-section-skeleton .tk-box {
border: 0;
width: 100%;
padding: 20px;
margin: 0 auto;
max-width: 964px;
border-radius: 10px;
position: relative;
background: #FFFFFF;
}
.tk-section-skeleton .tk-box .fixposition {
padding: 0;
position: absolute;
top: 0;
left: 0;
}
.tk-section-skeleton .tk-box .fixposition .tk-skeletontwo {
height: 21px;
}
.tk-section-skeleton .tk-line {
background: rgba(130, 130, 130, 0.2);
background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
background-size: 800px 100px;
animation: tk-skeleton-effect 1.5s infinite ease-out;
color: transparent;
}
.tk-section-skeleton .tk-skeleton-right {
flex: 1;
}
.tk-section-skeleton .tk-skeleton-left {
display: flex;
align-items: flex-start;
gap: 20px;
}
.tk-section-skeleton .tk-box + .tk-box {
margin-top: 20px;
}
.tk-section-skeleton .tk-right-sk-end .tk-line:nth-child(2) {
margin-top: 10px;
}
.tk-section-skeleton .tk-img-area {
border-radius: 4px;
max-width: 89px;
width: 100%;
height: 89px;
margin: 0;
}
.tk-section-skeleton .tk-skeletontwo {
width: 113.66px;
height: 15px;
}
.tk-section-skeleton .tk-right-sk .tk-skeletonthree {
max-width: 300px;
height: 23px;
}
.tk-section-skeleton .tk-skeletonfour {
width: 101.59px;
height: 19px;
}
.tk-section-skeleton .tk-righ-sk-last .tk-skeletonfive {
width: 48.74px;
height: 17px;
}
.tk-section-skeleton .tk-skeletonsix {
width: 100.73px;
height: 17px;
}
.tk-section-skeleton .tk-skeletonseven {
width: 96.81px;
height: 12.07px;
margin-left: auto;
}
.tk-section-skeleton .tk-skeletonten {
width: 20px;
height: 20px;
margin-left: auto;
}
.tk-section-skeleton .tk-skeletoneight {
width: auto;
height: 22px;
}
.tk-section-skeleton .tk-righ-sk-last {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.tk-section-skeleton .tk-right-sk {
display: flex;
justify-content: space-between;
width: 100%;
align-items: flex-start;
}
.tk-section-skeleton .tk-right-sk-right {
width: 100%;
}
.tk-section-skeleton .tk-right-sk-right ul li {
margin-bottom: 15px;
}
.tk-section-skeleton .tk-right-sk-right ul li {
list-style-type: none;
}
.tk-section-skeleton .tk-right-sk-right ul {
padding: 0;
}
@keyframes tk-skeleton-effect {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.tk-section-skeleton .tk-skeletonfull {
margin: 12px 0 0;
width: 80%;
height: 17px;
}
.tk-skeletonbtn {
height: 34px;
margin-top: 10px;
}
.tk-skelton-wrapper {
width: 100%;
}
.tk-skelton-wrapper .tk-services-skeleton {
width: auto;
justify-content: flex-start;
}
.tk-skelton-wrapper .tk-services-skeleton .tk-skeletonarea {
padding: 4px;
margin-bottom: 0;
overflow: hidden;
position: relative;
background: #ffffff;
border-radius: 20px;
box-shadow: none;
border: 1px solid #eee;
}
.tk-skelton-wrapper .tk-services-skeleton li {
width: 100%;
list-style: none;
max-width: calc(33.33% - 16px);
}
.tk-skelton-wrapper .tk-services-skeleton li figure {
width: 100%;
max-height: 230px;
border-radius: 20px;
}
.tk-skelton-wrapper .tk-services-skeleton li .tk-content-area {
padding: 0 10px 10px;
}
.tk-skeleton-two-column li {
max-width: calc(50% - 16px) !important;
}
.tk-skeltonprice {
display: flex;
align-items: center;
gap: 20px;
}
.skeltonbtn .tk-line {
width: 125px;
height: 40px;
margin: 10px 0 0;
}
.tk-skeleton-divider {
height: 40px !important;
width: 2px;
background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
}
.tk-righ-sk-tags {
display: flex;
gap: 10px;
margin: 40px 0 0;
}
.tk-righ-sk-tags .tk-skeletonsix {
width: 50px;
height: 26px;
}
.tk-righ-sk-tags .tk-skeletonfour {
width: 101px;
height: 26px;
}
.tk-searchproject-section .tk-section-skeleton .tk-box {
padding: 30px;
}
@media (max-width: 1366px) {
.page-home-eleven .tk-hero-banner-five {
gap: 50px;
padding: 83px 0;
}
.page-home-eleven .tk-hero-banner-five figure {
max-width: none;
margin: 0;
}
.page-home-page .tk-hero-banner-twelve figure img {
height: 530px;
}
}
@media (max-width: 1199px) {
.page-home-twelve .tk-hero-banner-eleven .tk-homebanner_content {
padding: 208px 20px 100px 20px;
}
.tk-main-wrapper .tk-header-v4 .tk-navbar {
margin-left: 10px;
}
.page-home-page .tk-hero-banner-twelve figure {
z-index: -1;
position: relative;
align-self: center;
max-width: 80%;
margin: 0 auto;
}
.page-home-page .tk-hero-banner-twelve .tk-homebanner_content {
padding: 80px 10px 0 10px;
align-items: flex-start;
}
.page-home-page .tk-hero-banner-twelve .tk-homebanner_content p {
margin: 0;
}
.tk-hero-banner-four .tk-homebanner_categories {
justify-content: center;
}
.page-home-five .tk-hero-banner-nine {
padding-left: 10px;
padding-right: 10px;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_content p {
margin: 0;
margin-top: 20px;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_btnwrapper {
justify-content: flex-start;
}
.page-home-eleven {
padding: 0 0;
}
.page-home-eleven .tk-hero-banner-five {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
align-items: center;
gap: 50px;
}
.page-home-eleven .tk-hero-banner-five figure {
max-width: 100%;
margin: 0 auto;
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content {
max-width: 100%;
text-align: center;
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content p {
margin: 0;
max-width: 100%;
}
.page-home-eleven .tk-homebanner_trustedby {
justify-content: center;
}
}
@media (max-width: 991px) {
.page-home-five .tk-hero-banner-nine {
flex-direction: column;
gap: 40px;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_content {
max-width: 100%;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_content p {
max-width: 100%;
}
}
@media (max-width: 480px) {
.tk-main-wrapper .tk-header-v4 .tk-navbar .navbar-toggler {
color: #1E1E1E;
}
.page-home-eleven .tk-hero-banner-five figure {
max-width: 278px;
}
.page-home-page .tk-homebanner_content {
padding: 0px 10px 0 10px;
}
.page-home-twelve .tk-hero-banner-eleven .tk-homebanner_content {
padding: 108px 20px 100px 20px;
}
}
@media (max-width: 420px) {
.page-home-five .tk-homebanner_content {
text-align: center;
}
.page-home-five .tk-homebanner_content h1 {
font-size: 36px;
line-height: 48px;
}
.page-home-five .tk-hero-banner-nine {
padding-left: 0;
padding-right: 0;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_categories {
padding: 8px 10px;
}
}
@media (max-width: 400px) {
.tk-search_category > input {
width: 100%;
}
.tk-search_category .tk-select, .tk-search_category .tk-calendar {
width: 100%;
max-width: 100%;
}
.tk-search_category .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
text-align: left;
}
}
.page-home-eleven:has(.tk-hero-banner-five) .pb-themesection {
overflow: hidden;
}
.tk-homepage {
overflow-x: hidden;
}
.tk-requirement-section {
padding: 100px 0;
background: linear-gradient(180deg, #FBF3EE 0%, #FFFFFF 100%);
}
.tk-feedback-section {
padding: 100px 0px;
border-radius: 20px;
background-color: #F7F7F8;
}
.tk-feedback-section .tk-section_title h2 {
max-width: 300px;
}
.tk-profile-section {
padding: 100px 0;
}
.tk-profile-content .tk-tagline span {
color: #ff385c;
line-height: 120%;
}
.tk-profile-content .tk-btn {
margin-top: 20px;
}
.tk-profile-content h2 span {
font-weight: 700;
}
.tk-offering-section {
padding: 100px 0;
border-radius: 20px;
}
.tk-offering-section .tk-section_title p {
max-width: 850px;
}
.tk-counter-section {
margin: 0 20px;
border-radius: 20px 20px 0 0;
background-color: #F7F7F8;
}
.tk-profile-contentvtwo .tk-tagline span {
color: #ff385c;
}
.tk-profile-contentvtwo .tk-btn {
background-color: #ff385c;
}
.page-home-eleven .tk-profile-contentvtwo .tk-btn {
background-color: transparent;
border: 1px solid #FFF;
}
.page-home-eleven .tk-profile-contentvtwo .tk-btn:hover, .page-home-eleven .tk-profile-contentvtwo .tk-btn:focus {
border-color: transparent;
}
.page-home-eleven .tk-feedback-slider-container::before {
display: none;
}
.page-home-eleven .tk-working-flow h2 {
max-width: 700px;
}
.tk-pricing-cards {
background-color: #ffffff;
}
.tk-pricing-cards .tk-packagepopular {
border-color: #FDB022;
}
.tk-pricing-cards .tk-packagepopular > span {
color: #1e1e1e;
background-color: #FDB022;
}
.tk-pricing-cards .tk-packagepopular .tk-btn-card {
background-color: #FDB022;
}
.tk-pricing-cardstwo {
background-color: #ffffff;
}
.tk-pricing-cardstwo .tk-packagepopular {
border-color: #8854FE;
}
.tk-pricing-cardstwo .tk-packagepopular > span {
color: #ffffff;
background-color: #8854FE;
}
.tk-pricing-cardstwo .tk-packagepopular .tk-btn-card {
color: #ffffff;
background-color: #8854FE;
}
.tk-talent-section-users {
gap: 24px;
margin: 0;
padding: 0;
}
.tk-talent-section-users > li {
width: 100%;
max-width: calc(33.333% - 16px);
}
.tk-talent-section-users > li .tk-rating-star {
margin-top: 5px;
}
@media (max-width: 1497px) {
.tk-talent-section-users > li {
max-width: calc(33.33% - 16px);
}
}
@media (max-width: 1080px) {
.tk-talent-section-users > li {
max-width: calc(50% - 12px);
}
}
@media (max-width: 767px) {
.tk-talent-section-users > li {
max-width: 100%;
}
}
.tk-talent-section-users li {
list-style: none;
}
.tk-blog-list {
margin: 0;
gap: 24px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(327px, 1fr));
}
@media (max-width: 767px) {
.tk-blog-list {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
}
@media (max-width: 480px) {
.tk-blog-list {
grid-template-columns: auto;
}
}
.tk-blog-list li {
list-style: none;
}
.tk-blog-list-item figure {
margin: 0;
height: 230px;
}
.tk-blog-list-item figure img {
height: 100%;
width: 100%;
display: block;
border-radius: 20px;
}
.tk-blog-list-item h4 {
margin: 6px 0 0 0;
color: #1e1e1e;
overflow: hidden;
display: inline-block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font: 500 1.25rem/1.2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-blog-list-item p {
overflow: hidden;
margin: 10px 0 0 0;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
font: 400 1rem/1.375em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: rgba(30, 30, 30, 0.8);
}
.tk-blog-tag {
display: flex;
margin-top: 20px;
align-items: center;
justify-content: space-between;
}
.tk-blog-tag span {
padding: 1px 6px;
color: #585858;
border-radius: 6px;
display: inline-block;
background-color: #FFF;
border: 1px solid #EAEAEA;
font: 500 0.75rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.tk-blog-tag em {
display: inline-block;
color: rgba(30, 30, 30, 0.8);
font: 400 1rem/1.4em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-button-wrapper {
display: flex;
justify-content: center;
margin-top: 40px;
}
.page-home-five .tk-btn-two {
padding: 18px 38px !important;
}
.page-home-five .tk-button-wrapper .tk-btn-two {
padding: 12px 38px !important;
}
.page-home-five .tk-button-wrapper .tk-btn-two > span {
line-height: 24px;
display: inline-block;
}
.tk-blog-section {
padding: 100px 0px;
}
.tk-blog-section .tk-button-wrapper .tk-btn-two {
padding: 14px 38px;
}
.tk-blog-section .tk-section_title h2 {
max-width: 620px;
}
.tk-blog-section .tk-section_title p {
font-size: 18px;
line-height: 25px;
max-width: 680px;
}
@media (max-width: 767px) {
.tk-blog-section .tk-section_title p {
max-width: 100%;
}
}
.tk-talent-section {
padding: 100px 0px;
}
@media (max-width: 767px) {
.tk-talent-section {
padding-left: 0;
padding-right: 0;
}
}
.tk-talent-section .tk-section_title h2 {
max-width: 500px;
}
.tk-talent-section .tk-button-wrapper .tk-btn-two {
padding: 14px 37px;
}
.tk-talent-section .tk-button-wrapper .tk-btn-task {
padding: 12px 37px;
}
.tk-talent-section .tk-button-wrapper .tk-btn-task > span {
line-height: 24px;
}
.tk-talent-section .tk-section_desciption p {
font-size: 18px;
line-height: 24px;
}
.tk-talent-section .tk-talent-section-users .tk-talent {
gap: 20px;
}
.tk-talent-section .tk-talent-section-users .tk-talent .tk-talent-rate {
margin-top: 0;
}
.tk-talent-section .tk-talent-section-users .tk-talent .tk-talent-tags {
margin-top: 20px;
padding-top: 20px;
}
.tk-talent-section .tk-talent-section-users .tk-talent .tk-talent-btns {
margin-top: auto;
}
.tk-service-title span {
margin-bottom: 6px;
}
.tk-service-title h4 {
color: #1e1e1e;
}
.tk-service-title p {
max-width: 845px;
}
.tk-section-busines .tk-section_title h2 {
max-width: 650px;
}
.tk-offering_list {
gap: 24px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(327px, 1fr));
}
@media (max-width: 480px) {
.tk-offering_list {
grid-template-columns: auto;
}
}
.tk-offering_list li {
list-style: none;
}
.tk-offering_card {
overflow: hidden;
border-radius: 20px;
background-color: #ffffff;
}
.tk-offcard {
height: 100%;
display: flex;
overflow: hidden;
border-radius: 20px;
flex-direction: column;
background-color: #ffffff;
border: 1px solid #eee;
}
.tk-offcard:hover {
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
}
.tk-offcard:hover .tk-btn-card {
color: #ffffff;
background-color: #ff385c;
}
.tk-offcard:hover .tk-btn-card:before {
width: 300px;
height: 300px;
}
.tk-offcard_two {
flex-direction: column-reverse;
}
.tk-offcard_head {
padding: 30px;
}
@media (max-width: 420px) {
.tk-offcard_head {
padding: 20px;
}
}
.tk-offcard_head h3 {
margin: 0 0 20px;
color: #1e1e1e;
font: 500 1.25rem/1.2em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-offcard_listing {
margin: 0;
padding: 0;
}
.tk-offcard_listing li {
list-style: none;
}
.tk-offcard_listing li + li {
margin-top: 10px;
}
.tk-offcard_listing li > a {
gap: 10px;
display: flex;
align-items: center;
justify-content: space-between;
color: rgba(30, 30, 30, 0.8);
font: 400 1rem/1.375em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-offcard_listing em {
font-style: normal;
color: rgba(30, 30, 30, 0.4);
font: 500 0.8125rem/1.3846153846em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-offcard_footer {
display: flex;
margin-top: 30px;
align-items: center;
position: relative;
}
.tk-offcard_footer:before {
left: 0;
content: "";
height: 1px;
width: 100%;
opacity: 0.7;
position: absolute;
pointer-events: none;
background: #EAEAEA;
}
.tk-offcard_footer .tk-btn-card {
color: #585858;
border-radius: 10px;
}
.tk-offcard_img {
margin: auto 0 0;
}
.tk-offcard_img img {
width: 1000%;
height: 250px;
display: block;
object-fit: cover;
}
.tk-btn-card {
flex: none;
margin-left: auto;
border: 0;
gap: 10px;
color: #1E1E1E;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
cursor: pointer;
overflow: hidden;
background-color: #F7F7F8;
border-radius: 8px;
font: 500 0.875rem "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
}
.tk-btn-card span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-btn-card i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-btn-card::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-btn-card:hover, .tk-btn-card:focus {
outline: none;
color: #ffffff;
background-color: #ff385c;
}
.tk-btn-card:hover span, .tk-btn-card:focus span {
color: #ffffff;
}
.tk-btn-card:hover i, .tk-btn-card:focus i {
color: #ffffff;
}
.tk-btn-card:hover:before, .tk-btn-card:focus:before {
width: 150%;
height: 300%;
}
.tk-btn-card.active {
color: white;
background-color: #ff385c;
}
.tk-morebtn {
display: flex;
margin: 40px 0 0 0;
align-items: center;
justify-content: center;
}
.tk-morebtn .tk-btn-more {
border: 0;
gap: 10px;
color: #1E1E1E;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 39px;
cursor: pointer;
overflow: hidden;
background-color: #F7F7F8;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
}
.tk-morebtn .tk-btn-more span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-morebtn .tk-btn-more i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-morebtn .tk-btn-more::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-morebtn .tk-btn-more:hover, .tk-morebtn .tk-btn-more:focus {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-morebtn .tk-btn-more:hover span, .tk-morebtn .tk-btn-more:focus span {
color: #ffffff;
}
.tk-morebtn .tk-btn-more:hover i, .tk-morebtn .tk-btn-more:focus i {
color: #ffffff;
}
.tk-morebtn .tk-btn-more:hover:before, .tk-morebtn .tk-btn-more:focus:before {
width: 150%;
height: 300%;
}
.tk-morebtn .tk-btn-more i {
font-size: 1.125rem;
}
.tk-profile-section figure {
margin: 0;
}
.tk-profile-content:has(.tk-tagline) h2 {
line-height: 43px;
margin-top: 6px;
margin-bottom: 4px;
}
.tk-profile-content h1 {
color: #1e1e1e;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 120%;
max-width: 500px;
margin-bottom: 0;
}
.tk-profile-content h1 span {
display: inline-block;
font-weight: 700;
}
.tk-profile-content p {
margin: 20px 0 0;
color: rgba(30, 30, 30, 0.6);
font: 400 18px/140% "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-bannerlist {
margin: 20px 0 0;
padding: 0;
position: relative;
}
.tk-bannerlist ~ a {
margin: 20px 0 0;
}
.tk-bannerlist li {
line-height: 28px !important;
list-style-type: none;
color: rgba(30, 30, 30, 0.6);
font: 400 1.125rem/1.5555555556em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
position: relative;
padding-left: 26px;
}
.tk-bannerlist li:after {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 16px;
height: 100%;
z-index: 1;
display: inline-block;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #ff385c;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-size: 100%;
}
.tk-bannerlist li ~ li {
line-height: 25px;
margin-top: 10px;
}
.tk-bg-white {
background-color: #fff !important;
}
.tk-cpunterwrappervtwo .tk-profile-content {
background: #1F4B3F;
}
.tk-cpunterwrappervtwo .tk-profile-content::after {
background: transparent;
}
.tk-cpunterwrappervtwo .tk-profile-content::before {
background: transparent;
}
.tk-cpunterwrappervtwo .tk-profile-content .tk-btn {
background-color: transparent;
border: 1px solid #ffffff;
}
.tk-cpunterwrappervtwo .tk-profile-content .tk-btn:hover::before {
display: none;
}
.tk-cpunterwrappervtwo .tk-profile-content .tk-tagline span {
color: #ffffff;
}
.tk-cpunterwrappervthree .tk-profile-content {
background: #F1641D;
}
.tk-cpunterwrappervthree .tk-profile-contentvtwo .tk-tagline span {
color: #ffffff;
}
.tk-cpunterwrappervthree .tk-bannerlist li:after {
filter: brightness(15);
}
.tk-cpunterwrappervthree .tk-profile-contentvtwo .tk-btn {
background-color: transparent;
border: 1px solid #ffffff;
}
.tk-cpunterwrappervthree .tk-profile-contentvtwo .tk-btn:hover::before {
display: none;
}
.tk-bg-fade {
background: #F7F7F8 !important;
}
.page-home-twelve .tk-offering-section .tk-btn-two {
background-color: #EAEAEA;
}
.page-home-twelve .tk-section_title h2 {
max-width: 850px;
}
.page-home-thirteen .tk-feedback-slider-container::before {
display: none;
}
.page-home-thirteen .tk-work-title p {
max-width: 800px;
}
.page-home-two .tk-homebanner_content h1 {
font: 600 3.375rem / 1.1851851852em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.page-home-two .tk-homebanner_content p {
font: 400 1.375rem / 1.3636363636em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-stats-section-content {
width: 100%;
max-width: 40%;
}
.tk-stats-section-content p {
color: rgba(30, 30, 30, 0.6);
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
margin-bottom: 0;
}
.tk-couter-wrapper {
display: flex;
align-items: center;
padding: 60px 0;
}
@media (max-width: 1199px) {
.tk-couter-wrapper {
gap: 60px;
}
}
@media (max-width: 1200px) {
.tk-couter-wrapper {
padding: 60px 20px;
}
}
@media (max-width: 1200px) {
.tk-couter-wrapper {
gap: 30px;
padding: 60px 0;
flex-direction: column;
}
.tk-couter-wrapper .tk-stats-section-content {
padding: 0 !important;
max-width: 100%;
}
.tk-couter-wrapper .tk-stats-section-content > p {
text-align: center;
}
}
.tk-couter-wrapper .tk-counternum {
gap: 0;
padding: 0;
width: 60%;
background: transparent;
}
@media (max-width: 1580px) {
.tk-couter-wrapper .tk-counternum {
flex: none;
}
}
@media (max-width: 1199px) {
.tk-couter-wrapper .tk-counternum {
flex: auto;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 767px) {
.tk-couter-wrapper .tk-counternum {
gap: 30px;
width: 100%;
flex-direction: column;
}
}
.tk-couter-wrapper .tk-counternum li {
height: auto;
padding: 0 20px;
max-width: 33.333%;
}
@media (max-width: 767px) {
.tk-couter-wrapper .tk-counternum li {
padding: 20px;
max-width: 100%;
}
}
.tk-couter-wrapper .tk-counternum li + li {
border-left: 1px solid rgba(217, 217, 217, 0.6);
}
@media (max-width: 767px) {
.tk-couter-wrapper .tk-counternum li + li {
border-left: none;
}
}
.tk-couter-wrapper .tk-counternum li .tk-countitem {
max-width: 290px;
margin: 0 auto;
}
@media (max-width: 767px) {
.tk-couter-wrapper .tk-counternum li .tk-countitem {
max-width: 100%;
}
}
.tk-couter-wrapper .tk-stats-section-content {
padding: 0 15px;
}
.tk-hero-banner-twelve .tk-homebanner_content {
width: 50%;
padding-left: 15px;
}
.page-home-page .tk-profile-contentvtwo .tk-btn-primary:hover {
background-color: #fff !important;
}
.tk-section-frequently {
display: flex;
gap: 20px;
}
@media (max-width: 767px) {
.tk-section-frequently {
flex-wrap: wrap;
}
}
.tk-section-frequently .tk-section_title {
margin: 0;
width: 50%;
}
@media (max-width: 767px) {
.tk-section-frequently .tk-section_title {
width: 100%;
}
.tk-section-frequently .tk-section_title > p, .tk-section-frequently .tk-section_title > h2 {
max-width: 100% !important;
}
.tk-section-frequently .tk-section_title .tk-btn-primary {
min-width: auto;
max-width: 100%;
width: 480px;
}
}
.tk-section-frequently .tk-section_title p {
margin-bottom: 20px;
line-height: 25px;
max-width: 500px;
}
.tk-section-frequently .tk-section_title .tk-btn {
box-shadow: none !important;
border: 0;
gap: 10px;
color: white;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 38.7px;
cursor: pointer;
overflow: hidden;
background-color: #ff385c;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
}
.tk-section-frequently .tk-section_title .tk-btn span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-section-frequently .tk-section_title .tk-btn i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-section-frequently .tk-section_title .tk-btn::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-section-frequently .tk-section_title .tk-btn:hover, .tk-section-frequently .tk-section_title .tk-btn:focus {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-section-frequently .tk-section_title .tk-btn:hover span, .tk-section-frequently .tk-section_title .tk-btn:focus span {
color: #ffffff;
}
.tk-section-frequently .tk-section_title .tk-btn:hover i, .tk-section-frequently .tk-section_title .tk-btn:focus i {
color: #ffffff;
}
.tk-section-frequently .tk-section_title .tk-btn:hover:before, .tk-section-frequently .tk-section_title .tk-btn:focus:before {
width: 150%;
height: 300%;
}
.tk-section-frequently .tk-section_title .tk-btn span {
margin: 0;
color: #ffffff;
font: 500 16px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-faqs-section {
width: 100%;
}
.tk-section-accordion {
gap: 10px;
width: 51.5%;
display: flex;
flex-direction: column;
}
@media (max-width: 1199px) {
.tk-section-accordion {
margin: 0;
}
}
@media (max-width: 767px) {
.tk-section-accordion {
width: 100%;
margin-top: 20px;
}
}
.tk-section-accordion .accordion-item {
border: 0;
border-radius: 10px;
padding: 24px;
background: rgba(0, 0, 0, 0.03);
}
.tk-section-accordion .accordion-item:hover {
background: rgba(0, 0, 0, 0.06);
}
.tk-section-accordion .accordion-button {
padding: 0;
box-shadow: none;
position: relative;
background: transparent;
color: #1e1e1e;
font: 500 20px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
padding-right: 30px;
}
.tk-section-accordion .accordion-button:hover {
background: transparent;
}
.tk-section-accordion .accordion-button::before {
right: 0;
content: "+";
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.tk-section-accordion .accordion-button::after {
display: none;
}
.tk-section-accordion .accordion-button[aria-expanded="true"]::before {
top: 50%;
font-size: 14px;
content: "";
transform: translateY(-50%);
font-family: FontAwesome;
}
.tk-accordion-body {
margin-top: 14px;
}
.tk-accordion-body p {
margin: 0;
color: rgba(30, 30, 30, 0.6);
font: 400 18px/29.25px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-section-busines {
display: flex;
align-items: center;
flex-direction: column;
}
.tk-section-busines .tk-section_title {
margin: 0;
display: flex;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
}
.tk-section-busines .tk-section_title p {
max-width: 630px;
line-height: 25.2px;
}
.tk-section-busines > span {
opacity: 0.6;
margin-top: 40px;
color: #1e1e1e;
font: 400 14px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-busines {
margin-top: 20px;
width: 100%;
}
.tk-busines em {
display: flex;
max-width: 87px;
margin-right: 44px;
font-style: normal;
position: relative;
align-items: center;
text-align: right;
color: rgba(30, 30, 30, 0.6);
font: 400 14px/19.6px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 680px) {
.tk-busines em {
display: none;
}
}
.tk-busines em::after {
content: "";
height: 18px;
width: 34px;
right: -43px;
position: absolute;
background-size: 100% 100%;
background: url(/images/offering-section/tab-img.png);
}
.tk-busines_content {
gap: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-left: -138px;
}
@media (max-width: 680px) {
.tk-busines_content {
margin-left: 0;
}
}
.tk-busines_content_tabs {
padding: 6px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.03);
}
.tk-busines_content_tabs .nav {
gap: 6px;
border: none;
display: flex;
flex-wrap: nowrap;
}
.tk-busines_content_tabs .nav button {
margin: 0;
width: 100%;
min-width: 130px;
border: none;
border-radius: 6px;
color: #585858;
padding: 8.5px 12px;
font: 500 16px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-busines_content_tabs .nav button:hover {
color: #585858;
}
.tk-busines_content_tabs .nav button.active {
color: #585858;
box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.tk-busines-tabs {
gap: 24px;
padding: 0;
display: flex;
margin-top: 40px;
align-items: center;
}
@media (max-width: 1024px) {
.tk-busines-tabs {
flex-direction: column;
}
}
.tk-packagepopular {
position: relative;
padding: 50px 30px !important;
border: 2px solid #ff385c;
}
.tk-packagepopular > span {
left: 50%;
top: -16px;
color: #ffffff;
display: block;
padding: 5px 16px;
position: absolute;
text-align: center;
border-radius: 9999px;
background: #ff385c;
transform: translateX(-50%);
font: 600 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-packagepopular > span span {
color: #ffffff;
}
.tk-packageitem {
width: 100%;
padding: 30px;
display: flex;
list-style: none;
background: #ffffff;
gap: 40px;
border-radius: 20px;
flex-direction: column;
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
}
@media (max-width: 1199px) {
.tk-packageitem {
max-width: calc(50% - 12px);
}
}
@media (max-width: 767px) {
.tk-packageitem {
max-width: 100%;
}
}
.tk-packageitem:hover .tk-btn-card {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-packageitem:hover .tk-btn-card::before {
width: 300px;
height: 300px;
}
.tk-packageitem .tk-btn-card {
margin: 0;
padding: 16px 38px;
border-radius: 10px;
}
.tk-packageitem .tk-btn-card span {
font: 500 16px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-packageitem_starter {
gap: 10px;
display: flex;
flex-direction: column;
}
.tk-packageitem_starter span {
margin: 0;
font: 500 18px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-packageitem_starter p {
margin: 0;
opacity: 0.6;
color: #1e1e1e;
font: 400 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-packageitem_starter figure {
margin-bottom: 0;
}
.tk-packageitem_price {
gap: 4px;
display: flex;
flex-direction: column;
}
.tk-packageitem_price h3 {
margin: 0;
font: 500 34px/40.8px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-packageitem_price h3 {
font: 500 1.625rem/1.3076923077em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-packageitem_price > span {
display: block;
color: rgba(30, 30, 30, 0.6);
font: 400 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-packageitem_package {
gap: 14px;
padding: 0;
display: flex;
margin: 14px 0 0 0;
flex-direction: column;
}
.tk-packageitem_package li {
list-style: none;
}
.tk-packageitem_package .tk-packageinfo {
gap: 10px;
display: flex;
align-items: center;
}
.tk-packageitem_package .tk-packageinfo i {
color: #17B26A;
}
.tk-packageitem_package .tk-packageinfo .tk-icon-cross {
color: #CEBEED;
}
.tk-packageitem_package .tk-packageinfo span {
display: block;
color: rgba(30, 30, 30, 0.8);
font: 400 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-packageitem_package .tk-packageinfo:has(.tk-icon-cross) span {
opacity: 0.5;
}
.tk-packageitem_package .tk-packageinfo-color span {
opacity: 0.5;
}
.tk-whatinclude h4 {
margin: 0;
font: 500 16px/19px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.pb-themesection:has(.tk-howitwork) .container {
overflow: hidden;
}
@media (max-width: 991px) {
.pb-themesection:has(.tk-howitwork) .container {
padding-right: var(--bs-gutter-x, 0.75rem) !important;
padding-left: var(--bs-gutter-x, 0.75rem) !important;
}
}
.tk-howworkleft {
gap: 40px;
flex: none;
display: flex;
overflow: hidden;
position: relative;
padding: 199px 50px 200px 50px;
align-items: center;
border-radius: 0 20px 20px 0;
background: #000;
flex-direction: column;
width: calc(100% - 761px);
}
@media (max-width: 1280px) {
.tk-howworkleft {
flex: auto;
width: auto;
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 991px) {
.tk-howworkleft {
background: rgba(0, 0, 0, 0.8);
}
}
@media (max-width: 767px) {
.tk-howworkleft {
padding-left: 20px;
padding-right: 20px;
}
}
.tk-howworkleft::before {
opacity: 0.3;
content: "";
top: -577px;
left: 124px;
width: 650px;
z-index: 0;
height: 687px;
position: absolute;
filter: blur(132px);
background: #B2DDFF;
}
.tk-howworkleft::after {
z-index: 0;
content: "";
width: 827px;
right: -360px;
height: 271px;
bottom: 0;
position: absolute;
filter: blur(264px);
background: #B2DDFF;
}
.tk-tagpurple {
color: #8854FE !important;
}
.tk-coloryellow {
color: #F79009 !important;
}
.tk-workinfo {
max-width: 571px;
width: 100%;
}
@media (max-width: 991px) {
.tk-workinfo {
padding-right: 0;
}
}
.tk-workinfo .tk-section_title h2 {
margin: 0;
color: #ffffff;
max-width: 470px;
}
.tk-workinfo .tk-section_title span {
line-height: 20px;
margin-bottom: 6px;
}
.tk-howworklist {
display: flex;
gap: 20px;
}
.tk-howworklist > span {
flex: none;
width: 67px;
height: 68px;
display: flex;
align-items: center;
border-radius: 40px;
flex-direction: column;
justify-content: center;
background: rgba(247, 144, 9, 0.1);
}
@media (max-width: 767px) {
.tk-howworklist > span {
width: 40px;
height: 40px;
}
}
.tk-howworklist > span i {
font-size: 22px;
color: #F79009;
display: inline-block;
}
@media (max-width: 767px) {
.tk-howworklist > span i {
font-size: 16px;
}
}
.tk-workinglist {
gap: 50px;
padding: 0;
display: flex;
margin: 50px 0 0;
flex-direction: column;
}
.tk-workinglist li {
list-style-type: none;
}
.tk-workslist h4 {
color: #ffffff;
margin-bottom: 16px;
font: 500 22px/26px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-workslist p {
margin: 0;
max-width: 450px;
color: rgba(255, 255, 255, 0.6);
font: 400 18px/25px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-bggreen {
background: rgba(23, 178, 106, 0.1) !important;
}
.tk-bggreen i {
color: #17B26A !important;
}
.tk-bgblue {
background: rgba(46, 144, 250, 0.1) !important;
}
.tk-bgblue i {
color: #2E90FA !important;
}
.page-home-nine .tk-bannerlist li:after {
background: #fff;
}
.tk-howworkright {
flex: none;
width: 100%;
max-width: 832px;
transform: translate(-80px, 0);
}
@media (max-width: 1280px) {
.tk-howworkright {
flex: auto;
transform: none;
max-width: 620px;
margin-left: -77px;
}
}
@media (max-width: 1199px) {
.tk-howworkright {
z-index: -1;
height: 100%;
margin-left: 0;
max-width: 100%;
position: absolute;
}
}
.tk-howworkright figure {
margin: 0;
}
@media (max-width: 1199px) {
.tk-howworkright figure {
height: 100%;
}
}
.tk-howworkright figure img {
width: 100%;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 1199px) {
.tk-howworkright figure img {
height: 100%;
}
}
.tk-howworkwrapper {
display: flex;
position: relative;
align-items: center;
}
.tk-search_categorysm {
max-width: 470px;
border-radius: 120px;
padding: 6px 6px 6px 24px;
}
.tk-search_categorysm input {
height: 46px;
}
.tk-search_categorysm .tk-search_icon {
width: 46px;
height: 46px;
border-radius: 50px;
background: #8854FE;
}
.tk-dividerimg {
height: 26px;
width: fit-content;
}
.tk-roledesc h2 {
margin-bottom: 14px;
font: 500 14px/16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-roleitem {
gap: 14px;
display: flex;
align-items: center;
}
.lx-skeltonslines {
gap: 8px;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.lx-skeltonslines li {
width: 55px;
height: 9px;
opacity: 0.1;
border-radius: 30px;
list-style-type: none;
background: #585858;
}
.lx-skeltonslines li:nth-child(2) {
width: 60px;
}
.lx-skeltonslines li:nth-child(3) {
width: 55px;
}
.lx-skeltonslines li:nth-child(4) {
width: 85px;
}
.lx-skeltonslines li:last-child {
width: 45px;
}
.tk-worksroles {
max-width: 100%;
position: relative;
}
.tk-requirement-section .tk-work-title {
max-width: 100%;
}
.tk-requirement-section .tk-work-title h2 {
text-align: center;
color: #FDB022;
}
.tk-requirement-section .tk-work-title h4 {
max-width: 550px;
text-align: center;
margin: 0 auto 20px auto;
}
.tk-requirement-section .tk-work-title p {
margin: 0 auto;
max-width: 640px;
text-align: center;
}
.tk-requirement-itemslist {
gap: 24px;
padding: 0;
display: flex;
margin: 40px 0 0 0;
}
.tk-requirement-itemslist li {
list-style: none;
}
.tk-requirement-item {
gap: 24px;
display: flex;
flex-direction: column;
}
.tk-requirement-description {
display: block;
margin-top: 40px;
text-align: center;
color: rgba(30, 30, 30, 0.6);
font: 400 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-topcategory > span {
text-align: center;
}
.tk-content-box-wrapper {
padding: 100px 0;
}
.tk-content-box-wrapper .tk-section_title {
margin: 0 auto;
max-width: 620px;
text-align: center;
}
.tk-content-box-wrapper .tk-section_title span {
margin-bottom: 6px;
}
.tk-content-box-wrapper .tk-section_title h2 {
letter-spacing: 0px;
margin: 0px 25px 0px 25px;
}
.tk-content-box-wrapper .tk-section_title p {
padding-top: 20px;
color: #1E1E1E99;
}
.tk-content-box-wrapper > p {
font-size: 14px;
font-weight: 400;
margin: 40px 0 0;
line-height: 22px;
text-align: center;
color: #1E1E1E99;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-content-box-wrapper ul {
padding: 0;
margin: 40px 0 0;
list-style: none;
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: 24px;
column-gap: 24px;
}
@media (max-width: 767px) {
.tk-content-box-wrapper ul {
-moz-column-count: 1;
column-count: 1;
}
}
.tk-content-box-wrapper ul li {
display: grid;
margin-bottom: 24px;
-moz-column-break-inside: avoid;
break-inside: avoid;
grid-template-rows: 1fr auto;
list-style-type: none;
padding: 19px 19px 19px 19px;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #EAEAEA;
border-radius: 20px 20px 20px 20px;
}
@media (max-width: 767px) {
.tk-content-box-wrapper ul li {
max-width: 100%;
}
}
.tk-info-box-layout-1 {
display: flex;
flex-direction: column;
}
.tk-info-box-layout-1 .tk-info-box-content .tk-subtitle {
font-size: 14px;
font-weight: 500;
line-height: 20px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #ff385c;
}
.tk-info-box-layout-1 .tk-info-box-content .tk-title {
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: #000000;
}
.tk-info-box-layout-1 .tk-info-box-content .tk-description p {
opacity: 0.6;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 6px 0 0;
letter-spacing: 0px;
font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-info-box-layout-1 .tk-image {
margin: 0;
}
.tk-info-box-layout-1 .tk-image img {
width: 100%;
margin: 20px 0 0;
}
.tk-info-box-layout-1.tk-content-box-middle {
overflow: hidden;
}
.tk-info-box-layout-1.tk-content-box-middle .tk-image {
margin: 0 0 -20px;
}
.tk-info-box-layout-1.tk-content-box-middle .tk-image img {
margin: 20px 0 0 36px;
}
.pb-themesection:has(.tk-content-box-wrapper) {
background: #FBF3EE;
}
.page-home-ten .pb-themesection:has(.tk-content-box-wrapper) {
background: white;
}
.page-home-eight .pb-themesection:has(.tk-content-box-wrapper) {
background-color: #F7F7F8;
}
.page-home-ten .pb-themesection:has(.tk-content-box-wrapper) {
background-color: #fff;
}
.page-home-twelve .pb-themesection:has(.tk-feedback-section-wrpper), .page-home-thirteen .pb-themesection:has(.tk-feedback-section-wrpper), .page-home-nine .pb-themesection:has(.tk-feedback-section-wrpper), .page-home-three .pb-themesection:has(.tk-feedback-section-wrpper) {
border-radius: 20px;
width: calc(100% - 40px);
}
@media (max-width: 1199px) {
.page-home-twelve .pb-themesection:has(.tk-feedback-section-wrpper), .page-home-thirteen .pb-themesection:has(.tk-feedback-section-wrpper), .page-home-nine .pb-themesection:has(.tk-feedback-section-wrpper), .page-home-three .pb-themesection:has(.tk-feedback-section-wrpper) {
width: calc(100%);
}
}
@media (max-width: 1440px) {
.tk-howworkleft {
width: calc(100% - 541px);
padding: 99px 50px 100px 50px;
}
.tk-howworkright {
max-width: 592px;
transform: translate(-50px, 0);
}
}
@media (max-width: 1366px) {
.tk-howworkleft {
align-items: flex-start;
padding: 49px 50px 49px 40px;
}
.tk-howworkright {
max-width: 502px;
}
}
@media (max-width: 1199px) {
.tk-workinfo {
max-width: 100%;
width: 100%;
}
.tk-workslist p {
max-width: 100%;
}
.tk-howworkright {
max-width: 100%;
transform: translate(0, 0);
}
.tk-howworkright figure img {
border-radius: 0;
}
}
@media (max-width: 1366px) {
.tk-howworkleft {
align-items: flex-start;
padding: 49px 20px 49px 20px;
}
}
.tk-section-opportunity {
padding-top: 0;
}
.tk-opportunity {
gap: 20px;
display: flex;
margin: 0 auto;
position: relative;
--start-angle: 0deg;
align-items: center;
max-width: 1320px;
border-radius: 20px;
padding: 60px 60px 60px 35px;
overflow: hidden;
background: #161718;
justify-content: space-between;
}
@media (max-width: 767px) {
.tk-opportunity {
flex-wrap: wrap;
}
}
@media (max-width: 576px) {
.tk-opportunity {
padding: 30px;
}
}
@media (max-width: 576px) {
.tk-opportunity {
padding: 20px;
}
}
.tk-opportunity::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: conic-gradient(from calc(var(--angle) + var(--start-angle)), transparent 0, #ff385c 40%, transparent 45%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
opacity: 0.8;
transition: opacity 0.2s ease-in-out;
animation: line-anim var(--duration, 6s) linear infinite;
padding: 2px;
pointer-events: none;
}
.tk-opportunity .tk-bg-img {
top: 0;
left: 0;
margin: 0;
position: absolute;
pointer-events: none;
}
.tk-opportunity .tk-bg-img img {
object-fit: cover;
}
.tk-opportunity .tk-section_title {
margin: 0;
width: 100%;
max-width: 939px;
}
@media (max-width: 767px) {
.tk-opportunity .tk-section_title {
text-align: center;
}
}
.tk-opportunity .tk-section_title span {
margin-bottom: 6px;
}
.tk-opportunity .tk-section_title h3 {
color: #ffffff;
margin: 0 0 20px 0;
font: 600 36px/43px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-opportunity .tk-section_title h3 {
font: 600 1.75rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-opportunity .tk-section_title h3 span {
margin-right: 8px;
}
@media (max-width: 380px) {
.tk-opportunity .tk-section_title h3 span {
display: block;
}
}
.tk-opportunity .tk-section_title h3 strong {
margin: 0;
font-weight: 700;
}
.tk-opportunity .tk-section_title p {
width: 100%;
font-size: 15px;
max-width: 600px;
line-height: 24px;
color: rgba(255, 255, 255, 0.7);
}
.tk-opportunity figure {
right: 0;
bottom: 0;
margin: 0;
position: absolute;
pointer-events: none;
}
.tk-opportunity figure img {
object-fit: cover;
pointer-events: none;
}
.tk-opportunity figure svg rect {
fill: #ff385c;
}
@property --angle {
syntax: "";
inherits: false;
initial-value: 0deg;
}
@keyframes line-anim {
to {
--angle: 360deg
}
}
.tk-opportunity-button{
gap: 20px;
flex: none;
display: flex;
position: relative;
flex-direction: column;
@media (max-width:767px){
width: 100%;
}
to .tk-btn-primary {
width: 480px;
margin: 0 auto;
max-width: 100%;
}
.tk-btn {
border: 0;
gap: 10px;
color: white;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 38px;
cursor: pointer;
overflow: hidden;
background-color: #ff385c;
border-radius: 10px;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
z-index: 1;
box-shadow: none;
min-height: 56px;
}
.tk-btn span {
z-index: 1;
letter-spacing: 0.5px;
}
.tk-btn i {
z-index: 1;
font-size: 14px;
font-weight: 900;
color: #1E1E1E;
}
.tk-btn::before {
content: "";
left: 50%;
width: 40px;
height: 40px;
bottom: -40px;
position: absolute;
border-radius: 50%;
z-index: -1;
background: #ff385c;
transform: translateX(-50%);
transition: width 0.5s, height 0.5s;
}
.tk-btn:hover, .tk-btn:focus {
outline: none;
color: #fff;
background-color: #ff385c;
}
.tk-btn:hover span, .tk-btn:focus span {
color: #ffffff;
}
.tk-btn:hover i, .tk-btn:focus i {
color: #ffffff;
}
.tk-btn:hover:before, .tk-btn:focus:before {
width: 150%;
height: 300%;
}
.tk-btn span {
letter-spacing: 0.5px;
}
.tk-btn i {
color: #ffffff;
font-size: 12px;
}
em {
top: -66px;
left: -53px;
position: absolute;
pointer-events: none;
}
> span {
width: 100%;
opacity: 0.6;
color: #ffffff;
max-width: 227px;
text-align: center;
font: 400 14px/22.5px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
> span {
margin: 0 auto;
max-width: 100%;
}
}
}
.tk-work-section {
background: transparent;
margin: 0 8px;
padding: 100px 50px;
border-radius: 20px;
}
@media (max-width: 767px) {
.tk-work-section {
margin: 0;
padding-left: 0;
padding-right: 0;
}
}
.page-home-seven .tk-work-section {
padding-right: 45px;
padding-left: 45.5px;
}
.tk-work-fullwidth .tk-online-main > li {
width: 100%;
max-width: calc(33.33% - 18px);
}
@media (max-width: 1480px) {
.tk-work-fullwidth .tk-online-main > li {
max-width: calc(33.33% - 16px);
}
}
@media (max-width: 1199px) {
.tk-work-fullwidth .tk-online-main > li {
max-width: calc(50% - 12px);
}
}
@media (max-width: 767px) {
.tk-work-fullwidth .tk-online-main > li {
max-width: 100%;
}
}
.tk-work-title {
width: 100%;
}
.tk-work-title strong {
display: block;
color: #ff385c;
margin-bottom: 6px;
letter-spacing: 0.5px;
font: 600 16px/19.2px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-work-title h4 {
max-width: 650px;
margin: 0;
color: #1e1e1e;
font: 600 36px/43px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-work-title h4 {
font: 600 1.75rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.tk-work-title h4 span {
font-style: normal !important;
font-weight: 700;
background: var(--Title-Gradient, linear-gradient(90deg, #4A0FFC 0%, #FC00FC 23.5%, #FF7383 49%, #FF9203 75.5%, #FFA6A6 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tk-work-title p {
width: 100%;
max-width: 650px;
margin: 24px 0 0;
color: rgba(30, 30, 30, 0.6);
font: 400 18px/26px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-online-section {
display: flex;
margin-top: 40px;
flex-direction: column;
}
.tk-online-section .tk-button-wrapper .tk-btn-two {
border: 0;
line-height: 26px;
padding: 11px 38px 11px 38px;
background-color: #6767671A;
}
.tk-online-tabs .nav {
gap: 14px;
border: none;
display: flex;
margin-bottom: 40px;
}
.tk-online-tabs .nav .active {
border: none;
}
.tk-online-tabs .nav button {
width: 100%;
max-width: 140px;
color: #585858;
padding: 14px 12px;
border-radius: 14px;
border: 1px solid #EAEAEA;
font: 500 18px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.tk-online-tabs .nav .nav-link {
border: none;
color: #585858;
font: 500 18px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-online-tabs .nav .active {
box-shadow: none;
background: #F7F7F8;
}
.tk-online-main {
margin: 0;
gap: 24px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(334px, 1fr));
}
@media (max-width: 480px) {
.tk-online-main {
grid-template-columns: auto;
}
}
.tk-online-main li {
list-style: none;
}
.tk-online-content {
display: flex;
height: 100%;
border-radius: 20px;
flex-direction: column;
background-color: #ffffff;
padding: 5px 5px 20px 5px;
border: 1px solid #EAEAEA;
}
.tk-online-content:hover {
border-color: transparent;
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
}
.tk-online-img-content {
position: relative;
}
.tk-online-img-content figure {
margin: 0;
}
.tk-online-img-content figure img {
width: 100%;
display: block;
height: 230px;
object-fit: cover;
border-radius: 20px;
}
.tk-online-img-content a {
top: 11px;
width: 40px;
height: 40px;
display: flex;
right: 10.5px;
background: #ffffff;
position: absolute;
align-items: center;
border-radius: 16px;
justify-content: center;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.tk-online-img-content a i {
font-size: 16px;
line-height: 20px;
color: rgba(30, 30, 30, 0.6);
}
.tk-online-img-content a:hover, .tk-online-img-content a.active {
background: #F04438;
}
.tk-online-img-content a:hover i, .tk-online-img-content a.active i {
color: #ffffff;
}
.tk-online-info {
padding: 20px 15px 0 15px;
height: 100%;
display: flex;
flex-direction: column;
}
.tk-online-info > a {
width: 100%;
margin: 0 0 11px 0;
color: #1e1e1e;
font: 500 18px/25px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.tk-online-user {
display: flex;
margin-bottom: 6px;
align-items: center;
justify-content: space-between;
}
.tk-online-user_content {
gap: 10px;
display: flex;
align-items: center;
}
.tk-online-user_content figure {
margin: 0;
}
.tk-online-user_content figure img {
width: 30px;
height: 30px;
object-fit: cover;
border-radius: 50%;
}
.tk-online-user_content > a {
color: #1e1e1e;
letter-spacing: 0.5px;
font: 500 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.tk-online-user_content > a div {
display: inline-block;
}
.tk-online-user em {
gap: 4px;
width: 100%;
max-width: 61px;
padding: 5px 10px;
border-radius: 8px;
align-items: center;
display: inline-flex;
justify-content: center;
color: #EE4710;
font: 700 12px/17px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
background: rgba(238, 71, 16, 0.1);
}
.tk-online-stars {
gap: 6px;
display: flex;
flex-wrap: wrap;
margin-bottom: 11px;
align-items: center;
}
.tk-online-stars em {
color: #676767;
font: 400 15px/21px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-online-stars h6, .tk-online-stars .tk-verified-info > a, .tk-online-stars .tk-verified-info strong, .tk-verified-info .tk-online-stars strong {
margin-bottom: 0;
}
.tk-online-location {
display: flex;
margin: 0 0 auto;
align-items: center;
}
.tk-online-location span {
opacity: 0.6;
line-height: 1;
display: block;
color: #1e1e1e;
}
.tk-online-location em {
margin-left: 6px;
color: #676767;
font: 400 15px/21px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-online-footer {
display: flex;
margin-top: auto;
padding-top: 20px;
margin-top: 20px;
justify-content: space-between;
border-top: 1px solid #EAEAEA;
}
.tk-online-footer span {
color: #676767;
font: 500 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-online-footer strong {
color: #1e1e1e;
margin-left: auto;
font: 600 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-online-button {
display: flex;
justify-content: center;
}
.tk-employment-section {
padding: 80px 0;
background-color: transparent;
}
.tk-employment-section .tk-section_title p {
font-size: 18px;
max-width: 820px;
line-height: 25px;
color: rgba(30, 30, 30, 0.6);
}
.tk-employment-section .tk-section_title > span {
margin-bottom: 6px;
}
@media (max-width: 1236px) {
.tk-employment-section {
padding-left: 0;
padding-right: 0;
}
}
.tk-employment-section .tk-work-title {
margin-bottom: 40px;
}
.tk-employment-section .tk-work-title h4 {
max-width: 750px;
}
.tk-employment {
gap: 24px;
margin: 0;
padding: 0;
}
.tk-employment > li {
width: 100%;
max-width: calc(33.333% - 16px);
}
@media (max-width: 1497px) {
.tk-employment > li {
max-width: calc(33.33% - 16px);
}
}
@media (max-width: 1199px) {
.tk-employment > li {
max-width: calc(50% - 12px);
}
}
@media (max-width: 767px) {
.tk-employment > li {
max-width: 100%;
}
}
.tk-employment li {
list-style: none;
}
.tk-employment-button {
display: flex;
margin-top: 40px;
justify-content: center;
}
.tk-employe-info {
height: 100%;
display: flex;
overflow: hidden;
background: #ffffff;
border-radius: 20px;
flex-direction: column;
border: 1px solid #eee;
}
.tk-employe-info:hover .tk-employe-button {
color: #fff;
background-color: #ff385c;
}
.tk-employe-info:hover .tk-btn-card {
color: #fff;
}
.tk-employe-info:hover .tk-btn-card::before {
height: 300px;
width: 300px;
}
.tk-employe-content {
padding: 24px;
}
.tk-employe-framework {
width: 100%;
max-width: 374px;
margin: 0 0 20px 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
color: rgba(30, 30, 30, 0.7);
font: 400 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
@media (max-width: 767px) {
.tk-employe-framework {
max-width: 100%;
}
}
.tk-employe-price {
gap: 10px;
display: flex;
padding: 12px 16px;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
border-radius: 10px;
background: #F7F7F8;
justify-content: space-between;
}
@media (max-width: 420px) {
.tk-employe-price {
flex-wrap: wrap;
flex-direction: column;
align-items: self-start;
gap: 10px;
}
}
.tk-employe-price span {
color: rgba(30, 30, 30, 0.8);
font: 400 14px/17px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-employe-price strong {
text-align: right;
letter-spacing: normal;
color: #1e1e1e;
font: 600 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
flex: none;
}
@media (max-width: 420px) {
.tk-employe-price strong {
text-align: left;
}
}
.tk-employe-footer {
display: flex;
margin-top: auto;
padding: 19px 24px;
align-items: center;
border-top: 1px solid #eee;
background: #F7F7F8;
justify-content: space-between;
}
@media (max-width: 420px) {
.tk-employe-footer {
flex-wrap: wrap;
flex-direction: column;
align-items: self-start;
gap: 10px;
}
}
.tk-employe-footer .tk-employe-button {
padding: 7px 25px;
background: #ffffff;
font-size: 16px;
line-height: 24px;
border: 1px solid #eee;
}
@media (max-width: 420px) {
.tk-employe-footer .tk-employe-button {
width: 100%;
text-align: center;
}
}
.tk-employe-footer .tk-employe-button:hover {
color: white;
background-color: #ff385c;
}
.tk-employe-footer .tk-btn-card {
flex: none;
height: 40px;
font-size: 16px;
color: #585858;
line-height: 24px;
padding: 7px 23px;
background: #fff;
border: 1px solid #eee;
}
.tk-employe-img {
gap: 10px;
display: flex;
align-items: center;
}
.tk-employe-img figure {
margin: 0;
}
.tk-employe-img figure img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.tk-employe-img a {
color: #1e1e1e;
font: 400 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-employe-title {
gap: 20px;
display: flex;
margin-bottom: 20px;
justify-content: space-between;
}
.tk-employe-title > a {
width: 40px;
flex: none;
height: 40px;
display: grid;
background: #ffffff;
border-radius: 16px;
place-content: center;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.tk-employe-title > a i {
font-size: 16px;
line-height: 19.2px;
color: rgba(30, 30, 30, 0.6);
}
.tk-employe-title > a .fa-heart {
color: #999;
}
.tk-employe-title > a:hover, .tk-employe-title > a.active {
background: #FEF3F2;
}
.tk-employe-title > a:hover i, .tk-employe-title > a.active i {
color: #EF4444;
}
.tk-employe-work span {
display: block;
color: rgba(30, 30, 30, 0.7);
font: 400 13px/16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-employe-work h3 {
margin: 0;
max-width: 335px;
line-height: 25px;
}
.tk-employe-work h3 a {
color: #1e1e1e;
font: 500 18px/25px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-employe-tag {
gap: 10px;
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
max-width: 374px;
align-items: center;
}
.tk-green-tag, .tk-red-tag, .tk-purple-tag {
gap: 6px;
flex: none;
display: flex;
color: #7A50EC;
padding: 2px 10px;
border-radius: 10px;
width: fit-content;
align-items: center;
background: #F2EEFA;
font: 400 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-green-tag i, .tk-red-tag i, .tk-purple-tag i {
color: #7A50EC;
}
.tk-red-tag {
color: #912018;
background: #FEE4E2;
}
.tk-red-tag i {
color: #912018;
}
.tk-green-tag {
color: #085D3A;
background: #DCFAE6;
}
.tk-green-tag i {
color: #085D3A;
}
.tk-language-tags {
gap: 10px;
margin: 20px 0 0;
padding-left: 0;
align-items: center;
}
.tk-language-tags li {
list-style-type: none;
}
.tk-gray-tag {
display: block;
padding: 2px 8px;
color: #585858;
border-radius: 8px;
background: #F7F7F8;
font: 500 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-anchor-tag {
display: block;
color: #585858;
font: 500 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-anchor-tag:hover {
color: #585858;
}
.tk-work-market {
background: none !important;
padding: 0 50px !important;
}
.tk-faqs-background {
background: none;
}
.tk-work-boxed {
padding-left: 0;
padding-right: 0;
margin: 0;
}
.tk-work-boxed .tk-online-main {
grid-template-columns: repeat(auto-fill, minmax(416px, 1fr));
}
@media (max-width: 480px) {
.tk-work-boxed .tk-online-main {
grid-template-columns: auto;
}
}
.tk-howitworkvtwo.tk-howworkleft {
background: #F7F7F8;
}
.tk-howitworkvtwo.tk-howworkleft::before {
background: #0BB990;
}
.tk-howitworkvtwo.tk-howworkleft::after {
background: #0BB990;
height: 121px;
}
@media (max-width: 991px) {
.tk-howitworkvtwo.tk-howworkleft {
background: rgba(247, 247, 248, 0.8);
}
}
.tk-howitworkvtwo.tk-howworkleft .tk-workinfo h2 {
color: #000;
}
.tk-howitworkvtwo.tk-howworkleft .tk-workslist h4 {
color: #000;
}
.tk-howitworkvtwo.tk-howworkleft .tk-workslist p {
max-width: 450px;
opacity: 0.6;
color: #000;
}
@media (max-width: 767px) {
.tk-howitworkvtwo.tk-howworkleft .tk-workslist p {
max-width: 100%;
}
}
.page-home-six .tk-profile-content > p {
max-width: 550px;
}
.page-home-six .tk-work-title p {
line-height: 25px;
max-width: 800px;
}
.page-home-ten .tk-employment {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}
.page-home-ten .tk-employment > li {
width: 100%;
max-width: 100%;
}
.tk-btn-primary {
gap: 10px;
z-index: 0;
color: #fff;
cursor: pointer;
overflow: hidden;
min-width: 160px;
position: relative;
align-items: center;
display: inline-flex;
letter-spacing: 0.5px;
border-radius: 10px;
justify-content: center;
padding: 16px 38px 16px 38px;
background-color: #ff385c;
font: 500 16px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
transition: all 0.3s ease-in-out;
}
.tk-btn-primary > span {
line-height: 24px;
}
.tk-btn-primary:hover {
color: #fff;
background-color: #ff607d;
}
.page-home-page .pb-themesection .tk-employment > li {
max-width: calc(33.33% - 16px);
}
@media (max-width: 1024px) {
.page-home-page .pb-themesection .tk-employment > li {
max-width: calc(50% - 12px);
}
}
@media (max-width: 767px) {
.page-home-page .pb-themesection .tk-employment > li {
max-width: 100%;
}
}
.page-home-page .pb-themesection:has(.tk-employment-section) .container, .page-home-page .pb-themesection:has(.tk-employment-section) .container-fluid {
max-width: 1320px !important;
}
.page-home-page .pb-themesection .tk-talent-section-users > li {
max-width: calc(33.33% - 16px);
}
@media (max-width: 1024px) {
.page-home-page .pb-themesection .tk-talent-section-users > li {
max-width: calc(50% - 12px);
}
}
@media (max-width: 767px) {
.page-home-page .pb-themesection .tk-talent-section-users > li {
max-width: 100%;
}
}
.page-home-page .pb-themesection:has(.tk-talent-section) .container, .page-home-page .pb-themesection:has(.tk-talent-section) .container-fluid {
max-width: 1320px !important;
}
.page-home-page .tk-employment-section .tk-employment-section {
padding: 80px 12px;
}
@media (max-width: 400px) {
.page-home-ten .tk-employment {
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
}
.tk-cardproject {
gap: 10px;
display: flex;
padding: 33.5px 24px;
position: relative;
border-radius: 20px;
background: #F5FAFF;
align-items: flex-start;
border: 1px dashed #84caff;
}
.tk-cardproject figure {
margin: 0;
position: absolute;
max-width: 220px;
max-height: 220px;
right: 74px;
bottom: 1px;
overflow: hidden;
z-index: 2;
}
@media (max-width: 1399px) {
.tk-cardproject figure {
right: 0;
border-radius: 0 0 20px 0;
}
}
@media (max-width: 1199px) {
.tk-cardproject figure {
right: 74px;
}
}
.tk-cardproject figure img {
width: 100%;
object-fit: cover;
}
.tk-cardproject figure:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 220px;
bottom: -100px;
left: 0;
background: linear-gradient(180deg, var(--gradiant-color) 52.86%, rgba(247, 247, 248, 0) 98.14%);
z-index: 0;
transform: rotate(180deg);
}
.tk-cardprojecttitle {
max-width: 305px;
width: 100%;
}
@media (max-width: 767px) {
.tk-cardprojecttitle {
z-index: 9;
}
}
.tk-cardprojecttitle strong {
margin: 0;
display: block;
color: #ff385c;
letter-spacing: 0.5px;
font: 500 1rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-cardprojecttitle h4 {
margin: 0;
color: #000;
display: inline-block;
font: 500 1.5rem/1.3333333333em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
position: relative;
}
.tk-cardprojecttitle h4:after {
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 5px;
z-index: 1;
mask-size: 100%;
position: absolute;
display: inline-block;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #EE4710;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="431" height="4" viewBox="0 0 431 4" fill="none"%3E%3Cpath d="M0 0.278751C172.995 -0.0891723 258.01 -0.0966491 431 0.27877L424.456 4C247.19 3.62349 180.087 3.57672 11.9121 3.99998L0 0.278751Z" fill="%23FDB022"%3E%3C/path%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="431" height="4" viewBox="0 0 431 4" fill="none"%3E%3Cpath d="M0 0.278751C172.995 -0.0891723 258.01 -0.0966491 431 0.27877L424.456 4C247.19 3.62349 180.087 3.57672 11.9121 3.99998L0 0.278751Z" fill="%23FDB022"%3E%3C/path%3E%3C/svg%3E');
}
.tk-cardprojecttitle p {
color: rgba(0, 0, 0, 0.6);
margin: 6px 0 0;
font: 400 1rem/1.5em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-cardprojecttitle > a {
display: inline-block;
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
z-index: 9;
}
.tk-cardprojecttitle > a > i {
text-align: center;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 16px;
background: #ffffff;
display: inline-block;
color: rgba(30, 30, 30, 0.4);
font-family: "Font Awesome 5 Free";
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.tk-cardprojecttitle .tk-btn {
margin-top: 20px;
}
.tk-cardprojectcolumn .tk-cardproject {
gap: 0;
min-height: 100%;
flex-direction: column;
}
.tk-cardprojectcolumn .tk-cardprojecttitle {
max-width: 555px;
text-align: center;
margin: 0 auto;
}
.tk-cardprojectcolumn .tk-cardprojecttitle p {
margin-top: 20px;
color: rgba(0, 0, 0, 0.7);
}
.tk-cardprojectcolumn figure {
right: 0;
order: -1;
bottom: 0;
position: relative;
max-width: 350px;
max-height: 350px;
margin: -102px auto 50px auto;
}
.tk-btnblue {
background: #D1E9FF !important;
color: #000;
}
.tk-btnblue:hover {
color: inherit;
}
.tk-btnblue::before {
display: none;
}
.tk-btnbrwon {
background: #F8E8C6 !important;
color: #000;
}
.tk-btnbrwon:hover {
color: inherit;
}
.tk-btnbrwon::before {
display: none;
}
.tk-btnpurple {
background: #8854FE !important;
color: white;
}
.tk-btnpurple:hover {
color: inherit;
}
.tk-btnpurple::before {
display: none;
}
.tk-faqs-sectiontwo {
padding: 100px 0;
}
.tk-faqs-sectiontwo .tk-section_title > span {
color: #0BB990;
}
.tk-faqs-sectiontwo .tk-section_title .tk-btn {
color: #ffffff;
background-color: #0BB990;
}
.tk-online-main.tk-online-items {
gap: 24px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.tk-pricing-card {
background-color: #ffffff;
}
.tk-pricing-card .tk-packagepopular .tk-btn-card {
color: #ffffff;
background-color: #ff385c;
}
.tk-feedback-section-vtwo {
background-color: #ffffff;
}
.tk-working-flow {
padding: 99px 0 160px 15.2vw;
}
@media (max-width: 767px) {
.tk-working-flow {
padding-left: 20px;
}
.tk-working-flow .page-home-eleven .tk-working-flow {
padding-left: 20px;
}
}
.tk-working-flow h2 {
max-width: 670px;
}
.tk-working-flow p {
max-width: 800px;
}
.tk-marketplace-slider .swiper-slide {
width: auto;
margin-right: 15px !important;
}
.tk-marketitem {
margin: 0;
padding: 0;
width: 100%;
max-width: 352px;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 767px) {
.tk-marketitem {
max-width: 280px;
}
}
@media (max-width: 420px) {
.tk-marketitem {
max-width: 250px;
}
}
.tk-marketitem figure {
max-width: 100%;
height: 400px;
width: 100%;
margin: 0;
}
.tk-marketitem figure::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 32.6%, rgba(0, 0, 0, 0.6) 79.7%);
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
}
.tk-marketitem figure img {
width: 100%;
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.06);
}
.tk-marketitem figure span {
border-radius: 10px;
background: #ffffff;
display: inline-flex;
padding: 6px 14px;
justify-content: center;
align-items: center;
gap: 10px;
box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
font: 400 14px/20px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: #585858;
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
}
.tk-marketitem figure a {
position: absolute;
color: white;
font: 400 20px/24px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
bottom: 20px;
left: 20px;
z-index: 1;
display: inline-block;
}
.tk-marketplace .swiper-scrollbar {
height: 6px;
bottom: -60px;
max-width: 80%;
background: #EAEAEA;
}
.tk-marketplace .swiper-scrollbar .swiper-scrollbar-drag {
background: #1E1E1E;
}
.tk-profile-contentvtwo {
height: 100%;
padding: 80px 100px;
background: #1E1E1E;
position: relative;
display: flex;
min-height: 625px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
@media (max-width: 1399px) {
.tk-profile-contentvtwo {
padding-left: 60px;
padding-right: 60px;
}
}
@media (max-width: 1199px) {
.tk-profile-contentvtwo {
padding-left: 30px;
padding-right: 30px;
}
.tk-profile-contentvtwo .page-home-five .tk-profile-contentvtwo {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 991px) {
.tk-profile-contentvtwo {
background: rgba(30, 30, 30, 0.8);
}
}
@media (max-width: 767px) {
.tk-profile-contentvtwo {
border-radius: 0 !important;
}
.tk-profile-contentvtwo .page-home-six .tk-work-section {
padding: 50px 0px;
}
}
@media (max-width: 420px) {
.tk-profile-contentvtwo {
padding-left: 20px;
padding-right: 20px;
}
}
.tk-profile-contentvtwo h2 {
color: white;
}
.tk-profile-contentvtwo p, .tk-profile-contentvtwo .tk-bannerlist li {
color: rgba(255, 255, 255, 0.8);
}
.tk-profile-contentvtwo .tk-btn {
margin-top: 30px;
padding-left: 41px;
padding-right: 41px;
}
.tk-profile-contentvtwo::before {
content: "";
filter: blur(132px);
background: #B2DDFF;
opacity: 0.3;
width: 1145.476px;
height: 687.707px;
position: absolute;
left: -390px;
top: -576px;
pointer-events: none;
}
.tk-profile-contentvtwo::after {
content: "";
right: -339px;
bottom: -147px;
filter: blur(132px);
width: 827px;
height: 271px;
position: absolute;
background: #B2DDFF;
opacity: 0.3;
z-index: 0;
pointer-events: none;
}
.tk-profile-contentvtwo .tk-btn-primary {
margin-top: 30px;
border: 1px solid white;
background-color: #ff385c;
}
.tk-profile-contentvtwo .tk-btn-primary:hover {
color: #2B2B2B;
background-color: #FFFFFF !important;
}
.tk-counterlayer {
overflow: hidden;
margin: 0;
position: relative;
}
.tk-counterlayer img {
width: 100%;
max-height: 604px;
object-fit: cover;
height: 100%;
}
.tk-counterlayer .tk-iconplay {
position: absolute;
inset: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.tk-counterlayer:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
pointer-events: none;
}
.tk-cpunterwrapper > .tk-profile-contentvtwo {
max-width: calc(50% + 80px);
}
.tk-cpunterwrapper .tk-counterlayer {
max-width: 50%;
flex: none;
}
.tk-iconplay {
display: inline-flex;
width: 80px;
height: 80px;
justify-content: center;
align-items: center;
border-radius: 50px;
background: #ffffff;
box-shadow: 0px 4px 8px -4px rgba(16, 24, 40, 0.06), 0px 8px 16px -4px rgba(16, 24, 40, 0.1);
}
.tk-iconplay i {
display: inline-block;
color: #1E1E1E;
font-size: 18px;
opacity: 0.8;
}
.tk-couter-wrapper .tk-counternum li {
padding: 0 20px !important;
}
.tk-counternum {
width: 100%;
padding: 60px 0;
gap: 30px 0;
text-align: center;
justify-content: center;
background: #F7F7F8;
border-radius: 20px 20px 0 0;
}
.tk-counternum li {
width: 100%;
height: auto;
max-width: 25%;
padding: 10px;
list-style-type: none;
padding: 10px !important;
}
@media (max-width: 991px) {
.tk-counternum li {
max-width: 50%;
}
}
@media (max-width: 767px) {
.tk-counternum li {
max-width: 100%;
}
}
.tk-counternum .tk-countitem img {
height: 49.5px;
}
.page-home-page .tk-couter-wrapper .tk-counternum li {
padding: 0 !important;
}
.page-home-page .tk-couter-wrapper img {
max-width: 72px;
}
.page-home-page .tk-section_title > span {
margin-bottom: 6px;
}
.tk-hero-banner-twelve .banner-heading-text-color {
font-size: 48px;
line-height: 60px;
letter-spacing: -0.96px;
}
.tk-couter-wrapper .tk-countitem img {
height: 60px;
}
.tk-countitem {
background: #F7F7F8;
}
.tk-countitem img {
height: 60px;
max-width: 100%;
margin-bottom: 15px;
}
.tk-countitem h3 {
margin-bottom: 4px;
font: 500 28px/33px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-countitem span {
display: block;
font: 400 16px/22px "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
color: rgba(30, 30, 30, 0.6);
}
.tk-countitem::before {
background: #0BB990;
}
.tk-countitem::after {
background: #0BB990;
height: 121px;
}
.tk-countitem .tk-workinfo h2 {
color: #000;
}
.tk-countitem .tk-workslist h4 {
color: #000;
}
.tk-countitem .tk-workslist p {
opacity: 0.6;
color: #000;
}
.pb-themesection.griddable .tk-clients-slider .swiper-slide {
margin-right: 0;
}
.pb-themesection:has(.tk-working-flow) {
margin: 0 auto;
border-radius: 0px;
width: calc(100% - 40px);
background-color: #F7F7F8;
}
@media (max-width: 767px) {
.pb-themesection:has(.tk-working-flow) {
width: calc(100% - 20px);
}
}
.pb-themesection:has(.tk-working-flow) .container > .row [class^="col-"], .pb-themesection:has(.tk-working-flow) .container-fluid > .row [class^="col-"] {
padding: 0;
}
.pb-themesection:has(.tk-profile-content) {
padding-top: 100px;
padding-bottom: 100px;
}
.pb-themesection:has(.tk-profile-content) .container {
max-width: 1154px;
}
@media (max-width: 991px) {
.pb-themesection:has(.tk-profile-content) .col-6 {
width: 100%;
}
}
.pb-themesection:has(.tk-offering-section) {
background-color: #ffffff;
}
.pb-themesection:has(.tk-package-section) {
margin: 0 auto;
padding: 100px 0;
border-radius: 20px;
width: calc(100% - 40px);
background-color: #F7F7F8;
}
@media (max-width: 767px) {
.pb-themesection:has(.tk-package-section) {
width: calc(100% - 20px);
}
}
.pb-themesection:has(.tk-howitwork) .container, .pb-themesection:has(.tk-howitwork) .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
}
.pb-themesection:has(.tk-faqs-section) {
margin: 0px auto;
padding: 100px 0;
border-radius: 20px;
width: calc(100% - 40px);
}
@media (max-width: 767px) {
.pb-themesection:has(.tk-faqs-section) {
width: calc(100% - 20px);
}
}
.pb-themesection:has(.tk-expolreproject) {
padding: 100px 0;
}
@media (max-width: 1199px) {
.pb-themesection:has(.tk-expolreproject) .col-6 {
width: 100%;
}
.pb-themesection:has(.tk-expolreproject) .col-6 + .col-6 {
margin-top: 24px;
}
}
.pb-themesection:has(.tk-feedback-section-wrpper) {
width: 100%;
margin: 0 auto;
padding: 100px 0;
overflow: hidden;
background-color: #F7F7F8;
}
.pb-themesection:has(.tk-feedback-section-wrpper) .container {
max-width: 1164px;
}
.pb-themesection:has(.tk-feedback-section-wrpper) .tk-feedback-slider-button {
left: 54.5%;
}
.pb-themesection:has(.tk-profile-contentvtwo) {
padding-top: 0;
padding-bottom: 0;
margin: 0 auto;
width: calc(100% - 40px);
}
@media (max-width: 991px) {
.pb-themesection:has(.tk-profile-contentvtwo) {
position: relative;
}
}
@media (max-width: 767px) {
.pb-themesection:has(.tk-profile-contentvtwo) {
width: calc(100% - 20px);
}
}
.pb-themesection:has(.tk-profile-contentvtwo) > .container > .row > [class^="col-"], .pb-themesection:has(.tk-profile-contentvtwo) .container-fluid > .row > [class^="col-"] {
padding: 0;
}
@media (max-width: 991px) {
.pb-themesection:has(.tk-profile-contentvtwo) > .container > .row > [class^="col-"], .pb-themesection:has(.tk-profile-contentvtwo) .container-fluid > .row > [class^="col-"] {
width: 100%;
}
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-content {
overflow: hidden;
border-radius: 0 0 0 20px;
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-content h2 {
font-size: 42px;
font-weight: 400;
line-height: 50px;
max-width: 520px;
margin: 6px 0 0;
}
@media (max-width: 767px) {
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-content h2 {
font: 400 1.75rem/1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-content h2 > span {
font-weight: 700;
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-content p {
max-width: 660px;
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-bannerlist {
margin-top: 30px;
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-images {
margin: 0;
z-index: 1;
height: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
border-radius: 0 0 20px 0;
}
@media (max-width: 1024px) {
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-images {
border-radius: 0 0 20px 20px;
max-height: 340px;
}
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-images::after {
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.1);
}
.pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-images img {
height: 100%;
width: 100%;
display: block;
object-fit: cover;
}
.pb-themesection:has(.tk-counternum) {
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 767px) {
.pb-themesection:has(.tk-counternum) {
padding-left: 10px;
padding-right: 10px;
}
}
.pb-themesection:has(.tk-counternum) > .container, .pb-themesection:has(.tk-counternum) .container-fluid {
padding: 0;
}
.pb-themesection:has(.tk-counternum) > .container > .row, .pb-themesection:has(.tk-counternum) .container-fluid > .row {
margin: 0;
}
.pb-themesection:has(.tk-counternum) > .container > .row > [class^="col-"], .pb-themesection:has(.tk-counternum) .container-fluid > .row > [class^="col-"] {
padding: 0;
}
.pb-themesection:has(.tk-couter-wrapper) {
padding: 0;
background-color: #F7F7F8;
}
.pb-themesection:has(.tk-couter-wrapper) > .container {
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
}
.pb-themesection.tk-cpunterwrapper {
padding: 0;
margin: 0 auto;
background: #F7F7F8;
width: calc(100% - 40px);
}
.pb-themesection.tk-cpunterwrapper .container-fluid, .pb-themesection.tk-cpunterwrapper .container {
padding: 0;
}
.pb-themesection.tk-cpunterwrapper .container-fluid > .row, .pb-themesection.tk-cpunterwrapper .container > .row {
margin: 0;
}
.pb-themesection.tk-cpunterwrapper .container-fluid > .row > div[class*="col"], .pb-themesection.tk-cpunterwrapper .container > .row > div[class*="col"] {
padding: 0;
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content {
height: 100%;
overflow: hidden;
padding: 80px 100px;
position: relative;
background: #1E1E1E;
border-radius: 0 0 0 20px;
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content::before {
content: "";
filter: blur(132px);
background: #B2DDFF;
opacity: 0.3;
width: 1145.476px;
height: 687.707px;
position: absolute;
left: -390px;
top: -576px;
pointer-events: none;
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content::after {
content: "";
right: -339px;
bottom: -147px;
filter: blur(132px);
width: 827px;
height: 271px;
position: absolute;
background: #B2DDFF;
opacity: 0.3;
z-index: 0;
pointer-events: none;
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content .tk-tagline span {
color: #ff385c;
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content h1 {
color: #ffffff;
font-weight: 400;
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content h1 span {
font-weight: 700;
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content p {
color: rgba(255, 255, 255, 0.8);
}
.pb-themesection.tk-cpunterwrapper .tk-profile-content .tk-bannerlist li {
color: rgba(255, 255, 255, 0.8);
}
.pb-themesection.tk-cpunterwrapper .tk-profile-images {
margin: 0;
width: 100%;
max-width: 100%;
overflow: hidden;
border-radius: 0 0 20px 0;
}
.pb-themesection.tk-cpunterwrapper .tk-btn {
margin-top: 30px;
}
.page-home-seven .pb-themesection:has(.tk-package-section), .page-home-thirteen .pb-themesection:has(.tk-package-section), .page-home-page .pb-themesection:has(.tk-package-section), .page-home-five .pb-themesection:has(.tk-package-section), .page-home-eight .pb-themesection:has(.tk-package-section), .page-home-nine .pb-themesection:has(.tk-package-section), .page-home-twelve .pb-themesection:has(.tk-package-section), .page-home-three .pb-themesection:has(.tk-package-section) {
width: 100%;
border-radius: 0;
}
.page-home-eight .tk-feedback-slider-container::before {
display: none;
}
.tk-profile-images {
margin-left: -25px;
margin-bottom: -30px;
position: relative;
max-width: 1120px;
}
@media (max-width: 991px) {
.tk-profile-images {
margin: 0;
}
}
.bg-right-color > .container > .row > :last-child .tk-cardproject {
border: 2px dashed #E0C486;
background-color: #FFF9EC !important;
}
.bg-right-color > .container > .row > :last-child .tk-cardproject figure:after {
background: linear-gradient(180deg, #fff9ec 52.86%, rgba(247, 247, 248, 0) 98.14%);
}
.bg-right-color > .container > .row > :last-child .tk-cardproject button.tk-btnblue {
background: #F8E8C6 !important;
}
.page-home-seven .tk-work-section {
padding-top: 6px;
}
.page-home-seven .tk-work-title p {
max-width: 800px;
margin: 26px 0 0;
line-height: 1.625em;
letter-spacing: normal;
}
.page-home-six .tk-work-section {
margin: 0;
padding: 100px 3px;
background: #F7F7F8;
}
@media (max-width: 767px) {
.page-home-six .tk-work-section {
padding: 50px 3px;
}
}
.page-home-six .tk-work-title p {
margin-bottom: 20px 0 0;
}
.page-home-six .tk-howitwork {
padding: 0 20px;
}
.page-home-six .tk-howworkleft {
padding-right: 75px;
border-radius: 20px;
width: calc(100% - 746px);
}
.page-home-six .tk-howworkright {
max-width: 825px;
transform: translate(-78px, 0);
}
.page-home-six .pb-themesection:nth-last-child(2) .col-12 {
padding: 0;
}
.pb-themesection:has(.tk-work-section) {
margin: 0 20px;
border-radius: 20px;
}
.page-home-eight .tk-profile-content p {
max-width: 580px;
}
.page-home-ten .tk-employment-section {
padding-top: 20px;
}
@media (max-width: 1236px) {
.page-home-ten .tk-employment-section {
padding-left: 0;
padding-right: 0;
}
}
.page-home-ten .tk-employment-section .tk-btn-two {
background: #EAEAEA;
}
.tk-main-wrapper:has(.page-home-ten) {
background: #F7F7F8;
}
.page-home-ten .pb-themesection:has(.tk-topfooter) {
background-color: #ffffff;
}
.page-about-us .tk-counternum {
margin-top: 50px;
}
.page-about-us .tk-aboutfirst .tk-profile-images {
margin: 0;
max-width: 100%;
}
.page-about-us .tk-aboutfirst .tk-profile-images img {
max-height: 337px;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.page-home-four .pb-themesection:has(.tk-feedback-section-wrpper) {
background: linear-gradient(180deg, #FBF3EE 0%, #FFF 100%);
}
.page-home-four .tk-homebanner_content > h1 {
font-size: 54px;
line-height: 64px;
letter-spacing: 0.5px;
}
.page-home-three .pb-themesection:has(.tk-package-section) {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 1024px) {
.page-home-nine .pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-images {
border-radius: 0 0 20px 0 !important;
}
}
@media (max-width: 767px) {
.tk-homebanner_content {
text-align: center;
}
.tk-homebanner_content h1 {
font-size: 36px;
line-height: 48px;
}
.tk-homebanner_content p {
font-size: 16px;
}
.page-home-seven .tk-section-accordion {
width: 100%;
}
.page-home-seven .tk-work-section {
padding: 6px 0 100px 0;
}
.page-home-twelve .tk-hero-banner-eleven .tk-homebanner_content {
text-align: center;
}
.page-home-twelve .tk-hero-banner-eleven .tk-homebanner_content h1 {
font-size: 36px;
line-height: 48px;
}
.page-home-twelve .tk-hero-banner-eleven .tk-homebanner_content p {
font-size: 16px;
}
.page-home-page .tk-hero-banner-twelve .tk-homebanner_trustedby {
align-items: flex-start;
}
.page-home-page .tk-hero-banner-twelve figure {
max-width: 90%;
}
.page-home-page .tk-hero-banner-twelve figure img {
height: 300px;
}
.page-home-page .tk-hero-banner-twelve .tk-homebanner_content {
text-align: center;
}
.page-home-page .tk-hero-banner-twelve .tk-homebanner_content h1 {
font-size: 38px;
line-height: 48px;
}
.page-home-page .tk-hero-banner-twelve .tk-homebanner_content p {
margin: 0 auto;
font-size: 18px;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_btnwrapper {
justify-content: center;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_content {
text-align: center;
}
.page-home-five .tk-hero-banner-nine .tk-homebanner_content h1 {
font-size: 36px;
line-height: 48px;
}
.page-home-eleven .tk-hero-banner-five figure {
max-width: 100%;
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content {
text-align: center;
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content .tk-search_category {
max-width: 100%;
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content h1 {
font-size: 36px;
line-height: 43px;
}
.page-home-eleven .tk-hero-banner-five .tk-homebanner_content p {
font-size: 16px;
}
.tk-hero-banner-four .tk-homebanner_content h1 {
font-size: 36px;
line-height: 48px;
}
.tk-hero-banner-four .tk-homebanner_content p {
font-size: 16px;
}
.page-home-seven .tk-blog-section {
padding: 100px 20px;
}
.tk-hero-banner-ten .tk-homebanner_content h1 span::after {
mask-size: unset;
}
}
@media (max-width: 1440px) {
.page-home-six .tk-howworkleft {
width: calc(100% - 541px);
padding: 99px 50px 100px 50px;
}
.page-home-six .tk-howworkright {
max-width: 592px;
transform: translate(-50px, 0);
}
}
@media (max-width: 1366px) {
.page-home-six .tk-howworkleft {
align-items: flex-start;
padding: 49px 50px 49px 40px;
}
.page-home-six .tk-howworkright {
max-width: 502px;
}
}
@media (max-width: 1199px) {
.page-home-six .tk-howworkright {
max-width: 100%;
transform: translate(0, 0);
}
.page-home-six .tk-howworkright, .tk-howworkright figure img {
border-radius: 20px;
}
}
@media (max-width: 1200px) {
.pb-themesection:has(.tk-expolreproject) .row {
gap: 30px;
}
}
@media (max-width: 767px) {
.page-home-six .tk-howworkleft {
padding: 30px 10px;
}
.pb-themesection:has(.tk-expolreproject) {
padding: 100px 10px;
}
.pb-themesection:has(.tk-expolreproject) .container {
max-width: 100%;
}
}
@media (max-width: 640px) {
.tk-cardproject {
flex-direction: column-reverse;
}
.tk-cardproject figure {
bottom: 61px;
position: relative;
}
.tk-cardprojecttitle {
max-width: 100%;
}
.tk-cardprojecttitle > a {
position: unset;
transform: translateY(0);
}
.tk-cardproject figure {
right: 0;
}
}
@media (max-width: 480px) {
.pb-themesection:has(.tk-work-section) {
margin: 0;
}
}
.page-home-two .pb-themesection:has(.tk-profile-contentvtwo) .tk-profile-content p {
max-width: 600px;
}
.page-home-two .pb-themesection:nth-last-child(2) .col-12 {
padding: 0;
}
@media (max-width: 1366px) {
.tk-about-image figure img {
max-width: 527px;
}
.tk-addtime-slot li {
max-width: 211px;
}
.tk-portfolios-list .tk-potfolioitem {
width: 50%;
}
.page-home-thirteen .tk-work-section, .page-home-eleven .tk-employment-section, .pb-themesection:has(.tk-faqs-section), .tk-blog-section {
padding: 100px 20px;
}
}
@media (max-width: 1199px) {
.tk-homebanner_trustedby {
margin-bottom: 15px;
}
.page-item-has-children > .sub-menu > .page-item-has-children > a > i {
width: 26px;
height: 26px;
display: flex;
color: #ffffff;
border-radius: 5px;
align-items: center;
justify-content: center;
background-color: #ff385c;
}
.tk-tabicon {
margin: 0;
padding: 0;
border-left: 0;
}
.tk-itemlinksvtwo {
gap: 10px;
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 10px 20px;
border-radius: 4px;
align-items: center;
background: #f7f7f7;
justify-content: space-between;
}
.tk-itemlinksvtwo .tk-startingprice span {
padding-top: 0;
margin-left: 0;
}
.tk-itemlinksvtwo .tk-startingprice {
padding-left: 0;
align-items: flex-start;
flex-direction: column;
}
.tk-main-wrapper:has(.tk-header-v9) .tk-homebanner_content {
padding-right: 20px;
}
.tk-profilebox .tk-services-skeleton li {
width: 50%;
padding: 7px;
list-style: none;
max-width: 50%;
}
.tk-employerproject .tk-employerproject-edit {
gap: 10px;
align-items: flex-end;
flex-direction: column;
}
.tk-employerproject .tk-employerproject-edit h4 {
padding: 0;
}
.tb-header .tb-navbar {
order: 1;
padding-left: 10px;
}
.tb-header.tk-headervtwo .tk-btn-solid-sm.tk-registerbtn, .tb-header.tk-headervtwo .tk-registerbtn.tk-btn-solid-sm-lefticon {
background: #0a1833 !important;
color: #fff !important;
}
.menu-item-has-children .sub-menu .sub-menu li a {
padding-left: 60px;
}
.tb-navbarbtm {
position: relative;
width: 100%;
}
.tb-navbarbtm .navbar-collapse {
z-index: 2;
}
.tb-navbarbtm .tk-seller-list {
margin: 0;
}
.tb-navbarbtm .tk-seller-list .tk-seller-item {
width: 100%;
}
.tb-navbarbtm .tk-seller-list .tk-seller-item a {
width: 100%;
border: 0;
}
.tb-navbarbtm .tk-seller-list .tk-seller-item a.active {
border-radius: 0 !important;
}
.tk-seller-tabs {
padding: 10px 0;
}
.tb-header.tk-headervtwo .tb-headerwrap {
padding: 0;
}
.tb-header .tb-headerwrap {
padding: 10px 0;
text-align: center;
width: 100%;
}
.tk-headervtwo .tb-navbarnav > li > a {
padding: 26px 0;
color: #353648 !important;
}
.tk-seller-counter-list li {
max-width: 50%;
}
.tk-counter-contant {
width: 100%;
}
.menu-item-has-children > .sub-menu .sub-menu {
left: 0;
}
.tk-servicesslider .swiper-slide {
padding: 0 6px;
}
.tk-newprofilewrap {
margin: -62px 0 0 0;
}
.tk-hire-freelancer li {
width: 50%;
}
.tk-proinvoices_table thead tr th:first-child {
padding-left: 10px;
}
.tk-proinvoices_table tbody tr td:first-child {
padding-left: 10px;
}
.tk-deatlswithimg {
gap: 10px;
}
.tk-tabbitem__list {
align-items: flex-start;
flex-direction: column;
gap: 20px;
}
.tk-banner-content {
padding: 0 0 40px;
}
.menu-item-has-children > a:after {
display: none;
}
.tk-dropdowarrow {
display: block;
}
.tb-navbarnav > li:hover > .sub-menu, .tb-navbarnav > li:hover > .mega-menu {
top: 0;
}
.tk-addtime-slot li {
max-width: 20%;
}
.tb-userlogin > .sub-menu {
position: absolute;
top: 100%;
}
.tb-navbar .navbar-collapse {
position: absolute;
width: 100%;
left: 0;
top: 100%;
background: #fff;
padding: 0;
gap: 10px;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
border-radius: 0 0 10px 10px;
}
.tb-navbarnav > li > a {
width: 100%;
padding: 10px 20px !important;
}
.tk-category_list > ul > li {
max-width: 33.33%;
}
.tb-navbar {
padding: 0;
}
.tk-paid-option {
flex-direction: column;
}
.tk-paid-option li {
width: 100%;
}
.tk-opportunities-sec .tk-maintitle h2 {
max-width: initial;
}
.tk-freelancer-profile {
flex-direction: column;
}
.tk-freelancer-profile figure {
margin: 0 0 20px;
}
.tk-freelancerinfo-language {
flex-wrap: wrap;
gap: 0;
margin: -20px;
}
.tk-freelancerinfo-language li {
min-width: 50%;
width: 50%;
padding: 20px;
}
.tk-footernewsletter.tk-footernewsletterv2, .tk-fwidget {
margin: 30px 0 0;
}
.tk-footer .tk-fwidget, .tk-footer .tk-footernewsletter.tk-footernewsletterv2 {
margin: 15px 0 0;
}
.tk-opportunities-sec .tk-motivation_img {
padding-right: 0;
}
.tk-about-image {
display: flex;
margin-top: 30px;
}
.tk-about-image figure {
margin: 0 auto;
}
.tk-proposal-btn a {
max-width: 100%;
}
.tb-navbarnav > li {
margin-left: 0;
border-top: 1px solid #eee;
}
.tb-navbarnav > li ~ li {
padding: 0;
}
.tk-themenav_signbtn {
flex-direction: column;
align-items: flex-start;
border-top: 1px solid #eee;
padding: 10px 20px !important;
gap: 10px;
}
.tk-themenav_signbtn a + a {
margin: 0;
}
.menu-item-has-children .sub-menu {
top: 0;
border: 0;
opacity: 1;
width: 100%;
display: none;
border-radius: 0;
box-shadow: none;
position: relative;
transition: 0.3ms;
visibility: visible;
border-top: 1px solid #eee;
}
.menu-item-has-children .sub-menu li a {
padding: 10px 20px 10px 40px;
border-radius: 0;
}
.menu-item-has-children .sub-menu li + li {
border: 0;
border-top: 1px solid #eee;
}
.tk-about-image figure img {
max-width: 100%;
width: 100%;
}
.tk-linklist li a {
padding: 9px 14px;
}
.tk-servicesslider .swiper-slide {
max-width: 50% !important;
}
.tk-bgback {
min-height: 62px;
}
.tk-sideprofile {
padding: 20px;
}
.tk-asiderightbar {
top: 62px;
}
.tk-project-detail-list, .tk-followsocial, .tk-reviewnew {
padding: 20px;
}
.tk-feedback-item .tk-feedback-slider-content {
width: 100%;
}
table {
border: 0;
}
table caption {
font-size: 1.3em;
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
display: block;
}
table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: 0.8em;
text-align: right;
}
table td::before {
content: attr(data-label);
float: left;
min-width: 120px;
}
table td:last-child {
border-bottom: 0;
}
.tk-status-holder {
margin: 0 0 15px;
}
.tk-header-user-two {
display: flex;
}
.tk-header-user-one {
display: none;
}
}
@media (max-width: 991px) {
.tk-radio-tabs {
flex-wrap: wrap;
}
.tk-feedback-item .tk-feedback-slider-content {
left: 0;
}
.tk-pricing__content {
padding: 29px 19px;
}
.tk-profilebox .tk-services-skeleton li {
width: 100%;
max-width: 100%;
}
.tk-portfolio-slider .tk-swipernav.d-none {
display: flex !important;
}
.tk-formsearchvtwo .tk-taskform .tk-select, .tk-formsearchvtwo .tk-taskform .tk-calendar {
max-width: 50%;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon.tk-select > i, .tk-formsearchvtwo .tk-taskform .tk-inputicon.tk-calendar > i {
left: 10px;
}
.tk-template-serach h5 ~ .tk-search-wrapper {
margin: 10px 0 0;
}
.tk-sorttalent .tk-select, .tk-sorttalent .tk-calendar, .tk-sortby .tk-calendar {
width: 100%;
}
.tk-searchproject {
gap: 10px;
}
.tk-searchproject .tk-sortby {
width: 100%;
}
.tk-searchproject .tk-sortby .tk-actionselect {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-searchproject .tk-select, .tk-searchproject .tk-calendar {
width: 100%;
}
.tk-sorttalent {
width: 100%;
}
.tk-sorttalent .tk-actionselect {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-timecard {
box-shadow: inset 0px 1px 0px #eeeeee;
}
.tk-timecard_toggle {
display: flex;
width: 100%;
padding-left: 0;
}
.tk-timecard_head, .tk-timecard_title {
display: none !important;
}
.tk-timecard_list li {
width: 100%;
flex-wrap: wrap;
}
.tk-timecard_list li:not(.tk-timecard_btns) > *:first-child, .tk-timecard_list li:not(.tk-timecard_btns) > *:nth-child(3), .tk-timecard_list li:not(.tk-timecard_btns) > *:nth-child(2) {
max-width: 100%;
}
.tk-timecard_list li > span {
display: flex;
}
.tk-timecard_list li > span:before {
color: #0a0f26;
flex: none;
width: 100%;
display: block;
max-width: 120px;
text-align: left;
font: 600 0.9375rem/1.6em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
content: attr(data-label);
}
.tk-template-projectvtwo .tk-inputicon {
margin: 0 0 0 !important;
}
.tk-template-projectvtwo .tk-sortby {
margin: 10px 0 0;
width: 100%;
}
.tk-template-projectvtwo .tk-sortby .tk-actionselect2 {
flex-direction: column;
width: 100%;
align-items: flex-start;
}
.tk-template-projectvtwo .tk-sortby .tk-actionselect2 .tk-select, .tk-template-projectvtwo .tk-sortby .tk-actionselect2 .tk-calendar {
margin: 0 0 0;
width: 100%;
}
.tk-newprofilewrap {
margin: -53px 0 0 0;
}
.tk-bgback {
min-height: 52px;
}
.tk-asiderightbar {
min-height: auto;
}
.tk-tabbitem__list.tk-tabbitem__listtwo .tk-deatlswithimg figure {
max-width: 100px;
height: 100px;
}
.tk-searchgig_listing .tk-tabbitem__list.tk-tabbitem__listtwo .tk-deatlswithimg figure {
height: 82px;
}
.tb-dhb-mainheading.tb-disputes-title {
flex-wrap: wrap;
gap: 10px;
}
.tk-generalsearch .tk-inputicon {
margin: 0 !important;
}
.tk-seller-aside {
margin-top: 24px;
}
.tk-seller-tabs {
align-items: center;
gap: 10px;
}
.tk-seller-tabs > nav {
width: 100%;
}
.tk-seller-tabs > nav .tk-seller-item {
width: 100%;
}
.tk-seller-tabs > nav .tk-seller-item a {
width: 100%;
}
.tk-seller-list {
flex-direction: column;
align-items: flex-start;
margin: 0;
}
.tk-asiderightbar {
border: 1px solid #eee;
border-left: 0;
}
.tk-pofilelinks .tk-profilebox {
border: 1px solid #eee;
border-top: 0;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon {
flex: none;
}
.tk-skelton-wrapper .tk-services-skeleton li {
width: 50%;
}
.tk-taskform {
flex-wrap: wrap;
}
.tk-taskform .tk-inputappend_right {
width: 100%;
margin: 0;
}
.tk-taskform .tk-inputappend_right .tk-advancebtn {
flex: auto;
}
.tk-portfolio-slider .swiper-slide {
max-width: 100% !important;
}
.tk-servicesslider .swiper-slide {
max-width: 100% !important;
}
.tk-dhb-mainheading {
padding-top: 0;
}
.tk-servicesslider .swiper-slide {
max-width: 100% !important;
}
tr .tk-project-table-info {
padding-left: 0;
margin: 10px 0 0;
}
tr .tk-project-table-content {
flex-direction: column;
align-items: flex-start;
}
.tk-project-wrapper tr .tk-project-table-info .tk-blogviewdates li {
flex-direction: column;
align-items: flex-start;
}
.tk-allproposallist .tk-template-serach-wrapper {
flex-direction: column;
align-content: flex-start;
width: 100%;
gap: 0;
margin: 0;
}
.tk-allproposallist .tk-template-serach-wrapper .tk-select, .tk-allproposallist .tk-template-serach-wrapper .tk-calendar {
max-width: 100%;
margin: 0;
}
.tk-allproposallist .tk-template-serach-wrapper .tk-template-serach {
min-width: 100%;
}
.tk-category_childlist li > a {
padding: 10px;
}
.tk-category_childlist li.tk-explore-features {
padding: 10px 10px 0;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper {
margin: 20px 0 0;
align-self: flex-start;
}
.tk-dropdowarrow {
display: block;
}
.tk-projectlisting .tk-price-holder {
align-items: flex-start;
}
.tk-addtime-slot li {
max-width: 25%;
}
.tk-timeslot_list {
flex-wrap: wrap;
}
.tk-timeslot_list li {
width: 33.33%;
}
.tb-extrascompleted {
margin: 14px 0 0 0;
gap: 15px;
}
.tb-extrascompleted .tb-tabitemextras {
min-width: 33.33%;
width: 33.33%;
}
.tk-allproposallist {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-project-wrapper .tk-template-serach {
flex-direction: column;
align-items: flex-start;
}
.tk-search-wrapper {
gap: 10px;
flex-direction: column;
width: 100%;
align-items: flex-start;
}
.tk-template-serach .tk-inputicon, .tk-generalsearch {
max-width: 100%;
width: 100%;
}
.tk-template-serach .tk-inputicon {
margin: 15px 0 0;
}
.tk-hire-freelancer li {
width: 50%;
}
.tk-template-serach .tk-inputicon .form-control {
width: 100%;
}
.tk-search-wrapper .tk-sort {
width: 100%;
padding: 0;
}
.tk-search-wrapper .tk-sort .tk-sortby {
margin-left: 0;
width: 100%;
}
.tk-search-wrapper .tk-sort .tk-sortby .tk-select, .tk-search-wrapper .tk-sort .tk-sortby .tk-calendar {
width: 100%;
}
.tk-category_list > ul > li {
max-width: 50%;
}
.tk-main-sectionv2 .tk-main-title-holder {
margin: 0 0 30px;
}
.tk-employerproject-edit {
flex-direction: column;
align-self: flex-start;
gap: 10px;
align-items: flex-end;
}
.tk-employerproject-edit h4 {
padding: 0;
}
aside .tk-project-wrapper {
margin: 30px 0 0;
}
.tk-areasizebox .form-control {
max-width: 100%;
}
.tk-searchfilter {
margin: 0 0 30px;
}
.tk-main-sectionv2 .tk-main-title-holder {
flex-direction: column;
padding: 0;
}
.tk-ouraim-section.tk-main-sectionv2 .tk-main-title-holder {
margin: 0;
}
.tk-asideholder {
margin: 30px 0 0;
}
.tk-accordion_title {
padding: 20px;
}
.tk-question-section > a {
margin: 30px 0 0;
}
.tk-accordion_title:after {
right: 20px;
top: 20px;
}
.tk-accordion_info {
padding: 0 20px 20px;
}
.tk-seller-project-activity .tk-employerproject {
flex-direction: column;
gap: 30px;
}
.tk-seller-project-activity .tk-employerproject .tk-employerproject-title {
width: 100%;
}
.tb-earninginvoices {
flex-wrap: wrap;
}
.tb-earninginvoices .tb-earningcostvtwo {
padding: 8px;
width: 50%;
}
.tk-linklist {
padding: 10px 10px 0;
}
.tk-aside-listvtwo li {
width: 50%;
}
.tk-themesidebar {
left: -300px;
transition: all 0.3s ease-in-out;
}
.tk-themesidebar.wr-expanded {
left: 0;
}
}
@media (max-width: 767px) {
.wo-inputicon .tb-actionselect.tb-actionselect2 {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.page-home-thirteen .tk-work-section, .page-home-eleven .tk-employment-section, .pb-themesection:has(.tk-faqs-section), .tk-blog-section {
padding: 100px 10px;
}
.tb-sortby .tb-themeform__wrap {
flex-direction: column;
}
.tk-counterinfo_list li:not(:last-child) {
box-shadow: inset 0 -1px 0px #eeeeee;
}
.tk-employerproject .tk-employerproject-edit {
margin: 0;
width: 100%;
align-items: flex-start;
}
.tk-employerproject .tk-employerproject-edit .tk-btn-solid-lg, .tk-employerproject .tk-employerproject-edit .tk-btn-solid-lg-lefticon {
width: 100%;
}
.tk-contenthasfig .tk-blogviewdates.tk-blogviewdatessm {
gap: 15px;
flex-direction: column;
align-items: flex-start;
}
.tk-contenthasfig .tk-blogviewdates.tk-blogviewdatessm li {
width: 100%;
}
.tk-projectsstatus_budget .tk-projectsstatus_option {
position: absolute;
top: 0;
}
.tk-counterinfo.mt-4 {
margin: 0 !important;
}
.tk-timecards_total {
display: inline-block;
}
.tk-timecards_total .tk-calendar.tk-select, .tk-timecards_total .tk-calendar {
margin-top: 15px;
}
.tk-timecards_total h6, .tk-timecards_total .tk-verified-info > a, .tk-timecards_total .tk-verified-info strong, .tk-verified-info .tk-timecards_total strong {
width: auto;
float: left;
}
.tk-linklist li .active {
border: 0;
border-radius: 0;
}
.tk-linklist li a {
padding: 15px 30px;
}
.tk-price-holder {
position: relative;
}
.tk-projectsstatus_option {
position: absolute;
right: 0;
top: -10px;
}
.tk-tabbitem__list.tk-tabbitem__listtwo .tk-deatlswithimg {
flex-direction: column;
}
.tk-payouthistoryvtwo .tk-emptyheading {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tb-sortby {
width: 100%;
}
.tk-skeltontop {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.tk-section-skeleton .tk-skeletonseven {
margin: 20px 0 0 0;
}
.tk-section-skeleton .tk-skeleton-left {
margin: 10px 0 0;
}
.tk-skelton-wrapper .tk-services-skeleton li {
width: 100%;
}
.tk-formsearch fieldset .tk-taskform {
flex-direction: column;
}
.tk-searchbar .form-group-wrap {
flex-wrap: wrap;
}
.tk-searchbar .form-group-wrap .form-group {
width: 100%;
}
.tk-formsearch fieldset .tk-taskform {
padding: 0;
}
.tk-asiderightbar {
position: relative;
top: 0;
}
.tk-linklist {
position: relative;
padding: 0;
}
.tk-qualificationvtwo .tk-accordion_title {
padding: 0;
}
.tk-bgback {
display: none;
}
.tk-profilebox {
padding: 20px;
}
.tk-freelancer-profile-price .tk-saved, .tk-freelancer-profile-price .tk-save {
margin: 0;
}
tr .tk-project-table-info {
padding-left: 10px;
margin: 0;
}
.tk-project-wrapper tr .tk-project-table-info .tk-blogviewdates li {
flex-direction: row;
align-items: center;
}
tr .tk-project-table-content {
flex-direction: row;
align-items: center;
}
.tk-betaversion-wrap .tk-downloadbtn {
padding: 0;
margin-left: 0;
flex: 1;
align-self: flex-start;
}
.tk-timecard_list li > span {
flex-wrap: wrap;
}
.tk-timecard_list li > span:before {
max-width: 100%;
}
.tk-timecard_list li.tk-timecard_btns {
flex-wrap: wrap;
gap: 10px;
flex-direction: column;
align-items: flex-start;
padding-left: 0;
}
.tk-proposals-btn button + button {
margin-left: 0;
}
.tk-itemlinksvtwo .tk-switchservice {
margin: 0;
padding: 0;
border-left: 0;
}
.form-group-3half {
width: 100%;
}
.tk-bidbtn {
gap: 10px;
display: flex;
flex-direction: column;
}
.tk-bidbtn a + a {
margin-left: 0;
}
.tk-skeleton-left {
flex-direction: column;
align-items: flex-start;
}
.tk-right-sk-right {
width: 100%;
}
.tk-right-sk {
gap: 20px;
height: auto;
flex-direction: column;
align-items: flex-start;
}
.tk-right-sk-end {
max-width: 100%;
align-items: center;
flex-direction: row;
}
.tk-skeletonseven {
margin: 0;
}
.tk-right-sk-end .tk-line:nth-child(2) {
margin: 0 0 0 auto;
}
.tk-section-skeleton .tk-box {
padding: 20px;
}
.tb-extrascompleted .tb-tabitemextras {
min-width: 100%;
width: 100%;
}
.tk-footerv2 .tk-footer-two_copyright .wk-fcopyright_list {
margin-left: 0;
}
.tk-footerv2 .tk-footer-two_copyright .wk-fcopyright_list ul {
gap: 0 20px;
}
.tk-linestyle {
display: none;
}
.tk-timecards_total {
flex-direction: column;
align-items: flex-end;
gap: 10px;
}
.tk-invoice-table.tk-table > thead > tr > th {
padding: 5px 10px;
}
.tk-invoice-table.tk-table > tbody > tr td {
padding: 14px 18px 13px 8px;
}
.tk-invoice-table.tk-table > tbody > tr td + td:nth-child(2) {
width: auto;
}
.tk-sumtotal {
min-width: 100%;
}
.tk-tasksinfos {
flex-direction: column;
}
.tk-about-image {
margin-bottom: 60px;
}
.tk-about-image figure figcaption {
margin: 0 -305px -60px 0;
}
.tk-template-list_content {
flex-direction: column;
align-items: flex-end;
gap: 10px;
padding: 20px;
}
.tk-projectsstatus_option {
margin-left: 0;
float: right;
width: 100%;
text-align: right;
}
.tk-contract-list {
text-align: left;
}
.tk-price {
text-align: left;
width: 100%;
padding: 0;
}
.tk-invite-bidbtn {
width: 100%;
}
.tk-price > span, .tk-price > h4 {
text-align: left;
}
.tk-proposal-list {
flex-wrap: wrap;
}
.tk-search-wrapper {
flex-direction: column;
gap: 15px;
align-items: flex-start;
width: 100%;
}
.tk-search-wrapper input, .tk-search-wrapper .tk-sort .tk-sortby {
width: 100%;
}
.tk-sortby .tk-select, .tk-sortby .tk-calendar {
width: 100%;
}
.tk-search-wrapper .tk-sort {
width: 100%;
padding: 0;
}
.tb-privacy-wrapper .tb-profileform__content {
flex-wrap: wrap;
gap: 15px;
}
.tb-dhbbtnarea em, .tk-dhbbtnarea em {
padding: 0;
}
.tb-profile-settings-box .tb-tabtasktitle, .tk-deactive-holder, .tk-dhbbtnarea {
padding: 20px;
}
.tk-otherproject .tk-verified-info {
margin: 0 0 0;
}
.tk-project-box + .tk-profile-form {
padding: 0 20px 30px;
}
.tk-price-holder {
flex-direction: column;
gap: 20px 0;
}
.tk-tabbitem__listtwo {
gap: 20px;
flex-direction: column;
align-items: flex-start;
}
.tk-template-serach .tk-inputicon {
max-width: 100%;
margin: 5px 0 0 0;
}
.tk-template-serach .tk-select, .tk-template-serach .tk-calendar {
margin: 0;
}
.tk-searchgig_listing .tk-deatlswithimg {
gap: 20px;
flex-direction: column;
align-items: flex-start;
}
.tk-freelancerinfo-language {
margin: -10px;
}
.tk-freelancerinfo-language li {
min-width: 100%;
width: 100%;
padding: 10px;
}
.tk-freelancerinfo-holder {
flex-direction: column;
}
.tk-freelancer-profile-price {
background: #f7f7f7;
width: 100%;
display: flex;
padding: 10px 20px;
flex-wrap: wrap;
border-radius: 4px;
align-items: center;
gap: 10px;
justify-content: space-between;
margin-top: 20px;
}
.tk-radio-tabs li + li {
margin: 15px 0 0;
}
.form-group-half {
width: 100%;
}
.tk-priorityradiov2 li {
width: 100%;
}
.tk-priorityradiov2 {
flex-direction: column;
align-items: flex-start;
padding: 0;
}
.tk-milestone-wrapper {
align-items: flex-start;
flex-direction: column;
gap: 15px 0;
}
.tk-project-wrapper .tk-template-serach {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-freelancer-search figure {
align-self: flex-start;
}
.tk-employerproject {
gap: 20px;
flex-direction: column;
align-items: flex-start;
}
.tk-project-box {
padding: 30px 20px 20px;
}
.tk-project-box-two.tk-proposalbtns {
flex-wrap: wrap;
padding-top: 20px;
}
.tk-serviesbann__content {
padding: 20px;
}
.tk-blogviewdatessm {
gap: 15px;
}
.tk-project-box .tk-projectbtns {
flex-wrap: wrap;
gap: 15px;
}
.tk-counter {
width: 100%;
gap: 20px 0;
}
.tk-counter li {
width: auto;
}
.tk-counter li:last-child {
border: 0;
padding: 0;
margin: 0;
}
.tk-about-image figure > img {
width: auto;
}
.tk-about-image figure figcaption img {
width: auto;
}
.tk-employerproject-edit {
padding-left: 0;
margin-left: auto;
}
.tk-seller-project-activity .tk-projectsstatus_head {
gap: 20px;
flex-direction: column;
}
.tk-projectsstatus_budget {
width: 100%;
flex-direction: column;
}
.tk-projectsstatus_budget strong {
display: flex;
flex-direction: column;
width: 100%;
text-align: left;
}
.tk-notify_title {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.tk-notify_title .tk-notify-content {
margin: 0;
}
.tk-notify {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-timecards_head {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-timeslot-btn {
flex-direction: column;
align-items: flex-end;
gap: 15px;
}
.tk-conversation-holder {
padding: 15px;
}
.tk-proactivity_file {
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 10px;
}
.tk-projectsstatus_head {
flex-direction: column;
gap: 15px 0;
}
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails h6 + .tk-rateviews, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info > a + .tk-rateviews, .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info strong + .tk-rateviews, .tk-verified-info .tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails strong + .tk-rateviews {
padding-left: 0;
}
.tk-savelisting > li {
padding: 20px;
}
.tk-otherproject > span ~ .tk-project-box {
margin: 4px 0 0;
}
.tk-project-detail {
width: 100%;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0 0;
}
.tk-freelancers-list > li {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-milestones-input {
flex-direction: column;
gap: 10px;
}
.tk-milestones-input .tk-placeholderholder {
width: 100%;
}
.tk-betaversion-wrap {
padding: 20px;
flex-direction: column;
gap: 10px;
}
.tk-price-two {
background: #f7f7f7;
width: 100%;
display: flex;
padding: 10px 20px;
flex-wrap: wrap;
border-radius: 4px;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.tk-dispute {
gap: 20px;
}
.tk-dispute .tk-dispute_holder {
width: 100%;
}
.tk-dispute .tk-dispute_holder .tk-dispute_title {
order: 2;
text-align: left;
}
.tk-dispute .tk-dispute_progress {
margin: 0 auto;
}
.tk-dispute .tk-dispute_progress span i {
transform: rotate(90deg);
display: inline-block;
}
.tk-dispute_title span {
text-align: left;
}
.tk-hire-freelancer li {
width: 100%;
}
.tk-template-serach-wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 10px;
}
.tk-template-serach-wrapper .tk-select, .tk-template-serach-wrapper .tk-calendar {
max-width: 100%;
}
.tk-login-content .form-group-radio {
flex-direction: column;
}
.tk-login-content .form-group-radio .tk-form-checkbox {
width: 100%;
}
.tk-addtime-slot li {
max-width: 33.33%;
}
.tk-printable {
padding: 20px;
}
.tk-invoice-table.tk-table > tbody > tr td:last-child {
width: auto;
text-align: right;
}
.tk-subtotalbill {
max-width: 100%;
}
.tk-proinvoices_table tbody tr td:first-child {
padding-left: 0;
}
.tk-proinvoices_table tbody tr td {
padding: 13px 0;
}
.tk-taskform .tk-inputicon.tk-select > i, .tk-taskform .tk-inputicon.tk-calendar > i {
left: 10px !important;
}
.tk-inputicon .select2-container--default .select2-selection--single {
padding: 0 40px 0 46px;
}
.tk-formsearchvtwo .tk-taskform .tk-inputicon {
flex: auto;
max-width: 100%;
}
.tk-find-talent .tk-project-box {
padding: 20px;
}
.tk-find-talent .tk-blogviewdatessm {
gap: 0 10px;
}
.tk-find-talent .tk-price-two {
padding: 0 !important;
background-color: transparent;
}
.tk-find-talent .tk-project-option {
width: 100%;
margin: 0;
}
.tk-find-talent .tk-price-holder {
gap: 10px 0;
align-items: flex-start;
}
.tk-newprofilewrap {
margin: 0;
}
.tk-asiderightbar {
border-top: 0;
}
.tk-timecards_total {
width: 100%;
}
.tk-timecards_total .tk-calendar {
padding-left: 0;
}
.page-home-two .tk-counternum li {
padding: 0 !important;
}
.tk-main-wrapper:has(.tk-header-v2) .tk-hero-banner-two {
padding: 248px 24px 120px;
}
.tk-hero-banner-two .tk-homebanner_content {
padding: 0;
}
.tk-hero-banner-two .tk-bannersingle-slider {
margin: 0;
}
.page-home-two .tk-homebanner_content h1 {
font-size: 38px;
line-height: 48px;
}
.page-home-two .tk-homebanner_content h1 > span {
font-size: 38px;
line-height: 48px;
}
.page-home-two .tk-homebanner_content .banner-paragraph-text-color {
font-size: 18px;
line-height: 24px;
}
.tk-profile-contentvtwo .tk-btn-primary {
width: 100%;
max-width: 480px;
}
.page-home-eleven .tk-search_category .tk-search-menu {
width: 74%;
max-width: 68%;
}
}
@media (max-width: 575px) {
.tk-offer-milestone .tk-statusview_title {
flex-direction: column;
align-items: flex-start;
}
.tk-sorttalent {
width: 100%;
}
.tk-proposal-btn {
flex-wrap: wrap;
}
.tk-proposal-btn a {
width: 100%;
}
.tk-prouserslist {
justify-content: unset;
}
.tb-sortby .tb-themeform__wrap {
flex-direction: column;
}
.tk-actionselect, .tb-actionselect {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-dhb-mainheading {
flex-direction: column;
align-items: flex-start;
}
.tk-dhb-mainheading .tk-sortby {
width: 100%;
margin: 0;
}
.tk-advancesearch {
max-width: 100%;
}
.tk-freelancer-search {
flex-direction: column;
gap: 15px;
}
.tk-taskform .tk-inputicon {
flex: auto;
max-width: 100%;
}
.tk-inputappend_right .tk-btn-solid-lg, .tk-inputappend_right .tk-btn-solid-lg-lefticon {
width: 100%;
}
.tk-taskform .tk-inputappend_right {
margin: 0;
flex-wrap: wrap;
}
.tk-banner figure img {
height: 200px;
}
.tk-portfolios-list .tk-potfolioitem {
width: 100%;
}
.tk-faq-acordian-two .tk-accordion li .tk-accordion_title h6, .tk-faq-acordian-two .tk-accordion li .tk-accordion_title .tk-verified-info > a, .tk-faq-acordian-two .tk-accordion li .tk-accordion_title .tk-verified-info strong, .tk-verified-info .tk-faq-acordian-two .tk-accordion li .tk-accordion_title strong {
padding: 0 10px 0 0;
}
.tk-project-wrapper .tk-project-table-info .tk-blogviewdates li {
flex-direction: revert;
align-items: center;
}
.tk-icondetails .tk-profilestatus {
width: 100%;
flex-direction: column;
gap: 10px;
}
.tk-icondetails .tk-profilestatus .tk-profiletime {
width: 100%;
}
.tk-icondetails .tk-profilestatus .tk-profiletime .tk-profileprogress {
width: inherit;
}
.tk-icondetails .tk-profilestatus li + li {
margin: 0;
}
.tk-project-table-content {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.tk-project-table-info {
padding-left: 0;
}
.tk-fwidget_list li {
width: 100%;
}
.tb-sortby .tb-actionselect2 .select2-container {
width: 220px !important;
}
.tk-professionolslider ul {
bottom: -40px;
}
.tk-milestones-input {
flex-wrap: wrap;
gap: 10px;
}
.tk-milestones-input .tk-addslots {
width: 100%;
}
.tk-savebtn.tk-btnwrapper {
flex-wrap: wrap;
}
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper {
margin-left: 0;
align-self: flex-start;
}
.tk-motivation_list li {
line-height: 21px;
}
.tk-motivation_list li span {
align-items: flex-start;
}
.tk-uploadprofilepic {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.tk-seller-project-activity .tk-projectsactivity .tk-nav-tabs {
padding: 0;
margin: 0 0 15px;
}
.tb-dhb-mainheading {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-testimonial .tk-professionolslider .splide__pagination {
bottom: 0;
margin: 40px 0 0;
position: relative;
}
.tk-search_category .tk-search-menu {
width: 100% !important;
max-width: 100% !important;
float: none;
}
}
@media (max-width: 480px) {
.tk-qualificationvtwo .tk-accordion_info {
padding: 0 10px 20px !important;
}
.tb-header .tb-headerwrap .tk-logo {
display: block;
margin: 0;
}
.tb-header .tb-headerwrap .tb-headerwrap__right {
padding-left: 10px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.tb-header .tb-userlogin::after {
right: 15px;
}
.tk-seller-counter-list li {
width: 100%;
}
.tk-prouserslist a {
min-width: 100%;
}
.tk-addtime-slot li {
min-height: auto;
}
.tk-template-view {
flex-direction: column;
align-items: flex-start;
}
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews {
flex-direction: column;
align-items: flex-start;
}
.tk-dhb-mainheading h3 {
font-size: 22px;
}
.tb-navbarbtm .navbar-collapse {
width: 260px;
}
.tk-seller-counter-list li {
max-width: 100%;
}
.tk-aside-list li {
width: 100%;
}
.tb-header .tb-userlogin .tk-wallet {
display: none;
}
.tb-sortby .tb-themeform__wrap {
flex-direction: column;
}
.tb-header .tb-headerwrap .tb-navbar {
float: right;
margin-left: auto;
}
.tb-header .tb-headerwrap .tk-logo {
display: block;
margin: 0 0 15px;
float: left;
}
.tk-aside-list li {
width: 100%;
}
.tk-maintitlev2 h2, .tk-maintitle-two h2, .tk-maintitle h2 {
font-size: 1.625rem;
line-height: 1.3846153846em;
}
.tk-maintitlev2 > span, .tk-maintitle-two > span, .tk-maintitle > span {
font-size: 1.25rem;
line-height: 1.4em;
}
.tk-maintitle h3 {
font-size: 1.25rem;
line-height: 1.4em;
}
.tk-themebanner_list li {
width: 100%;
}
.tk-themebanner_list li .tk-btn-solid-lg, .tk-themebanner_list li .tk-btn-solid-lg-lefticon, .tk-themebanner_list li .tk-btn-solid-white {
width: 100%;
}
.tk-mainbtnlist li {
width: 100%;
}
.tk-mainbtnlist li a {
width: 100%;
}
.tk-addtime-slot li {
max-width: 50%;
}
.tk-timeslot_list li {
width: 50%;
}
.tk-proinvoices_table tbody tr td:first-child {
padding-left: 0;
}
.tk-proinvoices_table tbody tr td {
padding: 6px 2px;
}
.tk-proinvoices {
padding: 0 10px 30px;
}
.tb-popuptitle {
padding: 20px 20px;
}
.modal .modal-body, .tk-popup_title {
padding: 20px;
}
.tk-freelancer-box.tk-client-review {
padding-left: 0;
}
.tk-footer-two .tk-footer-two_head {
padding-top: 40px;
padding-bottom: 40px;
}
.tk-bannerv3_title h1, .tk-bannerv3_title strong {
font-size: 40px;
font-weight: 600;
}
.tk-bannerv3_title h1 img, .tk-bannerv3_title strong img {
max-width: 28px;
}
.tk-talents-search_title, .tk-talents-search_content {
padding: 20px;
}
.tk-proposalbtns {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tb-profileform__content {
flex-direction: column;
}
.tb-deactivate-wrapper .tb-titleinput {
flex: 1;
padding: 0;
margin: 0 0 10px;
}
.tk-login-content {
padding: 20px;
}
.tk-question-section {
padding: 20px;
}
.tk-serviesbann__content {
flex-direction: column;
align-items: flex-end;
}
.tk-freelancer-box {
padding: 20px;
}
.tk-qualification .tk-accordion_title {
padding: 10px;
}
.tk-freelancerinfo-holder + .tk-freelancerinfo-holder {
margin-top: 20px;
}
.tk-dragfile {
flex-direction: column;
align-items: flex-start;
}
.tk-dragfile .tk-fileareaitem {
margin: 0 0 10px;
}
.tk-counter li {
width: 100%;
}
.tk-counter li + li {
padding-left: 0;
margin-left: 0;
border-left: 0;
}
.tk-profeesonitem {
max-width: 100%;
margin: 0 auto;
}
.tk-today-timeslot li {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.tk-conversation-holder {
padding: 15px;
}
.tk-category_list > ul > li {
max-width: 100%;
}
.tk-project-detail-list, .tk-followsocial, .tk-reviewnew, .tk-profilebox, .tk-sideprofile {
padding: 12px;
}
.tk-swipernav {
margin-top: 10px;
}
.tk-hero-banner-nine .tk-homebanner_categories .tk-homebanner_categories_list {
max-width: calc(100vw - 30px);
}
.tk-main-wrapper:has(.tk-header-v4) .tk-hero-banner {
padding-top: 180px;
}
}
@media (max-width: 420px) {
.tk-project-wrapper .tk-employerproject-title > .tk-blogviewdates {
margin-top: 10px !important;
flex-direction: column;
align-items: flex-start;
}
.tb-userlogin .sub-menu {
width: 285px;
}
.tk-tabbitem .tk-tabbitem__list.tk-tabbitem__listtwo .tk-startingprice {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.tk-sync__content {
max-height: 250px;
}
.tk-additionalservicesvtwo .tk-form-checkbox {
flex-direction: column;
gap: 10px;
}
.tk-additionalservicesvtwo .tk-form-checkbox .tk-additionolinfo {
margin: 0;
}
.tk-addcartinfoprice {
width: 100%;
}
tr .tk-project-table-content {
flex-direction: column;
align-items: flex-start;
}
tr .tk-project-table-info {
padding-left: 0;
}
.tk-hire-freelancer_content {
flex-direction: column;
align-items: flex-start;
}
.tk-hire-freelancer_content .tk-hire-freelancer-info {
padding-left: 0;
}
.tk-hire-freelancer_content > span {
position: absolute;
right: 40px;
}
.tk-statusview_btns {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-statusview_btns a + a {
margin-left: 0;
}
.tk-projectprice-option.tk-projectpaid-single {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-statusview_head {
display: flex;
flex-direction: column-reverse;
}
.tk-statusview_head .tk-statusview_title {
margin: 10px 0 0;
}
.tk-sidebarpkg-two .tk-sectiontitle {
display: flex;
flex-direction: column;
}
.tk-sidebarpkg-two .tk-sectiontitle img {
flex: none;
width: 64px;
}
.tk-sidebarpkg-two .tk-sectiontitle .tk-packegeplan {
margin: 10px 0 0;
padding: 0;
}
.tk-status-holder {
padding: 20px;
}
.tk-project-boxvtwo .tk-attechment-tittle {
flex-direction: column;
align-items: flex-start;
}
.tk-accord-rightside {
margin-left: auto;
}
.tk-uploaditem {
padding: 10px 10px;
flex-direction: column;
align-items: flex-start;
}
.tk-uploadlist li img {
margin-right: 10px;
}
.tk-text-flex {
flex-direction: column;
align-items: flex-start;
}
.tk-pricing__content {
padding: 19px 9px;
}
.tk-pricinglist__content {
flex-direction: column;
align-items: flex-start;
}
.tk-slider-content {
padding: 19px;
}
.tk-projectlisting {
padding: 19px;
}
.tk-timecard_info {
gap: 20px;
margin-left: 0;
}
.tb-limit > em {
right: 0;
top: 0;
transform: none;
position: relative;
}
.tk-timecard_title p {
max-width: 86px;
}
.tk-timecard_title {
padding: 4px 10px;
}
.tk-savebtnfeed a {
width: 100%;
}
.tk-notify, .tk-projectsstatus_head, .tk-submitreview, .tk-projectsactivity .tk-nav-tabs, .tk-timecards, .tk-uploadfile-doc, .tk-freelancers-list > li, .tk-faq-acordian-two, .tk-projectsinfo, .tk-projectpaid-list, .tk-gigfeatures, .tk-checkoutinfo, .tk-gigcheckout .tk-asideholder, .tk-profile-form {
padding: 20px;
}
.tk-pakagelist-item a {
padding: 10px;
}
.tk-text-wrapper {
padding: 0 20px 20px;
}
.tk-notify.tk-notify-dispute .tk-btnholder {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.tk-notify.tk-notify-dispute .tk-btnholder > a {
width: 100%;
}
.tk-question-section > a {
width: 100%;
}
.tk-itemlinksvtwo .tk-startingprice {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.tk-freelancers-info {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-bidbtn {
flex-direction: column;
display: flex;
gap: 10px;
}
.tk-bidbtn a + a {
margin-left: 0;
}
.tk-messages-sender .tk-message {
flex-wrap: wrap;
}
.tk-messages-sender .tk-message-content {
width: 100%;
}
.tk-messages-reciver .tk-message {
flex-wrap: wrap;
}
.tk-messages-reciver .tk-message-content {
width: 100%;
}
.tk-about-image figure {
flex-direction: column;
}
.tk-about-image figure figcaption {
display: none;
}
.tk-about-image {
margin-bottom: 0;
}
.tk-about-image figure > img {
width: 100%;
}
.tk-employerproject-edit {
flex-direction: column;
width: 100%;
align-items: flex-end;
gap: 10px;
}
.tk-employerproject-edit h4 {
padding: 0;
}
.tk-projectsactivity .tk-nav-tabs {
flex-direction: column;
justify-content: center;
align-content: center;
}
.tk-projectsactivity .tk-nav-tabs li {
width: 100%;
}
.tk-projectsstatus_info {
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 10px;
}
.tk-contract-list {
min-width: 200px;
}
.tk-counterinfo_list li .tk-counterinfo-title {
width: 100%;
}
.tk-counterinfo_list li {
gap: 10px;
}
.tb-earninginvoices .tb-earningcostvtwo {
padding: 5px 0;
width: 100%;
}
.croppie-container .cr-boundary {
width: auto !important;
}
}
@media (max-width: 380px) {
.tk-find-talent .tk-blogviewdatessm {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.tk-qualificationvtwo.tk-qualification .tk-accordion_title {
flex-wrap: wrap;
}
.tk-qualificationvtwo.tk-qualification .tk-accordion_title > a {
right: 10px;
top: 10px;
}
.tk-qualificationvtwo.tk-qualification .tk-accordion_title h5 {
padding: 0;
}
.tk-qualificationvtwo.tk-qualification .tk-detail__icon {
padding-right: 0;
}
.tk-qualificationvtwo.tk-qualification .tk-accordion_title:before {
content: none;
}
.tb-userlogin .sub-menu {
width: 270px;
margin: 0 0 0 0;
}
}
@media (max-width: 360px) {
.tk-payoutmethodvtwo .tk-radiobox {
padding: 8px 7px;
}
.tk-project-box .tk-payoutmethod label .tk-payment-method {
gap: 5px;
}
.tk-sidetooglearea .tk-toggler-btn {
left: 270px !important;
}
.tk-themesidebar {
width: 270px !important;
left: -270px !important;
}
.tk-themesidebar.wr-expanded {
left: 0 !important;
}
.tk-addtime-slot li {
max-width: 100%;
}
.tk-project-type {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.tk-project-type > div {
margin-left: 0;
}
.tk-ourexperience .tk-store-content {
flex-direction: column;
}
.tk-timeslot_save span + .tk-btn-solid, .tk-timeslot_save span + .tk-btn-solid-sm, .tk-timeslot_save span + .tk-btn-solid-sm-lefticon, .tk-timeslot_save span + .tk-btn-solid-lg, .tk-timeslot_save span + .tk-btn-solid-lg-lefticon, .tk-timeslot_save span + .tk-btn-solid-lefticon, .tk-timeslot_save span + .tk-featuretag {
margin: 0;
}
.tk-sellermenu .tb-userlogin .sub-menu {
margin: 0 -30px 0 0;
}
.tk-usermenu li.tk-usermenu_account span {
flex-wrap: wrap;
justify-content: space-between;
}
.tk-usermenu li.tk-usermenu_account span strong {
margin-left: 0;
}
}
@media (max-width: 1019px) {
.tk-main-wrapper:has(.tk-header-v13) .tk-hero-banner-twelve {
flex-direction: column;
}
.tk-homebanner_content p, .page-home-page .tk-hero-banner-twelve figure, .tk-hero-banner-twelve .tk-homebanner_content {
width: 100%;
text-align: center;
max-width: 100%;
}
.tk-homebanner_trustedby, .sc-banner-01-wrapper .tk-search_category {
margin: 0 auto;
width: 100%;
align-items: center !important;
}
.page-home-page .tk-hero-banner-twelve .tk-homebanner_content {
margin-bottom: 20px;
}
.tk-hero-banner-eight .tk-search_category {
max-width: 90%;
}
}
@media (max-width: 767px) {
.sc-banner-01-wrapper .tk-search_category {
margin: 0 auto;
display: block;
border-radius: 10px;
padding: 10px 10px 10px 13px;
}
.tk-hero-banner-three .tk-search_category .tk-search_icon {
border-radius: 10px;
}
.tk-search_category .tk-search-menu {
float: left;
text-align: left;
max-width: 100%;
width: calc(100% - 70px);
}
.tk-hero-banner-twelve .tk-search_icon {
float: right;
}
.tk-search_category .tk-search-menu ~ button {
float: right;
}
.tk-marketitem figure img {
height: 100%;
}
.page-home-ten .tk-search_category .tk-search-menu, .page-home-seven .tk-search_category .tk-search-menu {
width: auto;
max-width: unset;
}
.page-home-twelve .tk-search_category .tk-search-menu {
width: calc(100% - 185px);
}
}
@media (max-width: 575px) {
.page-home-ten .tk-search_category, .page-home-seven .tk-search_category {
display: block;
}
.page-home-ten .tk-search_category .tk-search-menu, .page-home-seven .tk-search_category .tk-search-menu {
width: calc(100% - 80px) !important;
}
}
@media (max-width: 480px) {
.page-home-ten .tk-search_category .tk-search-menu, .page-home-seven .tk-search_category .tk-search-menu {
width: 100% !important;
}
.page-home-ten .tk-search_category .tk-search_icon, .page-home-seven .tk-search_category .tk-search_icon {
width: 100%;
}
}
/* トップバナー */
.pb-themesection:has(.tk-hero-banner-four) {
background: #fff;
}
.tk-hero-banner-four .tk-homebanner_content h1 {
max-width: 960px;
}
.tk-homebanner_content h1 {
font: 600 3.6rem / 1.25em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.pb-themesection .tk-homebanner_content h1 span {
color: #fff !important;
margin: 0;
}
.tk-hero-banner-four .banner-paragraph-text-color {
max-width: 640px;
}
.tk-hero-banner-four .tk-tag {
background: #F7F7F7;
}
.tk-hero-banner-four .tk-tag:hover {
background: #FF385C !important;
color: #fff !important;
}
/* ログイン */
.tk-login-info img {
max-width: 200px;
}
.tk-login-note {
width: 100%;
margin-top: 30px;
font-size: 0.95rem;
line-height: 1.6;
}
.link-underline { text-decoration: underline; }
.tk-projectinfo_description ul ul{
margin-left;0;
}
/* メッセージのコンタクトリストのコメントアウト */
.at-chat-tab #contact_list {
display:none;
}
.at-sidebarhead_search {
display:none!important;
}
.tb-tablepaymethod img {
display: none;
}
.tk-project-table-info .icon-check,
.tk-project-table-info .tk-btn-outline {
background-color: #ffffff;
color: #676767;
margin-top: 4px;
font-size: 14px;
}
.tk-project-table-content a.tk-success-tag,
.tk-project-table-content a.tk-success-tag:hover {
background-color: #147B58!important;
}
.tk-original-button-flex {
display: flex;
flex-direction: column;
margin-left: auto;
align-items: flex-end;
}
.tk-original-button-message-flex {
display: flex;
justify-content: flex-end;
}
.tk-original-button-flex a.tk-start-chat,
.tk-original-button-flex a.tk-start-chat:hover {
border: 1px solid #147B58;
background-color: #ffffff!important;
margin-right: 12px;
}
.tk-original-button-flex .tk-start-chat i,
.tk-original-button-flex .tk-start-chat em {
color: #147B58;
}
@media (max-width: 767px) {
.tk-original-button-flex a.tk-start-chat em {
display: none;
}
.tk-bidbtn {
flex-direction: column-reverse;
}
}
@media (max-width: 575px) {
.tk-original-button-flex {
width: 100%;
}
.tk-original-button-message-flex {
flex-direction: column;
width: 100%;
}
.tk-original-button-flex a {
margin-left: 0;
width: 100%;
}
.tk-original-button-flex a.tk-start-chat {
margin-right: 0;
margin-bottom: 12px;
}
.tk-original-button-flex a.tk-start-chat em {
display: inline;
}
}
.wpguppy-chat-app {
max-width: 100%
}
.fileareadescription {
margin-top: 10px;
color: rgb(88, 88, 88);
font: 500 0.875rem/1.4285714286em "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
}
.tk-project-wrapper .tk-project-wrapper-two {
box-shadow: none;
}
.tk-sectiontitle.tk-sectiontitlev2 {
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.tk-apply-profile-requirements {
margin-top: 6px;
color: #6b7280;
font-size: 12px;
line-height: 1.4;
text-align: left;
}
.tk-apply-profile-requirements ul {
margin: 4px 0 0;
padding-left: 18px;
}
.tk-apply-profile-requirements li {
list-style: disc;
}
@media (max-width: 991px) {
.wg-default {
bottom: 140px!important;
}
}
.wg-default {
display: none!important;
}
.tk-visa-guidance {
margin-top: 30px;
font-size: 13px;
}
.tk-visa-guidance ul {
list-style: none;
}
.tk-visa-guidance h6 {
font-size: 1rem;
}
.tk-visa-guidance :not(h6) {
color: #000000;
}
.tk-visa-guidance b,
.tk-visa-guidance li::marker {
color: #1e1e1e;
}
.tk-visa-guidance a {
color: rgb(29, 161, 242);
text-decoration: underline;
}
.tk-projectstatus_users .tk-proposal-warapper {
width: 100%;
}
.tk-projectstatus_users .tk-proposal-warapper ul.splide__list {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.tk-prouserslist a {
width: 100%;
}
.tk-prouserslist a img + h6 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 480px) {
.tk-headerwrap__right .tk-btn-login {
font-size: 14px;
}
.tk-headerwrap__right .tk-btn-signin {
display: inline-flex;
font-size: 14px;
padding: 6px 10px;
}
.tk-header:has(.tk-header-topbar) > .container-fluid .tk-headerwrap {
padding: 14px 8px;
}
.tk-headerwrap:has(.tk-headerwrap__right) .tk-navbar {
margin-left: 4px;
}
}