.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}

.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
* {
    font-family: 'Inter Tight', sans-serif;
    box-sizing: border-box;
}

.btn:active,
.btn:hover,
.btn:focus,
.btn.active,
.btn:active:focus {
    outline: 0 !important;
}

a {
    color:#0F63FD;
    text-decoration: underline;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    outline: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.orange {
    color:#FF4F00;
}

.gray {
    color:#F0F0F0;
}

.purple {
    color:#7437F6;
}

.purple-bg {
    background-color: #7437F6;
}

.orange-bg {
    background: #FF4F00 !important;
}

.gray-bg {
    background:#f5f5f5;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: url('../images/bg.png') 80px 0 repeat-x;
}

#blur-wrapper {
    background: url('../images/bg_right_top.png'), url('../images/bg_left_top.png') ;
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
}

.w-75 {
    width:75%;
    margin: auto;
}

hr {
    display: block;
    height: 0;
    border: 0;
    border-bottom: 1px solid #bfb9b9;
}

.pb-64 {
    padding-bottom: 64px;
}

.pb-16 {
    padding-bottom: 14px;
}

.pr-16 {
    padding-right: 16px;
}

.position-relative {
    position: relative;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}


.text-right {
    text-align: right;
}

.mt-0 {
    margin-top: 0;
}

.mx-5 {
    margin:0 5px
}

.pt-80 {
    padding-top:80px;
}

.pl-64 {
    padding-left:64px;
}

.pr-64 {
    padding-right:64px;
}

.mt-1 {
    margin-top:4px !important;
}

.mt-2 {
    margin-top:16px;
}

.radius {
    border-radius: 10px;
}

.radius-20 {
    border-radius: 20px;
}

.shadow-20 {
    -webkit-box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
    -moz-box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
    box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
}

.no-border-bottom {
    border-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-bolder {
    font-weight: bolder;
}

.cursor-pointer {
    cursor: pointer;
}

.btn {
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    padding: 0 16px;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    border: 0;
    text-align: center;
    white-space: nowrap;
}

    .btn-lg {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 16px 32px;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        line-height: 28px;
    }

    .btn-block {
        display: inline-block;
        width: 100%;
    }

    .btn-primary {
        color:#fff;
        background:#FF4F00;
        border:0;
    }

        .btn-primary:hover {
            background: linear-gradient(95deg, #FF4F00 0%, #7437F6 100%) !important;
        }

    .btn-primary-outline {
        color:#FF4F00;
        background:#fff;
        border:1px solid #FF4F00;
    }

    .btn-purple {
        color:#fff;
        background:#7437F6;
        border:0;
    }

        .btn-purple:hover {
            background: linear-gradient(95deg, #FF4F00 0%, #7437F6 100%) !important;
        }

    .btn-tick-disabled {
        opacity: 0.6;
        pointer-events: none;
    }

        .btn-tick-disabled img {
            height: 16px;
            position: relative;
            top: 3px;
            margin-right: 3px;
        }

    .btn-secondary-outline {
        color:#999;
        border:1px solid #999;
        background: #fff;
    }

        .btn-secondary-outline:hover {
            border: 1px solid #F0F0F0;
            background: #F5F5F7;
        }

    .btn-white-outline {
        color:#222;
        border:1px solid #fff;
    }

    .btn-gray {
        color:#222;
        background:#ddd;
        border:1px solid #ccc;
    }

    .btn-black {
        color:#fff;
        background:#222;
        border:0;
    }

        .btn-black:hover {
            background: linear-gradient(95deg, #FF4F00 0%, #7437F6 100%) !important;
        }

    .btn-disabled {
        cursor: no-drop;
        opacity: 0.6;
        pointer-events: none;
    }

    .btn-svg-img img {
        height: 14px;
        position: relative;
        top: 1px;
        margin-right: 4px;
    }

    .btn.white-fs-icon svg {
        width: 16px;
        position: relative;
        top: 3px;
        left: -4px;
        filter: invert(99%) sepia(99%) saturate(2%) hue-rotate(116deg) brightness(102%) contrast(101%);
    }

.border-radius-top-line {
    -webkit-border-top-left-radius: 32px;
    -webkit-border-top-right-radius: 32px;
    -moz-border-radius-topleft: 32px;
    -moz-border-radius-topright: 32px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}

#header {
    font-size:14px;
    font-weight: 500;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);
    background: #fff;
    z-index: 2;
    position: relative;
}

    #header .container {
        height: 80px;
    }

    #header .header-link {
        text-decoration: none;
        color:#222;
        display: inline-block;
        margin-left:32px;
    }

    #header .btn {
        margin-left:16px;
    }

    #header form {
        position: relative;
    }

        #header form input[type=text] {
            background: #f5f5f5;
            color: #999;
            border: 0;
            border-radius: 10px 10px 10px 10px;
            font-size: 14px;
            line-height: 40px;
            padding: 0 40px 0 12px;
            margin: 0 24px;
        }

        #header form input[type=submit] {
            background: #fff url('../images/search.png') no-repeat center center;
            border-radius: 10px 10px 10px 10px;
            position: absolute;
            height: 32px;
            width: 32px;
            right: 28px;
            top: 4px;
            border: 1px solid #ccc;
            cursor: pointer;
        }

        .header-menu {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

#footer {
    margin-top: auto;
    color:#fff;
    padding:32px 0;
}

    #footer .big-line {
        padding:32px 0;
    }

    #footer .hr {
        border-bottom: 1px solid rgb(255 255 255 / 20%);
        height: 1px;
        margin: 32px 0;
    }

        #footer .footer-links div {
            margin-left: 64px;
        }

        #footer .footer-links div:last-of-type {
            margin-right:64px;
        }


            #footer .footer-links a {
                text-decoration: none;
                color: #fff;
                display: block;
                font-size: 16px;
                margin:16px 0;
            }

    #footer .small-line {
        font-size: 12px;
    }

.small-avatar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

    .small-avatar .small-avatar-image {
        width: 48px;
        border: 3px solid #7437f6;
        border-radius: 48px;
        height: 48px;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 16px;
    }

.h1 {
    font-size: 48px;
    line-height: 64px;
    padding:16px 0;
    font-weight: bold;
}

    .h1-padding {
        padding:60px 0;
    }

.h2 {
    font-size: 28px !important;
}

.block-padding {
    padding:60px 0;
}

.form-group {
    padding: 0 0 18px 0;
}

    .form-control, .form-control-lg {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 10px;
        display: inline-block;
        padding: 0 16px;
        font-size: 16px;
        line-height: 40px;
    }

    .form-control:read-only, .form-control-lg:read-only {
        background: #0000000a;
        cursor: default;
    }

    textarea.form-control {
        line-height: 26px;
        padding: 16px;
    }

    .form-control-lg {
        line-height: 60px;
    }

    textarea.form-control-lg {
        line-height: 30px;
        padding-top:15px;
        padding-bottom:15px;
    }

    .form-group > label {
        padding-bottom: 10px;
        display: inline-block;
    }

        .form-group > label:before {
            content: "";
            display: block;
        }

        label.form-check {
            padding-bottom: 1rem;
        }

.form-note {
    font-size: 0.8rem;
    color:#444;
    margin-left: 10px;
    display: block;
}

.form-readonly-overlay {
    position: relative;
}

    .form-readonly-overlay .form-readonly-overlay-block {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #ffffff88;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

    .form-check-input:checked[type=checkbox] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    .form-check-input:checked {
        background-color: #ff4f00;
        border-color: #ff4f00;
    }


    .form-check-input[type=checkbox] {
        border-radius: 0.25em;
    }

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

    .form-check-input {
        width: 1.5em;
        height: 1.5em;
        margin-top: 0;
        vertical-align: top;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid rgba(0,0,0,.25);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        margin-right: 0.6rem;
    }

.custom-select {
    min-width: 350px;
    position: relative;
}

    .custom-select-auto-width {
        width:100%;
        min-width: auto;
    }

    .custom-select select {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 10px;
        display: inline-block;
        padding: 0 16px;
        font-size: 16px;
        line-height: 60px;

        appearance: none;
        /*  safari  */
        -webkit-appearance: none;
        /*  other styles for aesthetics */

        outline-width: 0;
        outline-color: #ccc;

        background-color: #fff;
        color: #000;
        cursor: pointer;
        position: relative;
    }

    .custom-select::after {
        content: "";
        background: url('https://www.twiner.cz/images/chevron_down_black.png') no-repeat;
        position: absolute;
        right: 1rem;
        pointer-events: none;
        width: 1rem;
        height: 1rem;
        bottom: 38px;
    }

    .custom-select-auto-height select {
        line-height: 40px;
    }

    .custom-select-auto-height::after {
        bottom: 10px;
    }

.two-columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .two-columns > div {
        width: 50%;
    }

        .two-columns > div:first-of-type {
            margin-right: 3px;
        }

        .two-columns > div:last-of-type {
            margin-left: 3px;
        }

.tabs {

}

    .tabs-header {
        display: flex;
        margin-bottom: 16px;
        position: relative;
    }

        .tabs-header:before {
            content: "";
            border-bottom: 1px solid #ccc;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .tabs-header span {
            color: #7437f6;
            font-weight: bold;
            border: 1px solid #ccc;
            padding: 12px 16px;
            display: inline-block;
            border-top: 1px solid transparent;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
            z-index: 2;
            cursor: pointer;
        }

            .tabs-header span.active {
                color:#222;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #fff;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

    .tabs-body {

    }

        .tabs-body > div {
            display: none;
        }

            .tabs-body > div.active {
                display: block;
            }

#video-wrapper {
    border: 8px solid #f0f0f0;
    border-radius: 10px;
}

#video {
    position: relative;
}

    #video-wrapper {
        border: 8px solid #f0f0f0;
        border-radius: 16px;
        display: inline-flex;
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        max-width: 900px;
        overflow: hidden;
    }

    #video video {
        width: 100%;
        max-width: 900px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    #video-play {
        position: absolute;
        background:url('https://www.twiner.cz/images/play.png') no-repeat;
        width: 120px;
        height: 120px;
        left: 50%;
        top: 50%;
        margin-left:-60px;
        margin-top: -60px;
        cursor: pointer;
    }

#preview-offer-modal-content {
    position: relative;
    }

    #preview-offer-modal-overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #ffffff47;
    }

h1.gradient {
    background: linear-gradient(92deg, #3400A3 0%, #7437F6 30%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.payment-modal-bank {
    border-radius: 30px;
    background: #FF4F00;
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 20px 32px;
    margin: 16px 0;
}

    .payment-modal-bank strong {
        font-size: 24px;
        font-weight: bold;
        padding: 6px;
        display: block;
    }

    .payment-modal-bank div {
        margin:16px 0;
    }

    .payment-modal-bank small, .payment-modal-bank small strong {
        font-size: 12px;
    }

    .counter-doww-seconds span {
        width: 42px;
        display: inline-block;
    }

.payment-modal-qr {
    border-radius: 30px;
    background: #7437F6;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #fff;
    white-space: nowrap;
}

    .payment-modal-qr div {
        margin:0 16px;
    }

    .payment-modal-qr img {
        width: 130px;
    }

.payment-modal-online .btn {
    display: block;
    margin-top: 16px;
}

#personality-filter {
    text-align: center;
}

    #personality-filter > div {
        border-radius: 10px;
        background: #f0f0f0;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
        display: inline-flex;
        //margin: 64px auto;
        flex-wrap: nowrap;
    }

        #personality-filter input {
            display: none;
        }

        #personality-filter > div > div, #personality-filter > div > button {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background: #fff;
            margin: 7px;
            font-size: 13px;
            color: #999;
            padding: 12px 36px;
            cursor: pointer;
        }

        .personality-filter-result {
            font-size: 16px;
            color:#000;
            font-weight: bold;
        }

            .personality-filter-result.ellipsis {
                max-width: 250px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                min-width: 120px;
                margin:0 auto;
            }

            .personality-filter-result img {
                width: 11px;
                margin-left: 12px;
                cursor: pointer;
            }

            .personality-filter-result.active:hover {
                color: #FF4F00;
            }

                .personality-filter-result:hover img {
                    filter: invert(35%) sepia(63%) saturate(2953%) hue-rotate(1deg) brightness(101%) contrast(105%);
                }

        #personality-filter-map {
            height:500px;
            width:100%;
            max-width: 500px;
        }

            #personality-filter-date-placeholder {
                position: relative;
            }

            #personality-filter-date-placeholder .xdsoft_datetimepicker {
                top: 14px !important;
                left: -36px !important;
                position: absolute;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                border-color: #ccc;
                box-shadow: 0 27px 30px 0 rgba(0, 0, 0, 0.10);
            }

                #personality-filter-date-placeholder .xdsoft_datetimepicker .xdsoft_year {
                    width:52px;
                }

            #personality-filter > div > .btn-primary {
                border:0;
                line-height: 100%;
                background: #FF4F00;
                color:#fff;
                font-weight: bold;
                font-size: 16px;
                display: flex;
                align-items: center;
                cursor: pointer;
            }

            #personality-filter-full-button {
                text-align: center;
                margin: 32px 0 0 0;
            }

                #personality-filter-full-button .btn-primary {
                    font-weight: bold;
                    line-height: 60px;
                    padding: 0 38px;
                }

    #personality-filter-specialization, #personality-filter-region {
        position: relative;
    }

        #personality-filter-specialization-popup, #personality-filter-region-popup {
            background: #fff;
            position: absolute;
            border-radius: 10px;
            border: 1px solid #CCC;
            box-shadow: 0 27px 30px 0 rgba(0, 0, 0, 0.10);
            padding:12px;
            text-align: left;
            left: 0;
            margin-top: 14px;
            min-width: 240px;
            width: 100%;
            z-index: 1;
        }

            #personality-filter-specialization-popup span, #personality-filter-region-popup span {
                cursor: pointer;
                display: block;
                font-size: 14px;
                line-height: 26px;
                white-space: nowrap;
                color:#000;
            }

                #personality-filter-specialization-popup span.active, #personality-filter-region-popup span.active {
                    font-weight: bold;
                }

                    #personality-filter-specialization-popup span.active:hover, #personality-filter-region-popup span.active:hover {
                        color: #FF4F00;
                    }

                #personality-filter-specialization-popup img, #personality-filter-region-popup img {
                    display: none;
                }

                    #personality-filter-specialization-popup .active img, #personality-filter-region-popup .active img {
                        width: 10px;
                        display: inline-block;
                        float: right;
                        margin-top: 4px;
                    }

                    #personality-filter-specialization-popup .active:hover img, #personality-filter-region-popup .active:hover img {
                        filter: invert(35%) sepia(63%) saturate(2953%) hue-rotate(1deg) brightness(101%) contrast(105%);
                    }

    #personality-filter-specialization-popup div, #personality-filter-region-popup div {
        display: none;
        align-items: center;
        justify-content: space-around;
        margin-top: 8px;
    }

        #personality-filter-specialization-popup button, #personality-filter-region-popup button {
            display: block;
            width:100%;
        }

        #personality-filter-specialization-popup .btn-gray, #personality-filter-region-popup .btn-gray {
            background-image: url("../images/modal_close.png");
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 8px;
            height: 40px;
            width: 40px;
            background-color: transparent;
            border-color: transparent;
        }

.cms {
    padding:70px 0;
}

    .cms p {
        line-height: 26px;
    }

    .cms li {
        line-height: 26px;
        padding-bottom: 16px;
    }

.count-corner-span {
    color: #fff;
    background: #ff4f00;
    font-size: 10px;
    padding: 4px;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    line-height: 12px;
    font-weight: normal;
}

.chat-header {
    position: relative;
    margin-left: 28px;
    top: 3px;
}

    .chat-header span {
        position: absolute;
        top: -10px;
        right: -10px;
    }


    .dropdown-user .dropdown-item span {
        position: relative;
        top: -6px;
        right: 0;
    }

.dropdown-user div:first-child {
    position: relative;
}
    
    .dropdown-user div:first-child span {
        position: absolute;
        background: #7437F6;
        top: -6px;
        right: -6px;
    }

.instagram-footer {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    position: relative;
    top:2px;
}

.about-us-block {

}

    .about-us-block .h1 {
        padding-top: 0;
        margin-top: 0;
    }

    .about-us-block p {
        font-size: 18px;
        line-height: 32px;
        margin: 32px 0;
    }

#waiting-icon {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #ffffffcc;
    z-index: 1000;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;;
}

    #waiting-icon.active {
        display: flex;
    }


.tick-icon {
    background: #7437F6 no-repeat center center;
    background-size: 20px;
    width: 42px;
    height: 42px;
    border: 4px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: url('https://www.twiner.cz/images/tick.svg');
    display: inline-block;
}

.inactive-input-wrapper {
    position: relative;
}

.inactive-input-wrapper-btn {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -34px;
    text-align: center;
    opacity: 1 !important;
}

    .inactive-input-wrapper-btn svg {
        width:20px;
        vertical-align: -0.125em;
        filter: invert(99%) sepia(99%) saturate(2%) hue-rotate(116deg) brightness(102%) contrast(101%);
    }

    .inactive-input-wrapper-btn a {
        border: 4px solid #fff;
        color: #fff;
    }

.inactive-input-wrapper > * {
    opacity: 0.4;
}

.inactive-input-wrapper > .inactive-input-wrapper-btn > span {
    opacity: 1;
    background: #ffffff;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    padding: 8px;
    -webkit-box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
    -moz-box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
    box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
}

.inactive-input input, .inactive-input textarea {
    background: #ededed;
}

.cms-ul-center {
    text-align: left;
    margin: 3em auto 0 auto;
    display: inline-grid;
}

#blog-main-image {
    padding:32px 0;
}

    #blog-main-image img {
        width:100%;
        max-width: 100%;
    }

    .blog-content img {
        max-width: 100%;
    }

    .blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5 {
        color:#FF4F00;
    }


    .blog-content li::marker {
        color: #FF4F00;
        font-size: 1.5em;
    }

    .blog-content figure {
        margin:40px 0;
    }

    .blog-content iframe {
        aspect-ratio: 16 / 9;
    }

    .blog-content iframe, .blog-content img {
        max-width: 100%;
        border-radius: 10px;
    }
.tooltip {
    position:relative;
}

.tooltip:before {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 10px;
    min-width: 124px;
    border-radius: 4px;
    background: #000;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: .3s opacity;
    font-size: 13px;
    padding: 8px;
    z-index: 2;
}

.tooltip:hover:before {
    opacity:1;
}

.tooltip:after {
    content: "";
    position:absolute;
    left:100%;
    margin-left:-5px;
    top:50%;
    transform:translateY(-50%);
    border:10px solid #000;
    border-color: transparent black transparent transparent;
    opacity:0;
    transition:.3s;
}

.tooltip-popup:after {
    display: none !important;
}

.tooltip-popup {
    cursor: pointer;
}

.tooltip-left.tooltip:before {
    left: unset;
    right: 100%;
    margin-left: unset;
    margin-right: 10px;
}

.tooltip-left.tooltip:after {
    left: unset;
    margin-left: unset;
    border-color: transparent transparent transparent #000;
    right: 100%;
    margin-right: -5px;
}

.tooltip:hover:before, .tooltip:hover:after {
    opacity:1;
}

.tooltip-icon {
    background:#00000060 url('https://www.twiner.cz/images/question.svg') no-repeat center center;
    width:16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
}
#homepage-claim {

}

#homepage-claim-key {
    background: url('https://www.twiner.cz/images/key.png') no-repeat center center;
    width: 86px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 0;
    margin-left: 0 !important;
}

    #homepage-claim h1 {
        font-size: 64px;
    }

        #homepage-claim h1 span {
            margin-left:16px;
        }

        #homepage-claim h1 img {
            position: relative;
            top: 24px;
            margin-left: 10px
        }

.homepage-claim {
    padding: 60px 0;
}

    .homepage-claim-left {
        font-size: 64px;
        font-weight: bold;
    }

    .homepage-claim-right {
        font-size:36px;
        font-weight: 500;
        margin-top: 16px;
    }

.how-it-works {
    padding: 60px 0;
}

    .how-it-works .orange-bg {
        padding:32px 36px 36px 36px;
        color:#fff;
        height: 100%;
    }

    .how-it-works-number {
        font-size: 36px;
    }

    .how-it-works-title {
        font-size: 24px;
        padding:30px 0 10px 0;
    }

    .how-it-works-text {
        font-size: 14px;
    }

.homepage-statistic {
    padding: 60px 0;
}

    .homepage-statistic-number {
        font-size: 48px;
    }

    .homepage-statistic-text {
        margin:16px 0;
        font-weight: 500;
    }

.homepage-claim {
    padding:60px 0 120px 0;
    display: flex;
}

    .homepage-claim-wrapper {
        background-color: rgba(116, 55, 246, 0.02);
        background-image: linear-gradient(90deg, rgba(116, 55, 246, 0.02) 0%, rgba(116, 55, 246, 0.2) 100%);
        padding: 0 46px;

    }

    .homepage-claim-wrapper .row {
        display: none;
    }

        .homepage-claim-wrapper .row.active {
            display: flex;
        }

        .homepage-claim-wrapper .col-6 {
            padding:32px;
        }

        .homepage-claim-wrapper .col-6:first-child {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .homepage-claim-wrapper .col-6:last-child {
            margin-top: 32px;
        }

    .homepage-claim-quotation {
        padding:16px 0;
    }

        .homepage-claim-quotation-end {

        }

        .homepage-claim-quotation span {
            background:url('https://www.twiner.cz/images/quote.png') no-repeat;
            width:22px;
            height: 18px;
            display: block;
        }

        .homepage-claim-quotation-end span {
            -webkit-transform:  rotate(180deg);
            -moz-transform:  rotate(180deg);
            -ms-transform:  rotate(180deg);
            -o-transform:  rotate(180deg);
            transform:  rotate(180deg);
            margin-left: auto;
        }

    .homepage-claim-quotation-text {
        padding: 0 0 32px 0;
        font-size: 32px;
        line-height: 52px;
        font-weight: 500;
    }

    .homepage-claim-backgound {
        background: url('https://www.twiner.cz/images/nguyen.png') no-repeat center bottom;
        min-height: 450px;
    }

    .homepage-claim-left-click {
        background:url('../images/slideshow_left.png') center center no-repeat;
    }

    .homepage-claim-right-click {
        background:url('../images/slideshow_right.png') center center no-repeat;

    }

    .homepage-claim-right-click, .homepage-claim-left-click {
        cursor: pointer;
        padding: 0 32px;
    }

#homepage-slider {
    width: 100%;
    overflow: hidden;
}

    #homepage-slider section {
        width: 100vw;
        overflow: hidden;
        position: relative;
        --v-offset: 20px;
        --curve-height: 160px;

        &:before,
        &:after {
            content: "";
            display: block;
            background: white;
            width: calc(100vw + 2 * var(--v-offset));
            height: var(--curve-height);
            position: absolute;
            border-radius: 50%;
            left: calc(-1 * var(--v-offset));
            right: calc(-1 * var(--v-offset));
        }

        &:before {
            top: calc(-0.6 * var(--curve-height));
        }
        &:after {
            bottom: calc(-0.6 * var(--curve-height));
        }
    }

    #homepage-slider-wrapper {
        display: grid;
        grid-template-rows: 500px;
        grid-auto-flow: column;
        grid-gap: 24px;
        overflow: hidden;


        img {
            scroll-snap-align: center;
        }

        cursor: grab;
    }

#homepage-slider-wrapper img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
}

        #homepage-slider-wrapper.active {
            cursor: grabbing;
        }

    #homepage-slider-arrows {
        display: flex;
        justify-content: center;
        position: relative;
        top: -32px;
    }

        #homepage-slider-arrows div {
            margin:0 6px;
            cursor: pointer;
        }

#homepage-filter #personality-filter > div {
    margin:64px auto;
}

#homepage-claim-text-2 {
    text-align: center;
    padding-top: 32px;
}

    #homepage-claim-text-2 h2 {
        font-size: 64px;
        font-weight: bold;
        margin-bottom: 0;
    }

    #homepage-claim-text-2 div {
        margin:22px 32px;
        font-size: 18px;
    }

@media (max-width: 772px) {
    #homepage-claim-text-2 h2 {
        font-size: 44px;
    }
}
.why-be-twinner {
    align-items: center;
    position: relative;
    top: -48px;
}

    .why-be-twinner-text {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 32px 0;
    }

    .why-be-twinner-image {
        position: relative;
        top: 134px;
    }

.why-be-twinner-wrapper {
    align-items: flex-start;
    text-align: center;
}

    .why-be-twinner-icon {
        background: #fff;
        padding: 40px;
        height: 150px;
        width: 150px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .why-be-twinner-icon img {
            width:100px;
        }

    .why-be-twinner-wrapper h2 {
        color: #222;
        padding: 64px 0 0 0;
        margin: 0;
    }

    .why-be-twinner-wrapper p {
        color: #999;
        line-height: 24px;
        font-size: 14px;
        max-width: 70%;
        margin: 16px auto;
    }

.why-be-twinner-stats {
    color:#fff;
    text-align: center;
}

    .why-be-twinner-stats-number {
        font-size: 48px;
        font-weight: bold;
    }

    .why-be-twinner-stats-block {
        width: 25%;
    }
.container {
    margin:0 auto;
    width:100%;
    max-width: 1440px;
    padding-left:10px;
    padding-right: 10px;
}

.container-max-width {
    max-width:840px;
    margin:auto;
}

.container-max-width-wide {
    max-width:1200px;
    margin:auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin:0 -10px;
}

    .col-2, .col-3, .col-4, .col-6, .col-8, .col-12 {
        padding-left: 10px;
        padding-right: 10px;
    }

        .col-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }

        .col-3 {
            flex: 0 0 25%;
            max-width: 25%;
        }

        .col-4 {
            flex: 0 0 33.3333333%;
            max-width: 33.3333333%;
        }

        .col-5 {
            flex: 0 0 41.6666666667%;
            max-width: 41.6666666667%;
        }

        .col-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .col-7 {
            flex: 0 0 58.3333333333%;
            max-width: 58.3333333333%;
        }

        .col-8 {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }

        .col-12 {
            flex: 0 0 100%;
            max-width: 100%;
        }

.img-fluid {
    max-width: 100%;
}

.flex-column {
    flex-direction: column!important;
}

.h-100 {
    height: 100%!important;
}

.flex-shrink-0 {
    flex-shrink: 0!important;
}

.flex-grow-1 {
    flex-grow: 1!important;;
}

.d-none {
    display: none !important;
}

.d-flex {
    display: flex;
}

.d-flex-left {
    display: flex;
    justify-content: start;
    align-items: center;
}

.d-flex-right {
    display: flex;
    justify-content: end;
    align-items: center;
}

.d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex-bottom {
    display: flex;
    justify-content: start;
    align-items: baseline;
}

.d-flex-space-between, .d-md-flex-space-between {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.d-flex-no-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

    .d-flex-no-wrap .btn {
        white-space: nowrap;
        margin-left:6px;
    }

        .d-flex-no-wrap .btn:first-child {
            margin-left: 0;
        }

.padding-base {
    padding-top:64px;
    padding-bottom:64px;
}

.d-inline-block {
    display: inline-block;
}

@media (min-width: 582px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 582px) {
    .d-md-flex-space-between {
        display: block;
        padding-bottom: 32px;
    }
}
.person-overview {
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom: 80px;
    position: relative;
}

    .person-overview-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .person-overview-wrapper-hidden {
        display: none;
    }

    .person-overview-next {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 500px;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .person-overview-next div {
            color: #fff;
            font-size: 60px;
            font-weight: bold;
            text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.55);
            cursor: pointer;
        }

            .person-overview-next div img {
                margin-top: 10px;
            }

    .person {
        flex: 1 25%;
        max-width: 25%;
        display: flex;
        flex-wrap: wrap;
        margin:40px 0;
        align-content: flex-start;
        overflow: hidden;
    }

        .person-avatar {
            width:100%;
            aspect-ratio: 61/65;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            position: relative;
            border-radius: 20px;
            margin:10px 10px 0 10px;
            background-color: #fff;
        }

            .person-avatar-empty {
                -webkit-box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
                -moz-box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
                box-shadow: 0 0 20px 0 rgba(66, 68, 90, 0.19);
                background-image: url('../images/logo_header.svg');
                background-size: 50%;
            }

        .person-role-flag {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #fff;
            font-size: 12px;
            padding: 4px 11px;
            border-radius: 20px;
            background:#85858594;
        }

        .person-text {
            margin:0 10px 10px 10px;
            width:100%;
            text-align: left;
        }

            .person-text-anchor {
                text-decoration: none;
                color: #222;
            }

            .person-headline {
                padding:16px 0;
                display: flex;
                align-content: center;
                align-items: center;
                white-space: nowrap;
            }

                .person-headline img {
                    margin-left:10px;
                }

            .person-description {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .person-tags {
                margin-top: 10px;
            }

                .person-tag {
                    font-size: 12px;
                    padding: 4px 11px;
                    border-radius: 20px;
                    border: 1px solid #ff4f00;
                    color: #ff4f00;
                    display: inline-block;
                    margin: 10px 5px 0 0;
                    text-decoration: none;
                    white-space: nowrap;
                }

                    .person-tag:hover {
                        background: #ff4f00;
                        color:#fff;
                    }

.blog-headline  {
    padding:16px 0;
}

    .blog-headline strong {
        display: block;
        font-size: 18px;
    }

    .blog-description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

.personality-container {
    display: flex;
    flex-wrap: wrap;
    margin:0 -10px;
    padding: 64px 0;
}

    .personality-container-left {
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .avatar {
            text-align: center;
        }

            .avatar-add-look-icon, .avatar-remove-look-icon, .avatar-pen-icon {
                background: #ff4f00 no-repeat center center;
                background-size: 20px;
                width: 42px;
                height: 42px;
                border: 4px solid #fff;
                position: absolute;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                right: 50%;
                top: 50%;
                background-image: url('https://www.twiner.cz/images/plus.svg');
                cursor: pointer;
                margin: -94px;
            }

            .avatar-remove-look-icon {
                background-image: url('https://www.twiner.cz/images/tick.svg');
            }

            .avatar-pen-icon {
                background-image: url('https://www.twiner.cz/images/pen.svg');
                background-color: #7437F6;
            }

            .avatar-image {
                width: 100%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                max-width: 200px;
            }

            .avatar-h1 {
                font-size: 28px;
                font-weight: bold;
                padding: 16px 0 16px 0;
            }

            .avatar-social {
                font-size: 16px;
                margin-top: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .avatar-social a {
                    color:#7437F6;
                    margin:0 6px;
                    width:47px;
                    height:47px;
                    display: block;
                }

                    .avatar-social .fb-contact {
                        background: url('../images/fb_contact.png') no-repeat center center;
                    }

                        .avatar-social .fb-contact:hover {
                            background-image: url('https://www.twiner.cz/images/fb_contact_hover.png');
                        }

                    .avatar-social .instagram-contact {
                        background: url('../images/instagram_contact.png') no-repeat center center;
                    }

                        .avatar-social .instagram-contact:hover {
                            background-image: url('https://www.twiner.cz/images/instagram_contact_hover.png');
                        }

                    .avatar-social .web-contact {
                        background: url('https://www.twiner.cz/images/web.png') no-repeat center center;
                        background-size: 42px 42px;
                    }

                        .avatar-social .web-contact:hover {
                            background-image: url('https://www.twiner.cz/images/web_hover.png');
                        }

                    .avatar-social .youtube-contact {
                        background: url('https://www.twiner.cz/images/social/youtube.png') no-repeat center center;
                        background-size: 42px 42px;
                    }

                        .avatar-social .youtube-contact:hover {
                            background-image: url('https://www.twiner.cz/images/social/youtube_hover.png');
                        }

                    .avatar-social .discord-contact {
                        background: url('https://www.twiner.cz/images/social/discord.png') no-repeat center center;
                        background-size: 42px 42px;
                    }

                        .avatar-social .discord-contact:hover {
                            background-image: url('https://www.twiner.cz/images/social/discord_hover.png');
                        }

                    .avatar-social .linkedin-contact {
                        background: url('../images/social/linkedin.png') no-repeat center center;
                        background-size: 42px 42px;
                    }

                        .avatar-social .linkedin-contact:hover {
                            background-image: url('https://www.twiner.cz/images/social/linkedin_hover.png');
                        }

                    .avatar-social .x-contact {
                        background: url('https://www.twiner.cz/images/social/x.png') no-repeat center center;
                        background-size: 34px 34px;
                    }

                        .avatar-social .x-contact:hover {
                            background-image: url('https://www.twiner.cz/images/social/x_hover.png');
                        }

                    .public-contact-wrapper {
                        display: inline-block;
                        margin: 0 auto;
                    }

                        .public-contact-icon {
                            text-align: left;
                            padding-left: 32px;
                            position: relative;
                        }

                            .public-contact-icon img {
                                height: 24px;
                                position: absolute;
                                top: -2px;
                                left: 0;
                            }

                            .public-contact-email .public-contact-icon img {
                                left:-5px;
                            }

                            .public-contact-address .public-contact-icon img {
                                left: -4px;
                                height: 28px;
                            }

                    .public-contact-email, .public-contact-phone, .public-contact-address, .public-contact-web {
                        padding: 16px 0 0 0;
                    }

                        .public-contact-email svg, .public-contact-phone svg, .public-contact-address svg, .public-contact-web svg {
                            width: 18px;
                            position: relative;
                            top: 2px;
                            left: -8px;
                        }

                    .public-contact {
                        padding: 32px 0 0 0;
                        font-weight: bold;
                    }

                    .public-contact-line {
                        border-top: 1px solid #ccc;
                        margin-top: 32px;
                        padding-top: 32px;
                    }

            .avatar-story {
                font-size: 16px;
                color: #222;
                line-height: 22px;
            }

            .avatar-active-profile, .avatar-inactive-profile {
                font-size: 16px;
                color: #222;
                font-style: italic;
                line-height: 22px;
                padding: 16px 0;
                position: relative;
                text-decoration: underline;
                display: inline-block;
            }

                .avatar-active-profile:before, .avatar-inactive-profile:before {
                    content: "";
                    width: 10px;
                    height: 10px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    background-color:#0ec325;
                    display: inline;
                    position: absolute;
                    left: -16px;
                    top: 22px;
                }

                    .avatar-inactive-profile:before {
                        background-color: #ff4f00;
                    }

            .avatar-boxes-wrapper {
                border-top: 1px solid #ccc;
                margin-top: 32px;
                padding-top: 32px;
            }

            .avatar-boxes {
                display: flex;
                flex-direction: row;
                justify-content: center;
                flex-wrap: wrap;
            }

                .avatar-number-block {
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                    padding: 16px;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    width: 100px;
                    text-align: center;
                    cursor: pointer;
                    flex: 0 0 auto;
                    margin:4px;
                }

                .avatar-verified {
                    background: #7437F6;
                    color:#fff;
                }

                    .avatar-verified img {
                        margin-bottom: 4px;
                    }

                    .avatar-verified div:first-of-type {
                        font-size: 12px;
                    }

                    .avatar-verified div:last-of-type {
                        font-size: 16px;
                        font-weight: bold;
                    }

                .avatar-followers {
                    color: #222;
                    text-decoration: none;
                }

                    .avatar-followers div:first-of-type {
                        font-size: 32px;
                        font-weight: bold;
                    }

                    .avatar-followers div:last-of-type {
                        font-size: 12px;
                        padding-top: 4px;
                    }

                .avatar-reference {
                    color: #fff;
                    text-decoration: none;
                    background: linear-gradient(95deg, #FF4F00 0%, #7437F6 100%)
                }

                    .avatar-reference div:first-of-type {
                        font-size: 32px;
                        font-weight: bold;
                    }

                    .avatar-reference div:last-of-type {
                        font-size: 12px;
                        padding-top: 4px;
                    }

                .avatar-rating {
                    background: #ff4f00;
                    color:#fff;
                }

                    .avatar-rating div:first-of-type {
                        font-size: 12px;
                        padding-bottom: 4px;
                    }

                    .avatar-rating div:last-of-type {
                        font-size: 32px;
                        font-weight: bold;
                        cursor: pointer;
                    }

    .personality-container-right {
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .personality-container-right-wrapper {
            padding-left:67px;
        }

.person-offer-overview {
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 32px;
}

    .person-offer-overview-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 32px;
    }

        .person-offer-overview-header .height-avatar-image {
            margin: 0 auto;
        }

    .person-offer-overview-main-photo {
        height: 100px;
        width:200px;
        background-position: center center;
        background-size: cover;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .person-offer-overview-main-header {
            padding-left: 24px;
        }

    .person-offer-overview-h1 {
        font-size: 28px;
        font-weight: bold;
    }

    .person-offer-overview-h2 {
        font-size: 18px;
        font-weight: bold;
        margin-top: 12px;
    }

    .person-offer-overview-footer {
        border-top: 1px solid #ccc;
        margin-top: 16px;
        padding:16px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .person-offer-overview-text {
        padding:0 32px 0 32px;
        font-size: 14px;
        line-height: 30px;
    }

        .person-offer-overview-text.have-next-images {
            padding-bottom: 32px;
        }

    .person-offer-overview-images {
        padding:0 32px 16px 32px;
        display: flex;
    }

        .person-offer-overview-images a {
            width: 60px;
            height: 60px;
            background-size: cover;
            background-position: center center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            margin-right: 16px;
            display: block;
        }

        .person-offer-overview-images a.have-more {
            color: #fff;
            text-align: center;
            font-weight: bold;
            font-size: 20px;
            line-height: 60px;
            position: relative;
            margin-right: 0;
            text-decoration: none;
        }

            .person-offer-overview-images a.have-more:after {
                content: "";
                background:#00000050;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 1;
            }

            .person-offer-overview-images a.have-more span {
                position: relative;
                z-index: 2;
            }

    .person-offer-overview-button-divider {
        border-left: 1px solid #ccc;
        height: 50px;
        width: 1px;
        margin: -8px 4px -8px 10px;
    }

.default-tag {
    font-size: 14px;
    padding: 4px 11px;
    border-radius: 20px;
    border: 1px solid #7437f6;
    color: #7437f6;
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
}

.storno-line {
    margin-top: 6px;
    text-align: right;
}

    .storno-line a {
        font-size: 12px;
        color: #000;
    }

.person-offer-detail-avatar {
    color: #7437f6;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding-top: 64px;
    text-decoration: none;
}

    .person-offer-detail-avatar-image {
        width: 56px;
        height: 56px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-right: 10px;
    }

    .person-offer-detail-avatar-static {
        font-size: 18px;
    }

        .person-offer-detail-avatar-static-name {
            font-size: 20px;
            color: #222;
            margin-bottom: 4px;
        }

.person-offer-detail-header {
    padding: 20px 0 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

    .person-offer-detail-h1 {
        font-size: 34px;
        font-weight: bold;
        padding: 0 0 16px 0;
        margin: 0;
    }

    .person-offer-detail-name {
        font-size: 14px;
        padding-right: 10px;
    }

    .person-offer-detail-header .person-tag {
        margin-top: 0;
    }

    .person-offer-detail-social {
        position: relative;
        z-index: 1;
    }


        .person-offer-detail-social span {
            font-size: 14px;
            text-decoration: none;
            color:#222;
            margin-left:16px;
        }

            .person-offer-detail-social span img {
                margin-right: 4px;
            }

            .person-offer-detail-social span:hover {
                text-decoration: underline;
            }

        .person-offer-detail-social a {
            font-size: 14px;
            text-decoration: none;
            color:#222;
        }

            .person-offer-detail-social a:hover {
                text-decoration: underline !important;
            }

        .dropdown-share {
            width:164px;
            text-align:right;
            cursor: pointer;
        }

            .dropdown-share > div {
                text-align: left;
                left: auto;
                right: 0;
            }

            .person-offer-detail-social a img {
                width: 16px;
                margin-right: 5px;
                position: relative;
                top: 2px;
            }

.person-offer-detail-cols {
    display: flex;
    flex-wrap: wrap;
    margin:0 -10px;
    padding-bottom: 64px;
}

    .person-offer-detail-col-left {
        flex: 0 0 66.66666666%;
        max-width: 66.66666666%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .person-offer-detail-main-photo, .person-offer-detail-main-video {
            width: 100%;
            height: 420px;
            background-position: center center;
            background-size: cover;
            display: block;
            background-repeat: no-repeat;
            border-radius: 20px;
            background-color: #000;
        }

        .person-offer-detail-main-photo, .person-offer-detail-photos {
            position: relative;
        }

            .person-offer-detail-main-photo img, .person-offer-detail-photos img {
                position: absolute;
                bottom: 1rem;
                right: 1rem;
            }

        .person-offer-detail-photos, .person-offer-gallery-photo {
            display: flex;
        }

            .person-offer-detail-photos-wrap, .person-offer-gallery-photo {
                flex-wrap: wrap;
                margin:0 -10px 20px -10px;
            }

            .person-offer-detail-photos > a, .person-offer-detail-photos div, .person-offer-gallery-photo > a {
                width: 25%;
                padding-bottom: calc(25% - 10px);;
                background-position: center center;
                background-size: cover;
                display: block;
                border-radius: 20px;
                background-repeat: no-repeat;
                position: relative;
            }

            .person-offer-gallery-photo a {
                margin:10px;
                aspect-ratio: 1 / 1;
                overflow: hidden;
                width: calc(16.66666% - 20px);
                padding-bottom: calc(16.66666% - 20px);
                position: relative;
            }

                .person-offer-gallery-photo a img {
                    object-fit: cover;
                    width: 100%;
                    aspect-ratio: 1 / 1;
                }

                    .person-offer-gallery-photo a:hover:after {
                        content: "";
                        position: absolute;
                        top:0;
                        bottom:0;
                        left:0;
                        right:0;
                        background: #00000066 url('https://www.twiner.cz/images/plus_circle.svg') no-repeat center center;
                        background-size: 3rem 3rem;
                    }

                    .person-offer-gallery-photo a.active:after {
                        content: "";
                        position: absolute;
                        top:0;
                        bottom:0;
                        left:0;
                        right:0;
                        background: #00000066 url('https://www.twiner.cz/images/tick.svg') no-repeat center center !important;
                        background-size: 3rem 3rem !important;
                    }


                .person-offer-detail-photos div {
                    width: calc(25% - 20px);
                    padding-bottom: calc(25% - 20px);
                }

                    .person-offer-detail-photos div a {
                        position: absolute;
                        right: 6px;
                        top: 6px;
                        border-radius: 20px;
                        width: 34px;
                        height: 34px;
                    }

                    .person-offer-detail-photos div a:after {
                        content: "";
                        background-image: url('https://www.twiner.cz/images/cross.svg');
                        background-repeat: no-repeat;
                        background-position: center center;
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        bottom: 0;
                    }

                .person-offer-detail-photos > a {
                    margin:20px 10px;
                }

                .person-offer-detail-photos div {
                    margin: 10px;
                }

                .person-offer-detail-photos > a:first-of-type {
                    margin-left: 0;
                }


                .person-offer-detail-photos > a:last-of-type {
                    margin-right: 0;
                }

                #add-photo {
                    background: #f2f2f2 url("https://www.twiner.cz/images/plus_photo.png") no-repeat center center;
                    cursor: pointer;
                    position: relative;
                    background-size: 100%;
                }

                #add-photo-gallery {
                    background: #f2f2f2 url("https://www.twiner.cz/images/plus_photo.png") no-repeat center center;
                    cursor: pointer;
                    position: relative;
                    background-size: 100%;
                }

                    #add-photo-gallery span, #add-photo span {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-align: center;
                        bottom: 16px;
                        color: #bbb;
                        font-weight: bold;
                    }

                .person-offer-detail-photos > a.have-more {
                    color: #fff;
                    font-weight: bold;
                    font-size: 32px;
                    position: relative;
                    text-decoration: none;
                }

                    .person-offer-detail-photos a.have-more:after {
                        content: "";
                        background:#00000050;
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        z-index: 1;
                        border-radius: 20px;
                    }

                        .person-offer-detail-photos a.have-more span {
                            left: 0;
                            right: 0;
                            bottom: 0;
                            top: 0;
                            position: absolute;
                            z-index: 2;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }

    .person-offer-detail-col-right {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .person-offer-detail-address {
        padding: 16px 0;
    }

        .person-offer-detail-address p {
            padding-top:0;
            margin-top:0;
        }

    .person-offer-detail-description {
        font-size: 14px;
        line-height: 30px;
        padding: 0 0 20px 0;
    }

    .person-offer-detail-offers {
        border: 1px solid #ccc;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 32px;
    }


        .person-offer-detail-offers > .person-offer-detail-offers-margin-top {
            margin-top: 24px;
        }


        .person-offer-detail-offers-header {
            font-size: 26px;
            font-weight: bold;
        }

        .person-offer-detail-filter {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            align-items: stretch;
        }

            .person-offer-detail-filter > div {
                background: #f5f5f5;
                width: 100%;
                font-size: 11px;
                text-align: center;
                border-radius: 10px;
            }

            .person-offer-detail-filter strong {
                font-size: 14px;
            }

            .person-offer-detail-filter-date {
                padding: 24px;
                cursor: pointer;
            }

            .person-offer-detail-filter-type {
                margin-left: 10px;
                padding: 4px;
                display: flex;
                justify-content: space-between;
                align-items: stretch;
            }

                .person-offer-detail-filter-type > div {
                    width: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                }

                .person-offer-detail-filter-type-active {
                    background: #fff;
                    border-radius: 10px;
                }

        .person-offer-detail-offer-line {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            border-bottom: 1px solid #ccc;
            padding: 24px 0;
            font-size: 13px;
            line-height: 20px;
        }

            .person-offer-detail-offer-line strong {
                font-size: 14px;
            }

            .person-offer-detail-offer-line .btn {
                margin-top: 6px;
                font-size: 13px;
            }

            .person-offer-detail-offer-line div:last-of-type {
                text-align: right;
            }

    .person-offer-detail-block-text {
        margin-bottom: 32px;
    }

        .person-offer-detail-block-text div:first-child {
            font-weight: bold;
            font-size: 18px;
            padding: 0 0 8px 0;
        }

        .person-offer-detail-block-text div p {
            margin-top: 0;
        }

    .person-offer-detail-verified {
        margin-top:20px;
        background: #7437f6;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color:#fff;
        padding:60px 0;
        text-align: center;
    }

        .person-offer-detail-verified div:first-of-type {
            font-size: 40px;
        }

        .person-offer-detail-verified div:last-of-type {
            font-weight: bold;
            font-size: 64px;
        }

    .person-offer-detail-stats {
        margin-top: 20px;
        display: flex;
    }

        .person-offer-detail-stats > div {
            border:1px solid #7437f6;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            text-align: center;
            padding:60px 0;
            width: 50%;
        }

            .person-offer-detail-stats > div:first-of-type {
                margin-right: 20px;
            }

            .person-offer-detail-stats > div > div:first-of-type {
                font-size: 48px;
                font-weight: bold;
                color:#7437f6;
            }

                .person-offer-detail-stats > div > div span {
                    color:rgba(116, 55, 246, 0.60);
                }

            .person-offer-detail-stats > div > div:last-of-type {
                font-size: 14px;
            }

#person-offer-detail-map {
    height: 500px;
}

    .person-offer-detail-container .person-overview {
        padding-top:14px;
    }

    .person-offer-detail-container .person {
        margin:0 0 80px 0;
    }

    .person-offer-detail-container .how-it-works {
        padding-top: 20px;
    }


.height-avatar-blocks {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

    .height-avatar-image {
        height: 100px;
        width: 100px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        margin: 0 auto 16px auto;
        border: 1px solid #f2f2f2;
    }

    .height-avatar {
        display: block;
        padding: 32px 64px 32px 0;
        text-align: center;
        color: #222;
        text-decoration: none;
    }

.rating-popup-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 16px;
}

    .rating-popup-number {
        text-align: center;
        color: #ff4f00;
        font-size: 22px;
        font-weight: bold;
        line-height: 20px;
    }

        .rating-popup-number img {
            position: relative;
            top:-4px;
        }

    .rating-popup-block-left .height-avatar {
        padding:10px;
        font-size: 11px;
    }

    .rating-popup-block-left .height-avatar-image {
        width:46px;
        height: 46px;
        margin-bottom: 10px;
    }

    .rating-popup-block-right {
        padding: 10px;
        flex-grow: 1;
        font-size: 18px;
    }

        .rating-popup-block-right small {
            font-size: 11px;
            display: block;
            padding: 6px 0 12px 0;
        }

        .rating-popup-block-right p {
            font-style: italic;
            font-size: 16px;
            padding: 0;
            margin: 0;
        }

#avatar-upload {
    cursor: pointer;
}

    #avatar-upload > div {
        position: absolute;
        bottom: 0;
        text-align: center;
        left: 0;
        right: 0;
        padding: 20px 0;
    }

        #avatar-upload > div > * {
            display: block;
            padding:4px 0;
            color:#222;
            font-size: 14px;
            text-decoration: underline;
        }

    #avatar-upload:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: "";
        background: rgb(255,255,255);
        background: -moz-linear-gradient(0deg, rgba(255,255,255,0.6895133053221288) 2%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.6895133053221288) 2%, rgba(255,255,255,0) 100%);
        background: linear-gradient(0deg, rgba(255,255,255,0.6895133053221288) 2%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }

#avatar-edit-story, .rating-add-textarea, #bio-edit-title {
    position: relative;
}

    #avatar-edit-story > span, .rating-add-textarea > span, #bio-edit-title > span {
        position: absolute;
        right: 2px;
        bottom: 22px;
        background: transparent;
        padding: 10px;
        color: #666;
        font-size: 13px;
        font-style: italic;
    }

        .rating-add-textarea > span {
            bottom: 2px;
        }

        .rating-add-textarea textarea {
            width: 100%;
        }

.person-request-overview {

}

    .person-request-overview .person-tag {
        margin: 0 0 0 5px;
    }

    .person-request-overview .height-avatar {
        padding:0 32px 0 0;
    }

    .person-request-overview .default-tag {
        margin: 4px 6px 4px 0;
        color: #7437f6;
        text-decoration: none;
    }

    .person-request-overview .person-offer-overview-header {
        align-items: start;
    }

    .person-request-overview p {
        font-size: 14px;
        margin: 10px 0;
    }

    .person-request-overview .person-offer-overview-footer {
        margin-top: 0;
    }

.rating-all-button-line {
    margin-top: 24px;
    text-align: center;
}

.bio {
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 32px;
}

    #bio .bio-header {
        margin: 0 0 32px 0;
    }

    /*
    #bio h2 {
        font-size: 26px;
        line-height: 30px;
        padding: 0;
        margin: 0;
    }
    */
    #bio-text {
        font-size: 16px;
        line-height: 30px;
    }

#bio-text-format {

}

    #bio-text-format h2, #bio-text-format h3, #bio-text-format h4 {
        color: #FF4F00;
    }

    #bio-text-format hr {
        margin:32px 0;
    }

    #bio-text-format a {
        font-weight: bold;
    }

.avatar-blocks-grid {

}

    .avatar-blocks-grid .height-avatar {
        padding: 32px 16px;
        width: calc(100% / 5);
    }

#sub-specialization-filter {
    text-align: center;
}

    #sub-specialization-filter > div > div {
        border-radius: 10px;
        background: #f0f0f0;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 16px auto 0 auto;
    }

    #sub-specialization-filter span, #sub-specialization-filter strong {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 7px 4px;
        font-size: 14px;
        padding: 4px;
        line-height: 20px;
        white-space: nowrap;
    }

    #sub-specialization-filter span {
        background: #fff;
        padding: 4px 8px 4px 4px;
    }

    #sub-specialization-filter strong {
        margin: 7px 4px 7px 8px;
        padding: 4px;
    }

    #sub-specialization-filter .form-check-input {
        margin: 0 4px 0 0;
    }

.mobile-buttons .btn {
    margin:4px;
}

#bio-public li::marker, #bio-edit li::marker {
    color: #FF4F00;
    font-size: 1.5em;
}

#reference-col-box {
    border-top: 1px solid #ccc;
    margin-top: 32px;
    padding-top: 32px;
}

#bio-reference, #bio-rating {
    margin-top:32px;
}
.dropdown {
    position: relative;
    z-index: 100;
}

    .dropdown.active-dropdown > div:last-of-type {
        display: block;
    }

    .dropdown > div:first-of-type {
        padding: 16px;
        background: url('https://www.twiner.cz/images/chevron-down.png') no-repeat right center;
        cursor: pointer;
    }

    .dropdown > div:last-of-type {
        padding: 16px;
        position: absolute;
        top: -7px;
        left: -1px;
        background: #fff;
        border:1px solid #ccc;
        display: none;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 10px 10px 10px 10px;
    }

    .dropdown a {
        display: block;
        color:#222;
        text-decoration: none;
        padding:6px 0;
    }

        .dropdown a.active {
            font-weight: bold;
        }

        .dropdown a:hover {
            color: #222;
            text-decoration: none;
        }

.dropdown-hr {
    border-bottom: 1px solid #ccc;
    margin: 10px -16px;
}

.dropdown-h1-specialization {
    font-size: 18px;
    position: relative;
    top: 2px;
    z-index: 100;
    color: #ff4f00;
}

    .dropdown-h1-specialization > div:first-of-type {
        background: none;
        padding: 6px 15px;
        font-weight: normal;
        font-size: 18px;
        margin: 0 0 0 10px;
        line-height: 22px;
        border-radius: 20px;
        border: 2px solid #ff4f00;
        cursor: pointer;
    }

    .dropdown-h1-specialization.active-dropdown > div:last-of-type {
        display: block;
    }

    .dropdown-h1-specialization > div:last-of-type {
        padding: 13px 16px;
        position: absolute;
        top: 42px;
        left: 10px;
        background: #fff;
        border: 1px solid #ff4f00;
        display: none;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 10px 10px 10px 10px;
    }

        .dropdown-h1-specialization a {
            color: #ff4f00;
            font-weight: normal;
            text-decoration: none;
            font-size: 14px;
            display: block;
            line-height: 26px;
            white-space: nowrap;
        }

            .dropdown-h1-specialization a.active {
                font-weight: bold;
            }

            .dropdown-h1-specialization a.hover {
                font-weight: bold;
            }

.dropdown-user {

}

    .dropdown-user a {
        white-space: nowrap;
    }

    .dropdown-user > div:first-of-type {
        background: #ff4f00 url('https://www.twiner.cz/images/dropdown_user.png') no-repeat;
        color: #fff;
        border-radius: 10px;
        margin-left: 32px;
        padding: 12px 36px 12px 24px;
        background-position: right 16px center;
    }

    .dropdown-user.dropdown.active-dropdown > div:last-of-type {
        min-width: 180px;
        left: auto;
        right: 0;
        top: 54px;
    }
.lost-password-anchor {
    text-align: right;
    padding-top: 6px;
}

    .lost-password-anchor a {
        font-size: 12px;
        color: #999;
        text-decoration: none;
    }

.sign-buttons {
    margin-top: 16px;
}

.register-terms {
    padding: 16px 0;
    font-size: 14px;
    line-height: 24px;
}

.sign-social {

}

    .sign-social a {
        display: block;
        color: #222;
        text-decoration: none;
        border: 1px solid #222;
        text-align: center;
        line-height: 50px;
        margin: 16px 0;
        border-radius: 10px;
        font-size: 14px;
        position: relative;
    }

    .sign-social img {
        position: absolute;
        left: 16px;
        top: 16px;
    }
.setting-box {
    padding-top:64px;
}

.setting-box-padding {
    padding-left: 48px;
    padding-right: 48px;
}

.step-buttons {
    display: flex;
    justify-content: center;
}

    .step-buttons > div {
        margin: 16px 8px;
    }

    .step-buttons img {
        cursor: pointer;
    }

    .step-buttons .btn {
        height: 52px;
        line-height: 50px;
    }

    .step-buttons-same-width {
        display: flex;
    }

        .step-buttons-same-width .btn {
            margin: 0 3px;
            width: 150px;
        }

.form-max-width {
    width:100%;
    max-width: 886px;
    margin: 0 auto;
}

.form-min-width {
    width:100%;
    max-width: 486px;
    margin: 0 auto;
}

.category-grid {
    display: flex;
    flex-wrap: wrap;
    margin:0 -6px;
}

    .category-grid-item {
        width: calc(100%/6 - 12px);
        text-align: center;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin: 6px;
        padding: 16px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .category-grid-item div {
            width: 100%;
            margin: 3px 0;
            font-size: 13px;
        }

        .category-grid-item.selected {
            color: #ff4f00;
            border-color: #ff4f00;
            font-weight: bold;
        }

        .category-grid-item.selected img {
            filter: invert(51%) sepia(95%) saturate(4879%) hue-rotate(0deg) brightness(100%) contrast(108%);
        }

#offer-step {
    position: relative;
    margin-bottom: 64px;
}

    #offer-step:after {
        content: "";
        border-bottom: 1px solid #ccc;
        height: 1px;
        display: block;
        position: absolute;
        width: 100%;
        bottom: 6px;
        z-index: 1;
    }

    .offer-step-name {
        padding-bottom: 16px;
    }

    .offer-step-indicator {
        border-radius: 20px;
        background: #FF4F00;
        height:14px;
        position: relative;
        z-index: 2;
    }

.offer-time-form-next {
    cursor: pointer;
    text-decoration: underline;
    color: #999;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 32px;
}

    .offer-time-form-next img {
        margin-left: 6px;
        position: relative;
        top: 4px;
    }

    .form-group-offer-times-form {
        padding-bottom:0;
    }

        .form-group-offer-times-form > div {
            margin-bottom:10px;
            position: relative;
        }

        .form-group-offer-times-form .remove-icon {
            width: 19px;
            height: 19px;
            border-radius: 100%;
            background: #ff4f00;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            position: absolute;
            right: -8px;
            top: -8px;
        }

            .form-group-offer-times-form .remove-icon input {
                display: none;
            }
.modal-active-overlay:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ff000000;
    transition: background-color 0.5s ease;
}

.modal-active-overlay.modal-active-overlay-done:after {
    background: #00000042;
}

.modal-active-overlay {
    overflow: hidden;
}

#blur-wrapper {
    filter: blur(0px);
    transition: filter 0.5s ease;
}

.modal-active-overlay #blur-wrapper {
    filter: blur(5px);
}

.modal {
    display: none;
}

    .modal.modal-active {
        display: flex;
        align-items: center;
        max-width: 500px;
        margin: 0 auto;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

        .modal-xl.modal-active {
            max-width: 90%;
        }

    .modal-title {
        font-size: 20px;
        font-weight: bold;
    }

    .modal-content {
        background:#fff;
        border-radius: 20px;
        padding:32px;
        width:100%;
        max-width: 100vw;
    }

    .modal-header {
        display: flex;
        margin-bottom: 16px;
    }

    .modal-close, .modal-close-anchor {
        margin-left: auto;
        background:url('../images/modal_close.png');
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

    .modal-body {
        max-height: 76vh;
        overflow-y: auto;
        overflow-x: hidden;
        position: relative;
    }

    .modal-body h2 {
        padding-top:0;
    }

    .modal-body-hr {
        margin: 20px 0;
        border-top: 1px solid #ccc;
        height: 1px;
    }

    .modal-footer-center {
        margin-top:6px;
        text-align: center;
    }

#rating-modal .modal-body {
    padding: 0 0 6px 0;
}

@media (max-width: 520px) {
    .modal-content {
        padding: 16px;
    }
}
.help {
    border:1px solid #cacacc;
    border-radius: 10px;
}

    .help-item {
        border-bottom: 1px solid #cacacc;
    }

        .help-item:last-child {
            border-bottom: 0;
        }

    .help-text {
        padding: 0 24px 24px 24px;
        line-height: 26px;
    }

    .help-header {
        margin: 0;
        font-size: 16px;
        font-weight: normal;
        cursor: pointer;
        padding: 24px 68px 24px 24px !important;
        position: relative;
    }

        .help-header::after {
            content: "";
            position: absolute;
            right: 24px;
            top: 0;
            bottom: 0;
            width: 24px;
            background: url('https://www.twiner.cz/images/chevron_down.png') no-repeat center right;
        }

        .help-header.active::after {
            transform: rotate(180deg);
        }


.help-info {
    background:#ddd;
    border:1px solid #ccc;
    border-radius: 10px;
    padding: 24px;
    margin-top: 24px;
}

#contact {
    padding-top: 64px;
    padding-bottom: 64px;
}

    .contact-col {
        padding:0 64px;
    }

    #contact-form {

    }

    .recaptcha-reload {
        font-size: 14px;
        display: block;
        position: relative;
        top: -10px;
    }

        .recaptcha-reload img {
            width: 20px;
            position: relative;
            top: 4px;
        }

    #contact-form .d-flex-bottom {
        margin-bottom: 16px;
        background: #f5f5f5;
        padding: 14px;
        border-radius: 10px;
    }

        #contact-form .d-flex-bottom > img {
            border-radius: 10px;
            margin-right: 16px;
        }
:root {
    --primary: #0676ed;
    --background: #222b45;
    --warning: #f2a600;
    --success: #12c99b;
    --error: #e41749;
    --dark: #222222;
    --grayCCC: #cccccc;
    --grayDDD: #dddddd;
}

.alert {
    max-width: 100%;
    padding: 16px 22px 17px 20px;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .alert-empty {
        border-color: var(--grayCCC);
        background-color: var(--grayDDD);
        color: var(--dark);
    }

    .alert img {
        height: 16px;
        cursor: pointer;
    }

    .alert:first-of-type {
        margin-top: 32px;
    }

    .alert-warning {
        background: var(--warning);
    }

    .alert-success {
        background: var(--success);
    }

    .alert-info {
        background: var(--primary);
    }

    .alert-dark {
        background: var(--dark);
    }

    .alert-danger {
        background: var(--error);
    }

    .alert button {

    }
.avatar-social-mobile, .avatar-boxes-mobile, .public-contact-email-phone-mobile {
    display: none;
}

@media (max-width: 1280px) {
    .footer-links {
        margin:0 32px;
    }
}

@media (max-width: 1060px) {
    #footer .big-line {
        display: block;
        text-align: center;
        padding-bottom: 0;
    }

    .footer-links {
        margin: 32px auto 0 auto;
        text-align: left;
        display: inline-flex;
    }

    .person {
        flex: 1 33%;
        max-width: 33%;
        margin: 40px 0;
    }

    .person-headline, .blog-headline {
        display: block;
    }

        .person-headline strong, .blog-headline strong {
            display: block;
            padding-bottom: 10px;
        }

    .person-headline img {
        margin-left: 0;
    }

    #homepage-claim-text {
        display: block;
        padding: 0 0 60px 0;
    }

        #homepage-claim-text .homepage-claim-left, #homepage-claim-text .homepage-claim-right {
            flex: none;
            max-width: 100%;
        }

    .about-us-block .two-columns {
        display: block;
    }

    .about-us-block .pr-64, .about-us-block .pl-64 {
        padding: 0;
    }

    .about-us-block .two-columns > div {
        width: auto;
    }

    .about-us-block .h1 {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .about-us-block {
        text-align: center;
    }

    .about-us-block .first-row .h1 {
        margin-top: 32px;
    }
}

@media (max-width: 1020px) {
    .hide-in-bio-mobile {
        display: none;
    }

    #bio-detail-header.bio-detail-header-personality {
        padding-bottom: 32px;
        display: block;
        text-align: center;
    }

    .person-offer-detail-header {
        display: block;
    }

    .person-offer-detail-social {
        display: flex;
        justify-content: flex-end;
        padding-top: 16px;
    }

    .person-offer-detail-cols {
        display: block;
    }

    .person-offer-detail-col-left, .person-offer-detail-col-right {
        flex: none;
        max-width: 100%;
        display: block;
    }

    .person-offer-detail-col-right {
        width: 100%;
    }

    .person-offer-detail-offers {
        margin: 1rem 0 0 0;
        //flex: 0 0 50%;
        //max-width: 50%;
    }

    .person-offer-detail-col-right > div:last-of-type {
        flex: auto;
    }

    .contact-col {
        padding:0 16px;
    }

    .why-be-twinner {
        display: block;
        top:0;
        text-align: center;
    }

        .why-be-twinner img {
            max-width: 100%;
        }

        .why-be-twinner > div:last-of-type {
            margin-top: -116px;
        }

    .personality-container {
        display: block;
    }

        .personality-container-left, .personality-container-right {
            flex:none;
            max-width: 100%;
        }

        .personality-container-right-wrapper {
            padding: 64px 0 0 0;
        }

    .my-account-part .personality-container-left {
        display: none;
    }

    .my-account-part .personality-container-right-wrapper {
        padding:0;
    }

    #chat {

    }

        #chat .col-4 {
            flex: none;
            max-width: 100%;
            margin-bottom: 32px;
        }

        #chat .col-8 {
            flex: none;
            max-width: 100%;
        }

    #buy-request {

    }

        #buy-request .col-7, #buy-request .col-5 {
            flex: 0 0 50%;
            max-width: 50%;
        }

    #buy-overview {
        padding-left:8px;
        padding-right:16px;
    }

    .why-be-twinner > div:first-of-type {
        position: relative;
        z-index: 1;
    }

    /*
    .avatar-social, .avatar-boxes, .public-contact, .public-contact-phone, .public-contact-email, .public-contact-address, .public-contact-web {
        display: none;
    }

    .avatar-social-mobile, .avatar-boxes-mobile {
        display: flex;
    }

    .public-contact-email-phone-mobile {
        display: block;
        text-align: center;
    }
     */
}



@media (max-width: 772px) {
    .d-none-772 {
        display: none;
    }

    #footer .big-line img {
        width:90%;
    }

    .person {
        flex: 1 50%;
        max-width: 50%;
    }

    .person-overview {
        margin-bottom: 0;
    }

    #homepage-claim-text .homepage-claim {
        padding: 0 0 60px 0;
    }

    .how-it-works {
        padding-top:0;
    }

        .how-it-works .col-4 {
            flex: 0 0 100%;
            max-width: 100%;
            margin:20px 0;
        }

    .homepage-statistic {
        display: block;
        padding-top: 0;
    }

        .homepage-statistic .col-6, .homepage-statistic .col-3 {
            flex: none;
            max-width: 100%;
            text-align: center;
            padding-top:20px;
        }

    .homepage-claim-wrapper .col-6 {
        flex: none;
        max-width: 100%;
    }

    .homepage-claim-backgound {
        display: none;
    }

    #footer .footer-links div:last-of-type {
        margin-left: 32px;
    }

    #contact .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #contact .col-6:first-of-type {
        order: 2;
        padding-top:64px;
    }

    #contact .col-6:last-of-type {
        order: 1;
    }

    #contact-form .d-flex-bottom {
        display: block;
    }

        #contact-form .d-flex-bottom img {
            max-width: 100%;
        }

        #contact-form .d-flex-bottom a {
            display: block;
            margin-top: 8px;
        }

    .contact-col {
        padding:0;
    }

    .person-offer-overview-footer > div > span {
        display: block;
        margin:4px 0;
    }

        .person-offer-overview-footer > div > span.default-tag {
            display: inline-block;
        }

    .person-offer-overview-header, .person-offer-overview-footer {
        padding:16px;
    }

    .person-offer-overview-text {
        padding:0 16px;
    }

    .person-offer-overview-text.have-next-images {
        padding-bottom: 16px;
    }

    .person-offer-overview-images {
        padding:0 16px;
    }

    .bio {
        padding:16px;
    }

    .category-grid-item {
        width: calc(100% / 4 - 12px);
    }

    .avatar-blocks-grid .height-avatar {
        width: calc(100% / 3);
    }

    #chat .default-tag {
        margin-top:4px;
    }

    .padding-base {
        padding-top:32px;
        padding-bottom: 32px;
    }

    .personality-container {
        padding:32px 0;
    }

    #buy-request .col-7 {
        order:2;
    }

    #buy-request .col-5 {
        order:1;
        margin-bottom: 32px;
    }

    #buy-request .col-7, #buy-request .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #buy-overview {
        padding-left:16px;
        padding-right:16px;
    }

    #buy-request .bold-label label {
        display: block;
    }

    #buy-request .custom-select {
        min-width: auto;
    }

    .person-request-overview-header {
        display: block;
    }

        .person-request-overview-header .person-offer-overview-h1 {
            padding-right:0;
            padding-bottom: 8px;
        }

    #homepage-claim h1 {
        font-size: 52px;
    }

    .person-offer-overview-footer {
        display: block;
    }

    .person-offer-overview-footer div:first-of-type {
        margin-bottom: 8px;
    }
}

@media (max-width: 640px) {
    .person-offer-detail-offers {
        margin: 1rem 0 0 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .person-offer-detail-col-right {
        display: block;
    }

    .why-be-twinner-wrapper .col-4 {
        flex: none;
        width: 100%;
        max-width: 100%;
        padding-bottom: 48px;
    }

        .why-be-twinner-wrapper .col-4:last-of-type {
            padding-bottom: 0;
        }

    .why-be-twinner-wrapper h2 {
        padding:32px 0 0 0;
    }

    .why-be-twinner-stats {

    }

        .why-be-twinner-stats .d-flex {
            display: block;
        }

        .why-be-twinner-stats .why-be-twinner-stats-block {
            width: 100%;
            margin-bottom: 48px;
        }

            .why-be-twinner-stats .why-be-twinner-stats-block:last-of-type {
                margin-bottom: 16px;
            }

    .person-offer-detail-main-photo img, .person-offer-detail-photos img {
        bottom: 0.5rem;
        right: 0.5rem;
    }

    #add-photo-gallery span, #add-photo span {
        font-size: 14px;
        padding: 0 16px;
        background: #f2f2f2d1;
    }

    .person-offer-overview-footer .d-flex-no-wrap {
        flex-wrap: wrap-reverse;
    }

    .chat-control-block {
        display: block;
    }

    .chat-control-block div:first-of-type {
        margin-bottom: 8px;
    }
}

@media (max-width: 582px) {
    .person {
        flex: 1 100%;
        max-width: 100%;
        margin: 20px 0;
    }

    .homepage-claim-wrapper .col-6 {
        padding: 32px 0;
    }

    .homepage-claim-quotation-text {
        font-size: 24px;
        line-height: 38px;
    }

    .person-offer-detail-name {
        display: block;
        padding-bottom: 1rem;
    }

    .homepage-claim-right-click, .homepage-claim-left-click {
        padding: 0 24px;
    }

    .homepage-claim-wrapper {
        padding: 0 32px;
    }

    .person-offer-overview-header {
        display: block;
    }

    .person-offer-overview-main-header {
        padding-left: 0;
    }

    .person-offer-overview-main-photo {
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 50%;
        margin-bottom: 16px;
    }

    .person-offer-overview-images a {
        width: 25%;
        height: auto;
        aspect-ratio: 1;
    }

    .setting-box-padding {
        padding-left:8px;
        padding-right:8px;
    }

    .avatar-blocks-grid .height-avatar {
        width: calc(100% / 2);
    }

    #chat .col-4 {
        width:100%;
    }

    body {
        overflow-x: hidden;
    }

    #personality-filter > div {
        margin:32px 0;
    }

    .person-request-overview .height-avatar {
        text-align: left;
    }

    .person-offer-overview-header .height-avatar-image {
        margin:0 0 8px 0;
    }

    #homepage-claim h1 {
        font-size: 42px;
    }

    #homepage-claim-key {
        top: 6px;
    }

    #homepage-slider {
        display: none;
    }

    .homepage-quick-buttons {
        display: none;
    }

    #homepage-filter #personality-filter > div {
        margin: 32px 0;
    }

    .avatar-h1 {
        text-align: center;
    }

    #bio-detail-header h1 {
        text-align: center;
    }

    #bio-detail-header > div {
        text-align: center;
    }

    #bio-detail-header {
        display: flex;
        flex-direction: column-reverse;
    }

    .personality-mobile-hr {
        border-top: 1px solid #ccc;
        margin: 0 0 64px 0;
    }

    .mobile-text-center {
        text-align: center;
    }

    #footer .footer-links {
        display: block;
    }

    #footer .footer-links div {
        margin-left: 32px;
    }
}

@media (max-width: 520px) {
    #personality-filter-specialization-popup div, #personality-filter-region-popup div {
        display: flex;
    }

    #personality-filter > div {
        flex-wrap: wrap;
    }

    #personality-filter > div > * {
        width:100%;
    }

    #personality-filter .btn {
        text-align: center;
    }

    #personality-filter .btn span {
        margin:auto;
    }

    #footer .small-line {
        display: block;
        text-align: center;
    }

    #footer .small-line div:last-child {
        margin-top:16px;
    }

    #avatar-public .tooltip:before, #avatar-public .tooltip:after {
        display: none;
    }
}

@media (max-width: 486px) {
    #add-photo, #add-photo-gallery {
        background-size: 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #add-photo span, #add-photo-gallery span {
        bottom: 0;
        height: 100%;
        display: flex;
        align-items: center;
        background: none;
        font-weight: normal;
    }

    .person-offer-overview-footer {
        display: block;
    }

    .category-grid-item {
        width: calc(100% / 3 - 12px);
    }

    .person-offer-detail-photos div a {
        width: 18px;
        height: 18px;
        line-height: 18px;
        padding: 4px;
    }

    .step-buttons-final {
        display: block;
    }

        .step-buttons-final .step-buttons-same-width {
            display: block;
        }

        .step-buttons-final .step-buttons-same-width .btn {
            display: block;
            margin-bottom: 8px;
        }

    #chat-bg .d-flex-space-between {
        display: block;
    }

        #chat-bg .d-flex-space-between div:last-of-type {
            margin-top:8px;
        }

    .person-offer-overview-footer .btn {
        margin-top: 8px;
    }


}

@media (max-width: 420px) {
    #add-photo-gallery span, #add-photo span {
        padding: 0 8px;
    }
}



/* HTML: <div class="loader"></div> */
.loader {
    width: 120px;
    height: 60px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    //filter: blur(5px) contrast(10) hue-rotate(60deg);
    mix-blend-mode: darken;
}
.loader:before {
    content: "";
    width: 40px;
    border-radius: 50%;
    background: #ff4400;
    animation: l3 1s infinite alternate;
}
.loader:after {
    content: "";
    width: 40px;
    border-radius: 50%;
    background: #7437F6;
    animation: l3 1s infinite alternate;
}
.loader:after {
    --s:-1;
}
@keyframes l3{
    90%,100% {transform: translate(calc(var(--s,1)*30px))}
}
#header-mobile, .menu-mobile {
    display: none;
}

#header-mobile {
    position: sticky;
    top:0;
    z-index: 4;
}

@media (max-width: 942px) {
    #frm-searchHeaderForm {
        display: none;
    }
}

@media (max-width: 664px) {
    #header {
        display: none;
    }

    #header-mobile {
        background: #fff;
        display: block;
    }

    .header-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 24px;
        -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.2);
    }

    .header-mobile span {
        cursor: pointer;
        height: 100%;
        aspect-ratio: 1;
        display: inline-block;
        padding: 16px;
        margin: -16px;
    }

    .menu-mobile {
        display: none;
        background: #7437f6;
        -webkit-border-bottom-right-radius: 16px;
        -webkit-border-bottom-left-radius: 16px;
        -moz-border-radius-bottomright: 16px;
        -moz-border-radius-bottomleft: 16px;
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 101;
    }

    .menu-mobile-active {
        display: block;
    }

    .header-mobile-content {
        padding: 24px;
    }

        .header-mobile-content strong {
            font-size: 1.4rem;
            padding: 0.6rem 0;
            font-weight: bold;
            color:#fff;
            display: flex;
            align-items: center;
        }

        .header-mobile-content a {
            color:#fff;
            display: block;
            text-decoration: none;
            line-height: 2rem;
        }

            .header-mobile-content a {
                font-size: 1.2rem;
                line-height: 3rem;
            }

    .menu-mobile-divider {
        border-top: 1px solid #905ff8;
        margin: 16px -24px;
    }

    .menu-mobile-avatar-image {
        width: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        max-width: 48px;
        margin-right: 1rem;
    }
}
.autoComplete_wrapper {
    position: relative;
}

.autoComplete_wrapper > ul {
    position: absolute;
    max-height: 226px;
    overflow-y: scroll;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: 0.5rem 0 0 0;
    padding: 0;
    list-style: none;
    border-radius: 0.6rem;
    background-color: #fff;
    border: 1px solid rgba(33, 33, 33, 0.07);
    box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
    outline: none;
    transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -webkit-transition: opacity 0.15s ease-in-out;
    z-index: 1100;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
    display: block;
    opacity: 0;
    transform: scale(0);
}

.autoComplete_wrapper > ul > li {
    margin: 0.3rem;
    padding: 0.3rem 0.5rem;
    text-align: left;
    border-radius: 0.35rem;
    background-color: rgba(255, 255, 255, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li:hover {
    cursor: pointer;
    background-color: #FF4F00;
    color:#fff;
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
    background-color: #FF4F00;
    color:#fff;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(https://www.twiner.cz/temp/20f6a77adc87.css?1749674579#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(https://www.twiner.cz/images/leaflet/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(https://www.twiner.cz/images/leaflet/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(https://www.twiner.cz/images/leaflet/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}