/*
Template Name: KDSHOP PROtotype
Template URI: http://www.artnikitin.com.ua/
Description: Основной прототип магазина.
Version: 5.7.2
Author: Катриченко Денис
Author URI: http://www.artnikitin.com.ua/
Logo filename: logo.gif
Template Type: type_1
*/
@import url("images/flags/flags.css");
.orange{color:#ff8d00;}
.table{display:table;}
.row{display:table-row}
.cell{display:table-cell}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.din,.inline{display:inline;}
.dinb,.inline-block{display:inline-block;}
.dn{display:none;}
.tc{text-align:center;justify-content: center;}
.tr{text-align:right;justify-content: flex-end;}
.tl{text-align:left;justify-content: flex-start;}
.middle{vertical-align:middle!important;align-items: center!important;}
.vtop{vertical-align:top!important;align-items: top!important;}
.vbottom{vertical-align:bottom!important;align-items: bottom!important;}
.w100,.w-full{width:100%;}
.inflex{display:inline-flex;}
.flex,.amount-field__display.visible{display:flex;}
.btn{display:inline-flex;}
.btn.green,.btn--black{background: #232527;}
.opacity-50{opacity: 0.5;}
.rel,.relative{position: relative;}
.abs,.absolute{position: absolute;}
.nowrap,.whitespace-nowrap{white-space: nowrap;}
.pr-6{padding-right:1.5rem;}
.fs10{font-size: 10px;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.semibold,.font-semibold{font-weight: 600;}
.bold,.font-bold{font-weight: 700;}
.light{font-weight: 300;}
.gray-blue{color: #839096;}
.gray{color: #393939;}
.white{color: #fff;}
.black{color: #000;}
.pointer,.cursor-pointer{cursor: pointer;}
svg{display: inline-block;}
.switch-toggle-container:active .switch-toggle-input:not([disabled]) + .switch-toggle::after {
width: 24px;
}
input[type="checkbox"],input[type="radio"]{display:none}
label{cursor:pointer}
input[type="checkbox"] + label,input[type="radio"] + label{display:flex;align-items: center;cursor:pointer}
input[type="checkbox"] + label::before,input[type="radio"] + label::before{content:"";display:inline-block;height:24px;width:22px;margin-bottom:0;margin-right:11px;margin-top:0;background-image:url(images/sprite.png);background-repeat:no-repeat}
input[type="checkbox"] + label::before{background-position:-3px 1px;vertical-align:middle}
input[type="radio"] + label::before{background-position:-3px 1px;vertical-align:middle}
input[type="checkbox"]:checked + label::before{background-position:-3px -35px;vertical-align:middle}
input[type="radio"]:checked + label::before{background-position:-3px -35px;vertical-align:middle}
input[type="checkbox"]:disabled + label::before{background-position:-152px -260px}
input[type="checkbox"]:checked:disabled + label::before{background-position:-171px -260px}
input[type="radio"]:disabled + label::before{background-position:-152px -260px}
input[type="radio"]:checked:disabled + label::before{background-position:-171px -260px}
.language-grid [class*=' flag:'], .language-grid [class^='flag:']{width: 24px!important;height: 24px!important;}
.custom-country-select [class*=' flag:'], .custom-country-select [class^='flag:'] {border-radius: 100%;width: 1.5rem!important;;height: 1.5rem!important;;}
.country-select-text {display: flex;align-items: center;}
.windalert{padding:40px;background:#fff;text-align:center;color:#393939;min-width:360px;margin: 0px 10px; border-radius: 1.25rem;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);max-width:600px;}
.windalert a{color:#5bb75f}
.windalert a.btn{color:#fff;}
.windalert.dialog{background:#EFEFEF;padding:0;min-width:inherit;box-shadow:none;border-radius:10px;text-align:left}
.windalert.dialog h4{border-radius:10px 10px 0 0;background:#EB078A;width:100%;float:left;height:41px;line-height:41px;color:#fff;font-weight:400;font-size:16px;text-align:center}
.windalert.dialog .styled-select{background-color:#fff;box-shadow:inset 2px 2px 3px -1px #BFBFBF,1px 1px 6px -5px #BFBFBF;border:none;height:32px;margin-bottom:18px;margin-left:2px;width:234px;background-position:214px 52%}
.windalert.dialog span{text-transform:uppercase;font-size:10px;margin-right:8px;margin-top:9px;float:left}
.windalert .remove_link{right:0px;top:0px;position:absolute;z-index: 20;}
.windalert.img, .windalert.form{inset: 0; display: flex!important; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box;background: none;box-shadow: none;max-width:unset;}
.windalert.img .img_conteiner,.windalert.form .img_conteiner{padding: 40px; border-radius: 1.25rem;background:#fff;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); max-width: 100%; max-height: 100%; box-sizing: border-box;}
.windalert.img .img_conteiner img{display: block; max-width: min(100%, calc(100vw - 80px)); max-height: min(100%, calc(100vh - 80px)); width: auto; height: auto; }
.windalert.popup_page{max-height: calc(100vh - 100px); overflow: auto; text-align: left;}
.windalert article header{margin-bottom: 2rem;}
.windalert article header h2{margin-bottom: 0.75rem;}
button.yes,button.no{margin:20px 8px 0;min-width:105px;cursor:pointer;justify-content: center;}
.remove_link{background:url('data:image/svg+xml; utf8, ') center no-repeat;border-radius: 10px;display:block;float:right;font-size:0;height:40px;width:40px;cursor:pointer;}
.TB_overlay.rules{opacity:.6}
.TB_overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;background:#000;opacity:0.3;}
.windalert_overlay{width:100%;height:100%;overflow:auto;position:fixed;width:100%;z-index:400;top:0;left:0;}
.process_request{position:fixed;bottom:5px;left:5px;text-align:center;color:#fff;z-index:100000;font-size:14px;background:#87D351;padding:0 5px}
.TB_overlay.loader,.opacity-0{opacity:0}
@-webkit-keyframes flash {
0%,100%{opacity:1}
50%{opacity:0}
}
@-moz-keyframes flash {
0%,100%{opacity:1}
50%{opacity:0}
}
@-o-keyframes flash {
0%,100%{opacity:1}
50%{opacity:0}
}
@keyframes flash {
0%,100%{opacity:1}
50%{opacity:0}
}
#anim{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;animation-iteration-count:10000000;-o-animation-iteration-count:10000000;-moz-animation-iteration-count:10000000;-webkit-animation-iteration-count:10000000}
@media (min-width: 768px) {
.windalert article{min-width:520px;}
}
@media (max-width: 768px) {
.windalert{padding:36px 20px;}
}
@media (max-width: 480px) {
.select-checkbox__flag { flex: none!important; }
#KD_SMART_NOTIFY .dr-menu-wrap{position: fixed!important;left: 0px!important;width: 100%!important;top:35px!important;}
#KD_SMART_MESS .dr-menu-wrap{position: fixed!important;left: 0px!important;width: 100%!important;top:35px!important;}
.windalert.form {left:0px!important;bottom:0px;}
.windalert.form, .windalert.form .img_conteiner, .windalert.form form{padding: 0px!important;margin: 0px!important;}
.windalert.form .img_conteiner {position:absolute;}
.windalert {padding: 36px 20px; bottom: 0px; left: 0px !important; width: 100%; top: auto !important; margin-left: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}
@media (max-width: 1024px) {
.posted-projects-table .project-row .contents .col-budget font { font-size: 0.875rem; font-weight: 500; color: #6b7280; display: inline; }
/* .job_task_buttons{position: absolute;bottom: 23px;display: flex;justify-content: space-between;width: calc(100% - 60px);} */
.job_task_row .table, .job_task_row .cell, .job_task_row .row {display: block;}
.job_task_row .cell {width: 100%;text-align: left;}
.job_task_row .cell .flex-col{flex-direction: row-reverse;justify-content: space-between;align-items: center;}
}
/* Smart notifications dropdown */
.dropdown{position:relative;}
.dropdown.click{-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
.dr-menu-wrap{position:absolute;left:0;top:30px;min-width:200px;display:block;opacity:0;visibility:hidden;z-index:-1;padding-top:28px;-moz-user-select:-moz-text;-o-user-select:text;-khtml-user-select:text;-webkit-user-select:text;user-select:text;}
.dropdown:hover .dr-menu-wrap{visibility:visible;opacity:1;z-index:100;-webkit-transition:.2s ease all;transition:.2s ease all;}
.dropdown.click:hover .dr-menu-wrap{opacity:0;z-index:-1;visibility:hidden;}
.dropdown:hover .dr-menu-wrap.open,.dr-menu-wrap.open{visibility:visible!important;opacity:1!important;z-index:5;}
.dr-menu{position:relative;background:#fff;box-shadow:0 3px 32px rgba(0,0,0,0.08);z-index:2;text-align:left;border-radius:10px;overflow:hidden;}
.dropdown.pip .dr-menu:before{content:'';width:16px;height:16px;background:#fff;box-shadow:-5px -5px 9px -4px rgba(0,0,0,0.07);transform:rotate(45deg);position:absolute;right:32px;z-index:1;top:-7px;}
.dropdown.right .dr-menu-wrap{left:auto;right:8px;}
.dropdown.wide .dr-menu-wrap{width:415px;}
.dr-header{padding:12px 20px;border-bottom:1px solid #F4F6F8;background:#fff;z-index:2;}
.dr-footer{padding:15px 20px;border-top:1px solid #F4F6F8;}
.dr-menu .dr-item{display:block;position:relative;z-index:2;background:#fff;float:none;}
.dr-menu .dr-item.pd20{padding:20px;}
.dr-menu .dr-item.pd20 + .dr-item.pd20{border-top:1px solid #f1f4f7;}
.dr-menu .dr-item-empty{padding:40px;}
.dr-menu-scroll{max-height:248px;overflow-y:auto;}
/* Notification visuals */
#KD_SMART_NOTIFY .my-notify,#KD_SMART_MESS .head-fi-mail{display:inline-flex;align-items:center;justify-content:center;color:#a9abb5;}
#KD_SMART_NOTIFY .my-notify:hover{color:#7d8391;}
#KD_SMART_MESS .head-fi-mail:hover{color:#7d8391;}
#KD_SMART_NOTIFY .head-fi-bell:before{content:url('data:image/svg+xml; utf8, ');font-size:18px;line-height:1;}
#KD_SMART_MESS .head-fi-mail:before{content:url('data:image/svg+xml; utf8, ');font-size:18px;line-height:1;}
.icon_money:before{content:'';display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;}
.icon_profile:before{content:'';display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;}
.icon_logout::before{content:'';display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;}
.icon_settings:before{content:'';display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;}
.icon_help:before{content:'';display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;mask:url('data:image/svg+xml; utf8, ') center / contain no-repeat;}
.notice{width:8px;height:8px;border-radius:4px;background:#5bb75f;top:-2px;right:-4px;}
#KD_SMART_NOTIFY .my-notify + .notice{right:-4px;}
.notify-icon{margin-top:5px;margin-left:10px;display:inline-block;min-width:14px;}
.notify-icon:before{content:'\2022';font-size:18px;line-height:1;color:currentColor;}
.notify_content{margin:2px 0 0 56px;min-height:40px;line-height:18px;}
.notify_header{max-width:calc(100% - 60px);line-height:16px;margin-bottom:1px;}
.notify_text{margin-top:15px;word-break:break-word;}
.notify_header a:hover{color:#839096;}
/* Messages dropdown list */
.smart-msg-item{text-decoration:none;color:inherit;}
.smart-msg-item:hover{background:#f9fbfc;}
.smart-msg-title{font-size:13px;line-height:18px;color:#202735;}
.smart-msg-meta{font-size:11px;line-height:16px;margin-top:4px;}
/* Custom scrollbar for dropdown body */
.c-scroll::-webkit-scrollbar{width:4px;height:10px;background:transparent;}
.c-scroll::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px;border-color:#d8dfe3;background-color:#d8dfe3;border-radius:2px;}
.c-scroll::-webkit-scrollbar-thumb:hover{border-width:1px 1px 1px 2px;border-color:#abbac1;background-color:#abbac1;height:10px;}
.c-scroll::-webkit-scrollbar-track{border-width:0;}
.c-scroll::-webkit-scrollbar-track:hover{border-left:none;background-color:transparent;}
.input-with-icon{padding-left:0px;}
.input-with-icon>img+input {padding-left: 2rem;}
.input-with-icon>img{position:absolute;top:50%;left:0.5rem;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;}
/* Local override: manage accordion animation with jQuery animate, disable CSS transitions */
.accordion {transition: background-color 0.2s ease !important;padding: 2rem 2.25rem;cursor:pointer;}
.accordion-header{padding:0px!important;}
.accordion-header::after {transition: none !important; }
.accordion-content {max-height: 0; overflow: hidden; margin-bottom: 0 !important; transition: none !important; transition: opacity 0.15s ease !important;padding-left: 0px!important;}
.accordion.active .accordion-content {margin-bottom: 0!important;padding-left: 0px;margin-top: 10px !important;}