.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;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;-moz-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::-moz-selection{background:transparent}.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 *{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: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:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; -moz-user-select: none; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { position: relative; min-height: 43px; padding: 7px 0 0 0; border: 1px solid #d8d8d8; border-radius: 3px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .select2.select2-container.select2-container--default .select2-selection__rendered { color: #0A0A0A; padding-left: 20px; padding-right: 46px; margin-top: 0; height: auto; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px } .select2-container--default .select2-selection--multiple .select2-selection__choice { line-height: 28px; background-color: #f5f5f5; border: none; border-radius: 3px; float: left; font-size: 16px; color:#0a0a0a; min-height: 28px; margin-right: 10px; margin-bottom: 3px; padding: 0 24px 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #0a0a0a; cursor: pointer; display: inline-block; font-weight: 300; margin: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #fa0 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } .slick-slide.slick-loading img, [hidden], template { display: none; } .slick-list, .slick-slider { position: relative; display: block; } .slick-slider { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; touch-action: none; -moz-user-select: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; background: #fafafa; border-radius: 4px; border: 1px solid #d3d3d3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; border-radius: 3px; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; transform-origin: 0 0; } html:not([dir=rtl]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform .3s; } .noUi-state-drag * { cursor: inherit!important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } .noUi-connect { background: #3fb8af; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-active { box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #e8e7e6; top: 6px; } .noUi-handle:before { left: 14px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; } .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #b8b8b8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor:not-allowed; } .noUi-pips, .noUi-pips *, html { box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #ccc; } .noUi-pips-horizontal { height: 80px; top: 100%; left: 0; width: 100%; padding: 10px 0; } .noUi-value-horizontal { transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { height: 100%; top: 0; left: 100%; padding: 0 10px; } .noUi-value-vertical { transform: translate(0, -50%, 0); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; text-align: center; white-space: nowrap; padding: 5px; } .noUi-horizontal .noUi-tooltip { transform: translate(-50%, 0); left: 50%; bottom: 120%} .noUi-vertical .noUi-tooltip { transform: translate(0, -50%); top: 50%; right: 120%} .noUi-marker-large, .noUi-marker-sub { background: #aaa; } .dynamic-form__item--open .dynamic-form__toggle::before { content: " "; display: inline-block !important; position: absolute; right: 7px; top: 10px; opacity: 0; height: 21px; width: 1px; background-color: #0a0a0a; z-index: 1; top: 0; left: 50%; transform: none; } .dynamic-form__item--open .dynamic-form__toggle.plus::before { opacity: 1; } .result-search.hide-results, .result-search.hide-results.is--active { display: none; } .disabled { pointer-events: none; cursor: default; opacity: .5; } .button.show-mobile { display: none !important; } .popup__all-numbers.tabs__item--open, .school__about-this-curse.popup--open { bottom: 65px; height: calc(100% - 65px); overflow-y: auto; top: auto; } .cabinet__info-ava { display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; color: #d8d8d8; border: 1px dashed #d8d8d8; position: relative; margin-bottom: 40px; } a:hover { color: #7835bb; } .best-organization__item a{ color: #ffffff; } .comment__item.comment__item--active .comment__text { display: none; } .comment__item.comment__item--active .comment__nav form { width: 100%; } .comment__item.comment__item--active .comment__nav textarea { width: 100%; display: block; max-width: 100%; max-height: 250px; border: 0; font-size: 16px; font-family: "Roboto", arial, sans-serif; font-weight: 300; } .curse__img:not(.teachers__img) { max-width: 118px; width: 100%; background: #f5f5f5; } ul.deals__list.custom-deals__list { display: block; } .curse__img:not(.teachers__img) img { -o-object-fit: contain; object-fit: contain; height: auto; max-width: 100%; margin: auto; } .comment__item.comment__item--active .comment__nav textarea:focus { outline: none; } .comment__list .comment__nav { margin-top: 10px; } /*input validation*/ .input.has--error { border-color: red; } .another-curse__inner .catalog__list--vertical .product-school__picture .product__img img, .another-curse__inner .catalog__list--vertical .product__picture .product__img img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .deals--clients .deals__sort-item--name { width: 21.4%; margin-right: 0; padding-right: 20px; } .deals--clients .deals__sort-item--date { width: 25%; margin-right: 0; padding-right: 20px; } .mobile-menu__header .button--mobile-menu { padding-left: 10px; padding-right: 10px; } li.deals__item.custom-deals { display: flex; } #search.input:focus { border: 1px solid #FFAA00; box-shadow: none; } .category-select__list.select-standard__list { margin: 0; max-height: 287px; height: auto; font-weight: 300; font-size: 16px; /*padding: 10px 0;*/ } #report .popup__send svg { position: absolute; left: 20px; top: 10px; } #report .button.popup__send { padding: 13px 20px 12px 61px; } .select-standard__body .input--search:focus .select-standard__arrow, .select-standard__toggle:focus .select-standard__arrow { border-left-color: #fa0 !important; } .category-select__list li.active > .select-category__toggle svg { transform: rotate(90deg); } .category-select__list li.active > ul { display: block; /*margin-top: 20px;*/ } .select-category__toggle { border: 0; background: transparent; font-family: 'Roboto', sans-serif; display: flex; align-items: center; cursor: pointer; } .select-category__toggle svg { margin-right: 13px; position: relative; top: -1px; transition: 0.15s all ease-in; } /*.select-standard__item {*/ /* padding: 0px 20px;*/ /*}*/ .select-category__toggle { padding: 10px 20px; width: 100%; } .select-standard__item ul { list-style: none; padding: 0; display: none; /*padding-left: 20px;*/ margin-top: 0; } .select-standard__item > ul .select-category__toggle { padding-left: 40px; } .select-standard__item > ul > li { /*padding-left: 20px;*/ } .select-standard__item .radio { padding: 10px 0; margin-left: 20px; } .select-category__toggle:hover, .select-category__toggle:focus, .select-standard__item > ul > li > ul > li:hover { background: #F5F5F5; outline: none; } .select-standard__item > ul > li > ul > li { padding-left: 40px; } .select2.select2-container.select2-container--default .select2-selection--single { border: 1px solid #D8D8D8; border-radius: 3px; height: 45px; } .select2.select2-container.select2-container--default .select2-selection--single:focus { outline-color: #FFAA00; } .select2.select2-container.select2-container--default.select2-container--open .select2-selection--single { outline: none; border-color: #FFAA00; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; right: 20px; background: url('../img/down-arrow.svg') no-repeat center; background-size: contain; width: 13px; height: 13px; margin-top: -6.5px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-search--dropdown { padding: 15px 10px 6px; position: relative; } .select2-search--dropdown:after { content: ''; display: inline-block; top: 26px; position: absolute; right: 21px; background: url('../img/search-icon.svg') no-repeat center; background-size: contain; width: 15px; height: 15px; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #D8D8D8; border-radius: 3px; padding: 0 36px 0 10px; height: 37px; color: #0A0A0A; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { outline-color: #FFAA00; } .select2-results__option { padding: 11px 20px; color: #0A0A0A; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #F5F5F5; } .select2-dropdown.select2-dropdown--below { border-top: 0; } .select2-dropdown.select2-dropdown--above { border-bottom: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #F5F5F5; color: #0A0A0A; } .deals--clients .deals__sort-item--status { width: calc(53.6% - 72px); padding-right: 20px; } @media (max-width:1209px) { .filter--open .filter__main { display: block; } .menu-cabinet .menu-cabinet__prev, .menu-cabinet .menu-cabinet__next, .tabs__list .menu-cabinet__prev, .tabs__list .menu-cabinet__next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; border: 0; background-color: transparent; /*width: 30px;*/ /*height: 30px;*/ display: inline-flex; align-items: center; justify-content: center; } .menu-cabinet .menu-cabinet__prev, .tabs__list .menu-cabinet__prev { left: 0; } .menu-cabinet .menu-cabinet__prev svg, .tabs__list .menu-cabinet__prev svg { transform: rotate(90deg) } .menu-cabinet, .tabs__list { position: relative; } .menu-cabinet .menu-cabinet__next, .tabs__list .menu-cabinet__next { right: 0; } .menu-cabinet .menu-cabinet__next svg, .tabs__list .menu-cabinet__next svg { transform: rotate(-90deg) } } @media screen and (max-width: 767px) { .button.hide-mobile { display: none !important; } .analytics__item:not(:last-of-type) { margin-bottom: 20px; } li.deals__item.custom-deals { flex-direction: column; } .deals--clients .deals__sort-item--name, .deals--clients .deals__sort-item--date, .deals--clients .deals__sort-item--status { width: 100%; padding-right: 65px; } .button.button--fixed { position: fixed; bottom: 20px; left: 20px; right: 20px; display: block !important; max-width: none; z-index: 1; width: calc(100vw - 40px); } .button.button--fixed.show-mobile { display: block !important; transform: translateX(0%) translateY(60px); visibility: hidden; transition: .15s all ease-in; opacity: 0; } .button.button--fixed.show-mobile.visible { transform: translateX(0%) translateY(0); visibility: visible; opacity: 1; z-index: 3; } } @media screen and (max-width: 549px) { .popup__all-numbers.tabs__item--open, .school__about-this-curse.popup--open { bottom: 65px; height: calc(100% - 65px); } } /* stylelint-disable*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: normal; /* 1 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; color: inherit; text-decoration: none; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } * { padding: 0; margin: 0; box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } ul, li { list-style: none; } @font-face { font-family: "Roboto"; font-display: swap; src: url("/../fonts/Roboto-Light.woff2") format("woff2"), url("/../fonts/Roboto-Light.woff") format("woff"), url("/../fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Roboto"; font-display: swap; src: url("/../fonts/Roboto-Medium.woff2") format("woff2"), url("/../fonts/Roboto-Medium.woff") format("woff"), url("/../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Roboto"; font-display: swap; src: url("/../fonts/Roboto-Regular.woff2") format("woff2"), url("/../fonts/Roboto-Regular.woff") format("woff"), url("/../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } html { box-sizing: border-box; } html * { box-sizing: inherit; } html * *::after { box-sizing: inherit; } html * *::before { box-sizing: inherit; } body { margin: 0; font-family: "Roboto", arial, sans-serif; font-size: 16px; font-weight: 300; line-height: normal; color: #000014; min-width: 320px; } header { position: relative; background-color: #fff; } img { max-width: 100%; height: auto; } form { margin: 0; } button { cursor: pointer; } /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the 'X' from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } .overflow-popup { overflow: hidden; padding-right: 17px; } @media (max-width: 1199px) { .overflow-popup { padding-right: 0; } } .container { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; } @media (min-width: 550px) { .container { max-width: 575px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 992px) { .container { max-width: 992px; } } @media (min-width: 1210px) { .container { max-width: 1210px; } } @media (min-width: 1390px) { .container { max-width: 1390px; } } .logo--header { margin: 4px auto 0 auto; } .logo__link { display: inline-block; } .logo__link img { max-width: 132px; height: auto; } .logo--mobile-menu { margin-bottom: 19px; text-align: center; } @media (min-width: 375px) { .logo__link img { max-width: 167px; } .logo--header { margin-top: 0; } } @media (min-width: 992px) { .logo--header { margin-right: 30px; margin-left: 0; } } .like { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; color: #d8d8d8; background-color: #f5f5f5; border-radius: 3px; } .like:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } .like--active { color: #fe5555; background-color: #ffeded; } .like--active:focus { color: #fe5555; box-shadow: 0 0 0 0.2rem rgba(254, 85, 85, 0.25); } .like__count { position: absolute; font-size: 14px; right: 6px; bottom: 1px; display: none; color: #000014; } .like--active .like__count { display: block; } .like-small { padding: 9px; width: 35px; height: 35px; } @media (min-width: 992px) { .like--header { margin-left: auto; order: 1; } } @media (min-width: 1210px) { .like:hover { color: rgba(216, 216, 216, 0.6); } .like:focus { color: #d8d8d8; } .like--active:hover { color: rgba(254, 85, 85, 0.6); } .like--active:focus { color: #fe5555; box-shadow: 0 0 0 0.2rem rgba(254, 85, 85, 0.25); } } .navigation__inner--middle { display: flex; flex-wrap: wrap; padding-top: 20px; padding-bottom: 27px; } .navigation__text { display: none; } .navigation__user-wrapper, .navigation__wrapper-menu { display: none; } .navigation__open-menu { width: 45px; height: 23px; margin-top: 11px; padding: 0; background-color: transparent; border: none; } .navigation__open-menu:focus { outline: none; } .navigation__open-menu span { position: relative; display: block; height: 3px; margin-bottom: 6px; background-color: #000000; border-radius: 5px; } .navigation__open-menu span:last-child { width: 31px; margin-bottom: 0; } .navigation__user-wrapper { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; } @media (max-width: 991px) { .navigation--no-js .navigation__open-menu { display: none; } .navigation--no-js .logo--header { display: none; } .navigation--no-js .like--header { display: none; } .navigation--no-js .mobile-menu { position: static; max-width: 100%; transform: none; } } @media (min-width: 992px) { .navigation__open-menu { display: none; } .navigation__inner--middle { align-items: flex-start; padding-top: 20px; padding-bottom: 14px; } .navigation__wrapper-menu { display: block; background-color: #6f35a9; } .navigation__user--inner { display: flex; flex-wrap: wrap; } .navigation__user-wrapper { display: block; } } @media (min-width: 1210px) { .navigation__text { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; max-width: 165px; width: 100%; margin-right: 28px; padding-top: 5px; } .navigation__text p { margin-top: 0; margin-bottom: 0; } .navigation__curse { font-size: 28px; font-weight: 500; color: #000014; } .navigation__count-curse { font-size: 14px; font-weight: 300; max-width: 85px; line-height: 18px; } } .visually-hidden { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; } .input { display: block; width: auto; max-width: 100%; height: 45px; font-family: inherit; font-weight: 300; font-size: 16px; padding-left: 22px; padding-right: 22px; color: #000014; border: 1px solid #d8d8d8; border-radius: 3px; -webkit-appearance: none; } .input::-moz-placeholder { color: #d8d8d8; } .input::placeholder { color: #d8d8d8; } .input:focus { outline: none; border-color: #7835bb; box-shadow: 0 0 0 0.2rem rgba(120, 53, 187, 0.25); } .input--search { width: 100%; padding-right: 55px; } .input--registration { width: 100%; } .input--cabinet { width: 100%; } .input--full-width { width: 100%; } .input--textarea { padding-top: 12px; padding-bottom: 12px; height: 200px; resize: none; } @media (min-width: 1210px) { .input:hover { border-color: #000014; } .input:focus { border-color: #7835bb; box-shadow: 0 0 0 0.2rem rgba(120, 53, 187, 0.25); } } .label { display: inline-block; margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #000014; line-height: 21px; } .label--has-icon { position: relative; } .label--has-icon svg { position: absolute; right: -22px; top: 3px; } .label--required { position: relative; } .label--required::after { content: "*"; font-weight: 700; color: #fe5555; } .search { position: relative; width: 100%; } .search form { position: relative; } .search__button { position: absolute; top: 1px; bottom: 1px; right: 8px; display: flex; align-items: center; justify-content: center; width: 45px; background-color: transparent; border: none; } .search__button:focus { outline: none; } .search__button:focus svg { opacity: 0.3; } .result-search { position: absolute; display: none; top: 100%; left: 0; width: 100%; z-index: 999; background: #fff; border: 0; max-height: 300px; } .result-search.is--active { display: block; overflow: auto; min-height: 100vh; } .result-search .result-search__item { padding-top: 20px; } .result-search .result-search__item a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #000014; padding: 0 20px; } .result-search .result-search__item a:hover { background-color: #f5f5f5; } .result-search .result-search__item a .result-search__item__name { width: 75%; } .result-search .result-search__item .result-search__item__text-and-price { display: flex; align-items: center; color: #000014; font-weight: 500; } .result-search .result-search__item .result-search__item__text-and-price .price__text { display: none; font-weight: 300; color: #a8a8a8; margin-right: 17px; width: -moz-max-content; width: max-content; } #shadow-for-search { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(10, 10, 10, 0.3019607843); z-index: 999; } .search .search__button-cancel { display: none; position: absolute; top: 0; left: 0; height: 100%; padding-left: 10.5px; align-items: center; justify-content: center; } .search.is--focus { position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding: 10px 10px 0; height: 100%; } .search.is--focus .search__button-cancel { display: flex; } .search.is--focus .input.input--search { padding-left: 35px; } @media (max-width: 992px) { .search { padding-top: 15px; } } @media (min-width: 480px) { .result-search .result-search__item .result-search__item__text-and-price .price__text { display: block; } } @media (min-width: 992px) { .search { margin-right: 30px; margin-top: 0; max-width: 414px; } .search_login_user { max-width: 680px !important; } .search.is--focus { max-width: calc(100% - 199px) !important; margin-right: 0; position: relative; top: inherit; left: inherit; width: 100%; background: #fff; padding: 0; height: 100%; margin-top: 0; } .search.is--focus .search__button-cancel { display: none; } .search.is--focus .input.input--search { padding-left: 22px; } .result-search { box-shadow: 0 3px 6px rgba(10, 10, 10, 0.16); } .result-search.is--active { min-height: 0; } .result-search .result-search__item { padding-top: 0; } .result-search .result-search__item a { height: 41px; } } @media (min-width: 1210px) { .search { max-width: 438px; } .search_login_user { max-width: 705px !important; } .search.is--focus { max-width: calc(100% - 391px) !important; margin-right: 0; } .search__button:hover svg { opacity: 0.6; } .search__button:focus svg { opacity: 0.3; } } @media (min-width: 1390px) { .search { max-width: 620px; } .search_login_user { max-width: 885px !important; } } .search.search-mobile .search-mobile__close { display: none; } .select2.select2-container.select2-container--default .select2-selection__rendered { line-height: 45px; color: #0A0A0A; padding-left: 20px; padding-right: 20px; margin-top: 0; height: auto; } .button.button--cancel { padding: 12px 10px 13px; margin-left: 10px; font-weight: 500; font-size: 16px; color: #a8a8a8; background-color: transparent; border: 0; cursor: pointer; } @media screen and (max-width: 991px) { body.fixed { position: fixed; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; } .search.search-mobile.is--focus .search-mobile__close { position: absolute; left: 12px; top: 50%; margin-top: -8px; background-color: transparent; border: 0; line-height: 1; display: inline-block; padding: 0; } .search.search-mobile.is--focus .input.input--search { padding-left: 40px; } .result-search.search-mobile__result { padding: 0; border: 0; } } .form__control { margin: 0 0 22px 0; } .form__control:last-child { margin-bottom: 0; } .form--registration { padding-top: 32px; padding-bottom: 32px; } .form__control--submit { margin-top: 31px; } .form__control--description { margin-top: 33px; margin-bottom: 0; font-weight: 300; } .form__description p { margin: 0 0 16px 0; font-size: 16px; } .form__description p:first-child { margin-top: 0; margin-bottom: 0; } .form__description p:last-child { margin-bottom: 0; } .form__description p br { display: none; } .form__content-list { margin-top: 32px; padding-left: 0; margin-bottom: 0; list-style: none; } .form__content-list li { position: relative; padding-left: 41px; margin-bottom: 22px; font-size: 16px; font-weight: 300; } .form__content-list li:last-child { margin-bottom: 0; } .form__content-list li::before { content: " "; position: absolute; left: 0; top: 0; width: 21px; height: 21px; background-image: url("../img/circle-list.svg"); background-size: contain; background-repeat: no-repeat; } .form--recovery-password--next-step .form__control { margin-bottom: 32px; } .form--cabinet-password .form__control { margin: 0 0 32px 0; } @media (min-width: 375px) { .form__content-list li br { display: none; } } @media (min-width: 768px) { .form--recovery-password { max-width: 429px; width: 100%; } } @media (min-width: 992px) { .form--registration { padding-bottom: 28px; } .form--recovery-password { position: relative; max-width: 935px; } .form--recovery-password .form__control { max-width: 430px; width: 100%; } .form--recovery-password .form__control--description { position: absolute; right: 0; top: 32px; margin: 0; max-width: 360px; } .form--recovery-password--next-step .form__control--description { top: -1px; right: -2px; } .form--cabinet-email .form__control { max-width: 370px; } .form--cabinet-email .form__control--description { max-width: 439px; } .form--cabinet-email { max-width: 868px; } .form--cabinet-password .form__control--description { top: 1px; } } @media (min-width: 1210px) { .form--recovery-password { max-width: 1015px; } .form--recovery-password .form__control--description { max-width: 439px; } .form--cabinet-password .form__control { max-width: 370px; } .form--cabinet-password .form__control--description { max-width: 293px; } } @media (min-width: 1390px) { .form__description p br { display: block; } .form--recovery-password--next-step .form__control--description { right: 1px; top: 1px; } .form--cabinet-password .form__control, .form--cabinet-email .form__control { max-width: 430px; } .form--cabinet-password .form__control--description { max-width: 293px; right: 137px; } } .button { position: relative; display: inline-block; padding: 13px 61px 12px 61px; text-align: center; font-size: 16px; font-weight: 500; color: #7835bb; text-decoration: none; background-color: #f1eaf8; border: 1px solid #f1eaf8; border-radius: 3px; } .button:focus { outline: none; color: #7835bb; } .button--mobile-menu { width: 100%; } .button--mobile-menu:last-child { margin-top: 5px; } .button--registration { width: 100%; } .button--organization-header { display: none; } .button--enter { width: 100%; padding-left: 45px; padding-right: 45px; } .button--recovery-password { padding-left: 20px; padding-right: 23px; } .button--recovery-next-step { padding-left: 19px; padding-right: 19px; } .button--green { color: #0b9f2e; background-color: #e6f5e9; border-color: #e6f5e9; } .button--green:focus { color: #0b9f2e; box-shadow: 0 0 0 0.2rem rgba(11, 159, 46, 0.25); } .button--save { position: relative; } .button--save svg { position: absolute; left: 21px; top: 9px; } .button--cabinet-submit { position: relative; padding-left: 49px; padding-right: 20px; } .button--cabinet-submit svg { position: absolute; left: 20px; top: 12px; } .button--add-something { position: relative; padding-right: 19px; padding-left: 51px; } .button--add-something::before, .button--add-something::after { content: " "; position: absolute; left: 20px; top: 21px; height: 1px; width: 21px; background-color: #7835bb; } .button--add-something::after { transform: rotate(-90deg); } .button--yellow { color: #ffaa00; background-color: #fff6e5; border-color: #fff6e5; } .button--yellow:focus { color: #ffaa00; box-shadow: 0 0 0 0.2rem rgba(255, 170, 0, 0.25); } .button--red { color: #fe5555; background-color: rgba(254, 85, 85, 0.1019607843); border-color: rgba(254, 85, 85, 0.1019607843); } .button--red:focus { color: #fe5555; box-shadow: 0 0 0 0.2rem rgba(254, 85, 85, 0.25); } .button--red svg { fill: #fe5555; color: #fe5555; } .button-delete { position: relative; padding-left: 55px; padding-right: 21px; } .button-delete svg { position: absolute; left: 20px; top: 10px; } .button-view { position: relative; padding-left: 55px; padding-right: 21px; } .button-view svg { position: absolute; left: 20px; top: 15px; } .button--green::after { background-color: #0b9f2e; } .button--green::before { background-color: #0b9f2e; } .button--icon-transform { width: 45px; height: 45px; border-radius: 50%; padding: 0 0 0 43px; overflow: hidden; } .button--icon-transform::before, .button--icon-transform::after { left: 50%; top: 50%; transform: translate(-50%, -50%); } .button--icon-transform::after { transform: translate(-50%, -50%) rotate(90deg); } .button--transparent { padding-left: 20px; padding-right: 20px; color: #000014; font-weight: 300; background-color: transparent; border-color: #d8d8d8; } .button--transparent:focus { color: #000014; border-color: #7835bb; } .button--filter-open { position: relative; padding: 8px 40px 7px 40px; } .curse__teachers--edit .button { min-width: 205px; margin-bottom: 8px; } .curse__teachers--edit .button--save { padding: 11px 20px 11px 50px; } .curse__teachers--edit .button--save svg { left: 21px; top: 9px; } .button--gray { color: #a8a8a8; background-color: #f5f5f5; border-color: #f5f5f5; } .button--gray:focus { color: #a8a8a8; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } .button--icon-transform-svg { width: 45px; height: 45px; border-radius: 50%; padding: 0 0 0 43px; overflow: hidden; } .button--icon-transform-svg::before, .button--icon-transform-svg::after { display: none; } .button--icon-transform-svg svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .button--with-icon { padding-left: 43px; padding-right: 20px; } .button--with-icon svg { position: absolute; left: 13px; top: 10px; width: 20px; height: 21px; } .button--circle { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0; border-radius: 50%; background-color: transparent; border: none; } .button--circle:focus { box-shadow: none; background-color: #f5f5f5; } .button--circle span { display: block; margin-top: 3px; width: 5px; height: 5px; border-radius: 50%; background-color: #a8a8a8; } .button--circle span:first-child { margin-top: 0; } .button--load-more { padding-top: 7px; padding-bottom: 8px; width: 100%; font-size: 16px; font-weight: 300; color: #000014; background-color: #f5f5f5; border-color: #f5f5f5; } .button--load-more:focus { color: #000014; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } @media (min-width: 768px) { .button--save { padding: 11px 20px 11px 50px; } .button--save svg { left: 21px; top: 9px; } .button--icon-transform-svg, .button--icon-transform { width: auto; overflow: initial; border-radius: 3px; padding: 13px 20px 12px 51px; } .button--icon-transform-svg::before, .button--icon-transform-svg::after, .button--icon-transform::before, .button--icon-transform::after { left: 20px; top: 20px; transform: none; } .button--icon-transform-svg::after, .button--icon-transform::after { transform: rotate(90deg); } .curse__teachers--edit .button { min-width: auto; margin-bottom: 0; } .button--icon-transform-svg svg { top: 11px; left: 20px; transform: none; } } @media (min-width: 992px) { .button--organization-header { display: inline-block; padding: 12px 19px; } } @media (min-width: 1210px) { .button:hover { color: rgba(120, 53, 187, 0.6); } .button:focus { outline: none; color: #7835bb; } .button--green:hover { color: rgba(11, 159, 46, 0.6); } .button--green:focus { color: #0b9f2e; box-shadow: 0 0 0 0.2rem rgba(11, 159, 46, 0.25); } .button--yellow:hover { color: rgba(255, 170, 0, 0.6); } .button--yellow:focus { color: #ffaa00; box-shadow: 0 0 0 0.2rem rgba(255, 170, 0, 0.25); } .button--red:hover { color: rgba(254, 85, 85, 0.6); } .button--red:focus { color: #fe5555; box-shadow: 0 0 0 0.2rem rgba(254, 85, 85, 0.25); } .button--transparent:hover { color: rgba(0, 0, 20, 0.6); } .button--transparent:focus { color: #000014; border-color: #7835bb; } .button--gray:hover { color: rgba(168, 168, 168, 0.6); } .button--gray:focus { color: #a8a8a8; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } .button--load-more:hover { color: rgba(0, 0, 20, 0.6); } .button--load-more:focus { color: #000014; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } } @media (min-width: 1390px) { .button--organization-header { letter-spacing: 0.3px; } } .checkbox__label { position: relative; display: inline-block; padding-left: 31px; line-height: 17px; } .checkbox__label::before { content: " "; position: absolute; left: 0; top: -2px; width: 21px; height: 21px; background-color: #f5f5f5; border: 1px solid #d8d8d8; border-radius: 3px; } .checkbox__label::after { content: " "; position: absolute; display: none; top: 3px; left: 3px; width: 15px; height: 11px; background-image: url("../img/checked.svg"); background-size: 15px 11px; background-position: center; } .checkbox__input:checked + .checkbox__label::before { background-color: #f1eaf8; border-color: #f1eaf8; } .checkbox__input:checked + .checkbox__label::after { display: block; } .checkbox__input:focus + .checkbox__label::before { border-color: #f1eaf8; box-shadow: 0 0 0 0.2rem rgba(120, 53, 187, 0.25); } @media (min-width: 992px) { .checkbox__label { padding-left: 33px; } } @media (min-width: 1210px) { .checkbox__label:hover::before { border-color: #000014; } .checkbox__input:focus + .checkbox__label::before { border-color: #f1eaf8; box-shadow: 0 0 0 0.2rem rgba(120, 53, 187, 0.25); } } .h6 { margin: 0; font-size: 16px; line-height: normal; font-weight: 500; color: #000014; } .mobile-menu { position: fixed; left: 0; top: 0; width: 100%; max-width: 275px; display: flex; flex-direction: column; min-height: 100vh; background-color: #ffffff; transform: translateX(-100%); transition: transform 0.2s ease-in; z-index: 10; } .mobile-menu__list { flex-grow: 1; margin: 0; padding: 30px 20px 30px 20px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; list-style: none; } .mobile-menu__link { position: relative; display: inline-block; padding-left: 43px; font-size: 16px; color: #000014; text-decoration: none; } .mobile-menu__link:focus { color: rgba(0, 0, 20, 0.3); } .mobile-menu__link svg { position: absolute; left: 0; top: 0; } .mobile-menu__item { margin-bottom: 22px; } .mobile-menu__item:last-child { margin-bottom: 0; } .mobile-menu__header { padding: 20px 20px 30px 20px; } .mobile-menu__footer { padding: 20px; display: flex; justify-content: center; } .mobile-menu__item--indicator .mobile-menu__link { padding-right: 35px; width: 100%; } .mobile-menu__indicator { position: absolute; right: 0; top: -2px; display: block; padding: 2px 6px; font-size: 16px; line-height: 21px; color: #ffffff; background-color: #fe5555; border-radius: 3px; } @media (max-width: 991px) { .mobile-menu--open { left: 0 !important; overflow-y: auto; height: 100%; display: block !important; min-height: 100%; transform: translateX(0); } } @media (min-width: 375px) { .mobile-menu { max-width: 315px; } .mobile-menu.mobile-menu--open { left: 0; } } .modalwin { width: calc(100% - 40px); background: #fff; z-index: 9999; display: none; padding: 14px 30px; border-radius: 10px; } .modalwin .modalwin__title { font-size: 1em; font-weight: 500; } .modalwin__description { margin-bottom: 30px; } .modalwin .modalwin__button { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .modalwin .modalwin__button .button { width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 3px; padding: 10px 0; cursor: pointer; margin-bottom: 10px; } .modalwin .modalwin__button .button svg { margin-right: 5px; } .modalwin .modalwin__button .button.button--cancel { background-color: transparent; border: 0; color: #a8a8a8; } .modalwin .modalwin__button .button.button--cancel:hover { color: #888282; } @media (min-width: 550px) { .modalwin .modalwin__button { justify-content: flex-end; } .modalwin .modalwin__button .button { max-width: 155px; } .modalwin .modalwin__button .button.button--cancel { margin-left: 20px; max-width: 90px; } } @media (min-width: 580px) { .modalwin { max-width: 535px; } } @media (min-width: 768px) { .modalwin { max-width: 660px; } } .language { display: flex; flex-wrap: wrap; padding-left: 0; margin: 0; list-style: none; } .language--header { justify-content: center; } .language__link { color: #a8a8a8; text-decoration: none; font-size: 14px; } .language__link[href]:focus { color: #000014; } .language__item { position: relative; padding-left: 10px; padding-right: 10px; } .language__item::after { content: " "; position: absolute; right: 0; top: 0; height: 19px; width: 1px; background-color: #000000; } .language__item:last-child::after { display: none; } .language__item--active .language__link { color: #000014; } @media (min-width: 992px) { .language--header { max-width: 270px; width: 100%; margin-left: -9px; justify-content: flex-start; } } @media (min-width: 1210px) { .language__link[href]:hover { color: #888282; } .language__link[href]:focus { color: #000014; } } .social--footer { max-width: 158px; margin-top: 22px; } .social__list { display: flex; flex-wrap: wrap; padding-left: 0; margin: 0; list-style: none; } .social__link { display: block; } .social__link:focus { opacity: 0.3; } .social__item { margin-right: 19px; } .social__item:last-child { margin-right: 0; } .social__title { margin: 0 0 18px 0; font-size: 14px; line-height: 19px; font-weight: 300; } .social__link--circle { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background-color: #f1eaf8; border-radius: 50%; } .social__link--circle:focus { opacity: 1; } .social__link--circle:focus svg { opacity: 0.3; } @media (min-width: 992px) { .social--footer { margin-top: 17px; } } @media (min-width: 1210px) { .social__link:hover { opacity: 0.6; } .social__link:focus { opacity: 0.3; } } .menu { display: flex; flex-wrap: wrap; margin: 0; padding-left: 0; list-style: none; } .menu__list { width: 25%; } .menu__link { display: block; font-weight: 400; padding: 13px; text-align: center; font-size: 16px; color: #ffffff; text-decoration: none; } .menu__link:focus { background-color: #5d209a; } .menu__list--active .menu__link { background-color: #5d209a; } @media (min-width: 1210px) { .menu__link[href]:hover { color: rgba(255, 255, 255, 0.6); background-color: #7835bb; } .menu__link[href]:focus { color: rgba(255, 255, 255, 0.3); background-color: #7835bb; } } .user-features { display: flex; flex-wrap: wrap; max-width: 500px; margin: 0; padding-left: 0; list-style: none; } .user-features--header { margin-left: auto; } .user-features__item { position: relative; margin-right: 30px; } .user-features__item:first-child { margin-right: 60px; } .user-features__item:last-child { margin-right: 0; } .user-features__item--registration, .user-features__item--organization, .user-features__item--user { position: relative; } .user-features__dropdown { position: absolute; right: 0; top: 100%; display: flex; justify-content: space-between; margin-top: 10px; width: 365px; padding: 30px; background-color: #ffffff; box-shadow: 0 3px 6px rgba(0, 0, 20, 0.16); list-style: none; opacity: 0; pointer-events: none; z-index: -3; } .user-features__dropdown::after { content: " "; position: absolute; width: 100%; height: 10px; top: -10px; left: 0; background-color: transparent; } .user-features__item--organization .user-features__dropdown, .user-features__item--user .user-features__dropdown { width: auto; padding: 10px 0 0; flex-direction: column; } .user-features__dropdown .button { padding-left: 20px; padding-right: 20px; } .user-features__item--organization .user-features__dropdown .button, .user-features__item--user .user-features__dropdown .button { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; text-align: left; min-width: 240px; min-height: 41px; padding: 0 20px; width: auto; background-color: #fff; color: #000014; font-weight: 300; border: 0; } .user-features__item--organization .user-features__dropdown .button:hover, .user-features__item--user .user-features__dropdown .button:hover { background-color: #f5f5f5; } .user-features__item--organization .user-features__dropdown li:last-child .button { font-weight: 500; color: #7835bb; background-color: #f1eaf8; } .user-features__item--organization .user-features__dropdown li:last-child .button:hover { color: rgba(120, 53, 187, 0.6); } .user-features__item--user .user-features__dropdown li .button svg { margin-right: 20px; } @media (min-width: 992px) { .user-features__item--registration:hover .user-features__dropdown, .user-features__item--organization:hover .user-features__dropdown, .user-features__item--user:hover .user-features__dropdown { opacity: 1; z-index: 2; pointer-events: initial; } .user-features__item--registration:focus-within .user-features__dropdown, .user-features__item--organization:hover .user-features__dropdown, .user-features__item--user:hover .user-features__dropdown { opacity: 1; z-index: 2; pointer-events: initial; } .user-features__item--registration:hover .user-features__drop-icon, .user-features__item--organization:hover .user-features__drop-icon, .user-features__item--user:hover .user-features__drop-icon { opacity: 0.6; transform: rotate(-180deg); } .user-features__item--registration:focus-within .user-features__drop-icon, .user-features__item--organization:hover .user-features__drop-icon, .user-features__item--user:hover .user-features__drop-icon { opacity: 0.6; transform: rotate(-180deg); } } .wrapper { display: flex; flex-direction: column; min-height: 100vh; } .wrapper .site-main { flex: 1 0 auto; } .wrapper .site-footer { flex: 0 0 auto; } .overlay { position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: none; background-color: rgba(0, 0, 20, 0.4); z-index: 5; } @media (max-width: 991px) { .overlay--open { display: block; } } .overflow-hidden { overflow: hidden; } .link--enter { display: inline-block; margin-top: 12px; font-size: 16px; } @media (min-width: 992px) { .link--enter { margin-top: 14px; } } .by-social__list { padding-left: 0; margin: 0; list-style: none; } .by-social__text { margin: 0 0 20px 0; font-size: 16px; line-height: 19px; color: #000014; } .by-social__link { position: relative; padding: 13px 17px 11px 50px; display: inline-block; max-width: 204px; width: 100%; font-size: 14px; color: #000014; text-decoration: none; border: 1px solid #d8d8d8; } .register-fb-g { margin-top: 30px; display: flex; } .by-social__link--google { margin-right: 20px; } .by-social__link svg { position: absolute; left: 20px; top: 11px; } .by-social__item { margin-bottom: 20px; } .by-social__item:last-child { margin-bottom: 0; } .by-social__link:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.25); } @media (min-width: 1210px) { .by-social__link:hover { color: rgba(0, 0, 20, 0.6); } .by-social__link:focus { color: #000014; } } .page-name { padding-top: 4px; } @media (min-width: 768px) { .page-name { padding-top: 0; margin-top: 30px; } } .cabinet { margin-bottom: 59px; } .cabinet__form { position: relative; } .cabinet__list { margin: 0; padding-left: 0; list-style: none; } .cabinet__item { padding-top: 29px; padding-bottom: 30px; border-bottom: 1px solid #d8d8d8; } .cabinet__item:last-child { border-bottom: none; } .cabinet__title { margin-top: 0; margin-bottom: 9px; line-height: 21px; font-size: 16px; font-weight: 500; color: #000014; } .cabinet__text { margin: 0; font-size: 16px; color: #000014; } .cabinet__list li { margin-bottom: 32px; } .cabinet__list li:last-child { margin-bottom: 0; } .cabinet__description { margin-bottom: 37px; } .cabinet__details p { margin-top: 0; margin-bottom: 30px; } .cabinet__details p:last-child { margin-bottom: 0; } .cabinet__details p span { display: inline-block; margin-right: 20px; font-size: 16px; font-weight: 500; line-height: 21px; color: #000014; } .cabinet__details p a { color: #7835bb; text-decoration: none; } .cabinet__details p a:focus { color: rgba(120, 53, 187, 0.3); } .cabinet__item--avatar { padding-bottom: 60px; } @media (max-width: 768px) { .cabinet__submit--hidden { display: none; } } @media (min-width: 768px) { .cabinet { margin-top: 30px; margin-bottom: 145px; } .cabinet__page-name { display: flex; justify-content: space-between; align-items: center; } .cabinet__page-name h2 { max-width: 490px; } } @media (min-width: 992px) { .cabinet { margin-bottom: 148px; } .cabinet__page-name h2 { margin-top: 6px; } .cabinet__item { display: flex; flex-wrap: wrap; padding-top: 31px; padding-bottom: 27px; } .cabinet__item:last-child { border-bottom: 1px solid #d8d8d8; } .cabinet__item--avatar { padding-top: 60px; padding-bottom: 60px; } .cabinet__description { max-width: 270px; margin-right: 30px; width: 100%; } .cabinet__list { max-width: 570px; width: 100%; display: flex; flex-wrap: wrap; } .cabinet__list li { margin-right: 30px; max-width: 270px; width: 100%; } .cabinet__list li:nth-child(2n) { margin-right: 0; } .cabinet__details { display: flex; flex-wrap: wrap; max-width: 570px; width: 100%; padding-top: 32px; } .cabinet__details p { max-width: 270px; width: 100%; margin-right: 30px; } .cabinet__details p:nth-child(2n) { margin-right: 0; } } @media (min-width: 1210px) { .cabinet__inner { display: flex; align-items: flex-start; } .cabinet__info-block { max-width: 870px; width: 100%; margin-left: auto; } .cabinet { margin-top: 30px; margin-bottom: 140px; } .cabinet__details p a:hover { color: rgba(120, 53, 187, 0.6); } .cabinet__details p a:focus { color: rgba(120, 53, 187, 0.3); } } @media (min-width: 1390px) { .cabinet__info-block { max-width: 1005px; } .cabinet__description { max-width: 315px; margin-right: 60px; } .cabinet__list li, .cabinet__details p { max-width: 285px; margin-right: 60px; } .cabinet__list, .cabinet__details { max-width: 630px; margin-left: auto; } } .menu-cabinet { position: relative; margin: 0; padding-left: 0; list-style: none; } .menu-cabinet__indicator { display: none; position: absolute; right: 9px; top: 9px; font-size: 16px; font-weight: 500; padding: 0 5px; line-height: 21px; color: #ffffff; background-color: #fe5555; border-radius: 3px; } .menu-cabinet__link { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; padding: 11px 13px 11px 13px; color: #000014; font-size: 16px; background-color: #f5f5f5; border-radius: 21px; text-decoration: none; } .menu-cabinet__link[href]:focus { color: #7835bb; background-color: #f1eaf8; outline: none; } .menu-cabinet .active .menu-cabinet__link { color: #7835bb; background-color: #f1eaf8; border-radius: 21px; } .menu-cabinet__link svg { margin-right: 22px; } @media (max-width: 1209px) { .menu-cabinet { margin: 0 -20px 31px -20px; } .menu-cabinet::before, .menu-cabinet::after { content: " "; position: absolute; top: 0; height: 100%; width: 48px; z-index: 1; } .menu-cabinet::before { left: 0; background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%); } .menu-cabinet::after { right: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%); } .menu-cabinet .slick-slide { padding-left: 15px; padding-right: 15px; } } @media (max-width: 767px) { .menu-cabinet { margin-top: 25px; } } @media (min-width: 992px) { .menu-cabinet { margin-bottom: 30px; } .menu-cabinet__link { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1210px) { .menu-cabinet { display: block; max-width: 260px; margin: 0; padding-right: 30px; width: 100%; border-right: 1px solid #d8d8d8; } .menu-cabinet__indicator { display: block; } .menu-cabinet .active .menu-cabinet__link { border-radius: 0; } .menu-cabinet__item { max-width: 100%; margin-right: 0; } .menu-cabinet__item--separator { position: relative; margin-top: 38px; } .menu-cabinet__item--separator::before { content: " "; position: absolute; top: -20px; left: 20px; width: 80px; height: 1px; background-color: #d8d8d8; } .menu-cabinet__link { justify-content: flex-start; background-color: transparent; padding-left: 19px; padding-right: 40px; padding-bottom: 10px; border-radius: 0; } .menu-cabinet__link[href]:hover { color: rgba(120, 53, 187, 0.6); background-color: #f1eaf8; } .menu-cabinet__link[href]:focus { color: #7835bb; background-color: #f1eaf8; } } .load-file__content { display: flex; justify-content: center; align-items: center; width: 138px; height: 138px; color: #d8d8d8; border: 1px dashed #d8d8d8; } .load-file__input:focus + .load-file__content { outline: none; border-width: 3px; } .load-file__title { margin-top: 0; } .load-file--drag-drop .load-file__content { width: 100%; height: 197px; } .load-file--drag-drop .load-file__content:focus { outline: none; border-width: 3px; } .load-file__button { margin-top: 18px; display: flex; align-items: center; justify-content: center; padding-top: 0; padding-bottom: 0; line-height: 39px; } .load-file__button svg { margin-right: 10px; } .load-file__help-text { display: none; } .load-file__files-names { display: none; } .load-file__multiple:focus + .load-file__button { box-shadow: 0 0 0 0.2rem rgba(120, 53, 187, 0.25); } @media (min-width: 992px) { .load-file__help-text { display: block; width: 100%; margin-bottom: 0; margin-top: 21px; font-size: 16px; text-align: center; } .load-file--drag-drop .load-file__content { padding-top: 37px; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; } .load-file--drag-drop .load-file__content:focus { padding-top: 35px; } .load-file__files-names { display: flex; align-items: center; flex-wrap: wrap; flex-grow: 1; margin-right: 20px; } .load-file__wrap { margin-top: 20px; display: flex; } .load-file__button { margin-top: 0; } .load-file__placeholder { margin-top: 0; margin-bottom: 0; color: #d8d8d8; } } @media (min-width: 1210px) { .load-file__input:hover + .load-file__content { border-width: 3px; } .load-file--drag-drop .load-file__content:hover .load-file__content { padding-top: 35px; border-width: 3px; } } .custom-select { position: relative; } .custom-select__header { position: relative; min-height: 43px; padding: 3px 53px 0 19px; border: 1px solid #d8d8d8; border-radius: 3px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .custom-select__selected { position: relative; margin-bottom: 3px; margin-right: 10px; padding: 0 24px 0 5px; min-height: 28px; font-size: 16px; color: #000014; background-color: #f5f5f5; border: none; border-radius: 3px; } .custom-select__selected::before, .custom-select__selected::after { content: " "; position: absolute; top: 6px; right: 11px; width: 1px; height: 12px; background-color: #000014; } .custom-select__selected::before { transform: rotate(45deg); } .custom-select__selected::after { transform: rotate(-45deg); } .custom-select__toggle-icon { position: absolute; top: -1px; bottom: -1px; right: -1px; display: flex; align-items: center; justify-content: center; width: 33px; background-color: transparent; border: 1px solid #d8d8d8; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .custom-select__body { position: absolute; top: 100%; left: 0; width: 100%; display: none; padding: 0; background-color: #ffffff; border: 1px solid #d8d8d8; border-top: none; border-radius: 0 0 3px 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); z-index: 2; } .custom-select__body .search { margin-right: 0; padding: 15px 10px; max-width: 100%; } .custom-select__list { margin: 0; padding-left: 0; list-style: none; max-height: 150px; } .custom-select__option { display: block; width: 100%; padding: 10px; text-align: left; background-color: transparent; border: none; outline: none; cursor: pointer; } .custom-select__option:hover { background-color: #f5f5f5; } .custom-select__selected:focus { opacity: 0.3; outline: none; } .custom-select__header:focus { outline: none; border-color: #ffaa00; } .custom-select__header:focus .custom-select__toggle-icon { border-color: #ffaa00; } .custom-select__body .input--search:focus { border-color: #ffaa00; box-shadow: none; } @media (min-width: 1210px) { .custom-select__selected:hover { opacity: 0.6; } .custom-select__selected:focus { opacity: 0.3; } .custom-select__header:hover .custom-select__toggle-icon { border-color: #000014; } .custom-select__header:focus .custom-select__toggle-icon { border-color: #ffaa00; } .custom-select__header:hover { border-color: #000014; } .custom-select__header:focus { border-color: #ffaa00; } .custom-select__body .input--search:hover { border-color: #000014; } .custom-select__body .input--search:focus { border-color: #ffaa00; box-shadow: none; } } .delete { position: relative; padding: 0 9px; background-color: transparent; border: none; z-index: 1; } .delete::after { content: " "; position: absolute; top: -7px; left: 0; display: none; width: 35px; height: 35px; border-radius: 50%; z-index: -1; } .delete:focus { outline: none; } .delete:focus::after { display: block; background-color: #f1f3f4; } .delete:focus svg { fill: #000014; } .delete svg { fill: #a8a8a8; } .delete--view-square { padding: 0; display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; background-color: #ffeeee; border-radius: 3px; } .delete--view-square:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(254, 85, 85, 0.25); } .delete--view-square:focus::after { display: none; } .delete--view-square:focus svg { fill: #fe5555; } .delete--view-square svg { fill: #fe5555; } @media (min-width: 1210px) { .delete:hover { outline: none; } .delete:hover::after { display: block; background-color: #f1f3f4; } .delete:hover svg { fill: #000014; } .delete:focus { outline: none; } .delete:focus::after { display: block; background-color: #edeeef; } .delete:focus svg { fill: #000014; } .delete--view-square:hover::before, .delete--view-square:hover::after { display: none; } .delete--view-square:hover svg { fill: rgba(254, 85, 85, 0.6); } .delete--view-square:focus { outline: none; } .delete--view-square:focus::before, .delete--view-square:focus::after { display: none; } .delete--view-square:focus svg { fill: #fe5555; } } .select-standard__toggle { position: relative; padding: 0 53px 0 20px; text-align: left; height: 45px; width: 100%; background-color: transparent; border: 1px solid #d8d8d8; border-radius: 3px; } .select-standard__toggle:focus { outline: none; border-color: #ffaa00; } .select-standard__body .input--search:focus { border-color: #ffaa00; box-shadow: none; } .select-standard__body { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .select-standard__toggle:focus .select-standard__arrow { border-color: #ffaa00; } .select-standard__toggle .select-standard__title { display: block; font-size: 16px; line-height: 45px; white-space: nowrap; overflow: hidden; } .select-standard__arrow { position: absolute; top: -1px; right: -1px; bottom: -1px; width: 33px; display: flex; align-items: center; justify-content: center; border: 1px solid #d8d8d8; } .select-standard__body { display: none; } .select-standard--without-search .select-standard__arrow { border-color: transparent; } .select-standard--without-search .select-standard__toggle:focus .select-standard__arrow { border-color: transparent; box-shadow: none; } .select-standard__title--placeholder { color: #d8d8d8; } .select-standard { position: relative; } .select-standard__body { position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #d8d8d8; border-top: 0; border-radius: 0 0 3px 3px; background-color: #fff; z-index: 2; } .select-standard__body .select-standard__list { position: relative; list-style: none; padding-left: 0; margin-top: 55px; height: 100%; overflow-y: auto; } .select-standard__body .select-standard__list .select-standard__option { border: 0; background-color: #fff; min-height: 45px; width: 100%; text-align: left; padding: 0 20px; cursor: pointer; outline: none; } .select-standard__body .select-standard__list .select-standard__option:hover { background-color: #f5f5f5; } .select-standard--without-search .select-standard__list { margin: 5px 0 0 0; } .select-standard .search { padding: 10px; width: 100%; max-width: 100%; position: absolute; left: 0; margin: 0; } .select-standard .search .search__button { padding: 0; height: 37px; width: 37px; right: 10px; top: 10px; } .select-standard .search .input--search { top: 0; height: 37px; } .select-standard__body.select_list.select_list-for-curse { margin-top: 10px; right: 0; left: inherit; border: 0; min-width: 210px; box-shadow: 0 3px 6px rgba(10, 10, 10, 0.16); } @media (min-width: 1210px) { .select-standard__toggle:hover .select-standard__arrow { border-color: #000014; } .select-standard__toggle:focus .select-standard__arrow { border-color: #ffaa00; } .select-standard__body .input--search:hover { border-color: #000014; } .select-standard__body .input--search:focus { border-color: #ffaa00; } .select-standard__toggle:hover { border-color: #000014; } .select-standard__toggle:focus { border-color: #ffaa00; } .select-standard--without-search .select-standard__toggle:hover .select-standard__arrow { border-color: transparent; } .select-standard--without-search .select-standard__toggle:focus .select-standard__arrow { border-color: transparent; box-shadow: none; } } .cloned-input__add { position: relative; margin-top: 30px; padding: 0 0 0 21px; font-size: 16px; color: #7835bb; background-color: transparent; border-color: transparent; } .cloned-input__add::before, .cloned-input__add::after { content: " "; left: -3px; top: 7px; position: absolute; width: 15px; height: 1px; background-color: #7835bb; } .cloned-input__add::after { transform: rotate(90deg); } .cloned-input__add:focus { outline: none; opacity: 0.3; } .cloned-input__list { margin-top: 20px; margin-bottom: 0; padding-left: 0; list-style: none; } .cloned-input__list li { position: relative; padding-right: 37px; margin-bottom: 20px; } .cloned-input__list li:last-child { margin-bottom: 0; } .cloned-input__delete { position: absolute; right: -9px; top: 13px; } @media (min-width: 1210px) { .cloned-input__add:hover { opacity: 0.6; } .cloned-input__add:focus { opacity: 0.3; } } .gallery__list { display: flex; gap: 1rem; flex-wrap: wrap; padding-left: 0; margin: 0 -15px 0 -15px; list-style: none; } .gallery__list li { width: 50%; } .gallery__img, .avatar__img { position: relative; line-height: 0; cursor: move; cursor: grab; } .gallery__img:active, .avatar__img:active { cursor: grabbing; } .gallery__img::after, .avatar__img::after { content: " "; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .avatar__img { max-width: 150px; } .gallery__img img, .avatar__img img { width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .gallery__delete, .avatar__delete { position: absolute; right: 1rem; top: 1rem; width: 30px; height: 30px; background-color: #fe5555; border: none; cursor: pointer; z-index: 1; opacity: 1; } .gallery__delete::before, .gallery__delete::after, .avatar__delete::before, .avatar__delete::after { content: " "; position: absolute; top: 13px; right: 5px; height: 2px; width: 20px; background-color: #ffffff; } .gallery__delete::before, .avatar__delete::before { transform: rotate(-45deg); } .gallery__delete::after, .avatar__delete::after { transform: rotate(45deg); } .gallery__delete:focus, .avatar__delete:focus { opacity: 0.6; } .gallery__load-file { margin-top: 60px; } .ui-state-highlight { height: 200px !important; margin: 0 15px 30px !important; background: #f0f0f0 !important; border: 2px dashed #ccc !important; width: calc(50% - 30px) !important; } @media (min-width: 992px) { .gallery__list li { width: 20%; } .gallery__list li:nth-child(3), .gallery__list li:nth-child(4), .gallery__list li:nth-child(5) { margin-top: 0; } .ui-state-highlight { height: 150px !important; width: calc(20% - 30px) !important; } .avatar__img { max-width: 200px; } } @media (min-width: 1210px) { .gallery__load-file .load-file__content:hover { padding-top: 35px; border-width: 3px; } } .edit { display: flex; align-items: center; justify-content: center; padding: 0; width: 31px; height: 31px; background-color: #e6f5e9; border: none; border-radius: 3px; } .edit:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(11, 159, 46, 0.25); } .edit svg { fill: #0b9f2e; } @media (min-width: 1210px) { .edit:hover svg { fill: rgba(11, 159, 46, 0.6); } .edit:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(11, 159, 46, 0.25); } .edit:focus svg { fill: #0b9f2e; } } @media (min-width: 1390px) { .teachers__content { padding-right: 31px; padding-bottom: 19px; min-height: 86px; } } .radio__label { position: relative; padding-left: 31px; font-size: 16px; } .radio__label::after { content: " "; position: absolute; left: 0; top: 0; width: 21px; height: 21px; border: 1px solid #d8d8d8; border-radius: 50%; } .radio__label::before { content: " "; position: absolute; left: 5px; top: 5px; display: none; width: 11px; height: 11px; background-color: #7835bb; box-shadow: 0 0 10px rgba(120, 53, 187, 0.8); border-radius: 50%; } .radio__input:focus + .radio__label::after { box-shadow: 0 0 10px rgba(120, 53, 187, 0.8); } .radio__input:checked + .radio__label::after { border-color: #7835bb; } .radio__input:checked + .radio__label::before { display: block; } @media (min-width: 1210px) { .radio__label:hover::after { border-color: #000014; } .page-catalog__inner { display: flex; } .page-catalog__inner .filter { max-width: 270px; width: 100%; } .page-catalog__inner .filter__tags { display: none; } .page-catalog__inner .catalog { width: 100%; max-width: 870px; margin-left: auto; } .page-catalog { margin-top: 60px; padding-bottom: 150px; } } @media (min-width: 1390px) { .page-catalog__inner .catalog { max-width: 1005px; } .page-catalog__inner .filter { max-width: 315px; } } .send_filter { display: none; } .filter__content { margin-top: 32px; margin-bottom: 69px; max-width: 315px; } .filter__item { margin: 0 0 32px 0; padding: 0; border: none; } .filter__item:last-child { margin-bottom: 0; } .filter__item legend { margin-bottom: 18px; font-size: 16px; color: #000014; line-height: 21px; font-weight: 500; } .filter__item .checkbox { margin: 0 0 20px 0; } .filter__item .checkbox:last-child { margin-bottom: 0; } .checkbox.rating__school-filter { position: relative; margin-bottom: 0; display: flex; align-items: center; } .checkbox.rating__school-filter:last-child .school__rating.school--filter { margin-bottom: 0; } .checkbox.rating__school-filter .checkbox__label { position: absolute; top: 0; left: 0; padding-left: 41px; height: 100%; } .checkbox.rating__school-filter .checkbox__label:before { top: 0; } .checkbox.rating__school-filter .checkbox__label:after { top: 5px; } .filter__info { margin: 0 0 10px 0; padding: 9px 39px; font-size: 16px; color: #000014; background-color: #f5f5f5; } .filter__submit { width: 100%; } .filter__title { margin: 0; text-align: center; flex-grow: 1; font-size: 16px; font-weight: 400; } .filter__mobile-navigation { padding: 14px 20px; display: flex; color: #ffffff; background-image: linear-gradient(180deg, #5703aa 0%, #2c0255 100%); } .filter__reset { padding: 0; font-family: inherit; font-size: 16px; font-weight: 300; color: #ffffff; background-color: transparent; border: none; } .filter__reset:focus { outline: none; color: rgba(255, 255, 255, 0.3); } .filter__exit { position: relative; padding: 0 0 0 27px; font-size: 16px; font-weight: 300; color: #ffffff; font-family: inherit; border: none; background-color: transparent; } .filter__exit:focus { outline: none; opacity: 0.3; } .filter__exit svg { position: absolute; left: 0; top: 3px; } .filter__popular-school { display: none; } .filter__item--date .input { margin-bottom: 20px; max-width: 187px; width: 100%; } .filter__item--date .input:last-child { margin-bottom: 0; } @media (max-width: 1209px) { .filter__inner { position: fixed; left: 0; top: 0; display: none; padding: 75px 20px 20px 20px; background-color: #ffffff; height: 100%; width: 100%; overflow-y: auto; z-index: 11; } .filter__fixed { position: fixed; left: 0; bottom: 0; display: flex; justify-content: flex-end; padding: 10px 20px; width: 100%; background-color: #ffffff; box-shadow: 0 -3px 10px rgba(0, 0, 20, 0.1); z-index: 5; } .filter__fixed--hidden { display: none; } .filter .filter__mobile-navigation { position: absolute; top: 0; left: 0; width: 100%; } .filter--open .filter__inner { display: flex; flex-direction: column; } .filter--open form, .filter--open .filter__main { display: flex; flex-direction: column; flex-grow: 1; } .filter--open .filter__content { flex-grow: 1; } .filter--no-js .filter__inner { position: static; display: block; margin-bottom: 40px; padding: 0; } .filter--no-js .filter__fixed { display: none; } .filter--no-js .filter__mobile-navigation { position: static; padding: 0; margin-top: 30px; } .filter--no-js .filter__exit { display: none; } .filter--no-js .filter__title { display: none; } .filter--no-js .filter__reset { padding: 14px 20px; width: 100%; } } @media (min-width: 768px) { .filter__fixed { display: none; } } @media (min-width: 1210px) { .filter__content { margin-top: 0; margin-bottom: 0; } .filter__action { display: none; } .filter__popular-school { display: block; margin-top: 39px; } .filter__item legend { margin-bottom: 21px; } .filter__item { margin-bottom: 35px; } .filter__item .checkbox__label { padding-left: 42px; font-size: 16px; } } @media (min-width: 768px) { .product--top { border-color: #7835bb; } } .catalog__filter-top { display: flex; align-items: center; } .catalog__info { flex-grow: 1; padding-right: 15px; margin: 0; color: #000014; font-size: 16px; } .catalog__hidden { display: none; } .catalog__view { width: 100%; max-width: 72px; display: flex; justify-content: space-between; align-items: center; margin-left: auto; } .catalog__list { padding-left: 0; margin: 36px 0 20px 0; list-style: none; } .catalog__pagination { margin-top: 30px; } .catalog__item { display: flex; flex-direction: column; border-top: 1px solid #d8d8d8; } .catalog__item:last-child { border-bottom: 1px solid #d8d8d8; } .catalog__get-filter { display: none; } .catalog__filter-bottom { display: none; } .catalog__list__section { font-weight: 500; font-size: 16px; margin: 0.5em; } .catalog__load-more { padding-top: 9px; padding-bottom: 7px; margin: 30px 0; font-weight: 300; width: 100%; font-size: 16px; color: #000014; background-color: #f5f5f5; border-color: #f5f5f5; } .catalog__load-more:focus { color: #000014; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } .catalog__seo-text { margin-top: 60px; } .catalog__list--vertical .product, .catalog__list--vertical .product-school { display: flex; flex-wrap: wrap; } .catalog__list--vertical .product__picture, .catalog__list--vertical .product-school__picture { max-width: 37%; width: 100%; } .catalog__list--vertical .product__info-block, .catalog__list--vertical .product-school__info-block { max-width: 63%; padding-top: 0; padding-left: 10px; } .catalog__list--vertical .product-school__info-block { padding-left: 25px; } .catalog__list--vertical .product__features, .catalog__list--vertical .product-school__features { display: none; } .catalog__list--vertical .product__rating, .catalog__list--vertical .product-school__rating { position: static; margin-top: 10px; padding: 0; box-shadow: none; } .catalog__list--vertical .product--top .product__img::after, .catalog__list--vertical .product-school--top .product-school__img::after { width: 71px; height: 71px; right: inherit; left: 0; top: inherit; bottom: 0; background-image: url("../img/in-top-vertical.png"); } .catalog__list--vertical .product__price, .catalog__list--vertical .product-school__price { position: absolute; left: 0; bottom: 25px; margin-top: 0; } .catalog__list--vertical .product__actions, .catalog__list--vertical .product-school__actions { width: 100%; justify-content: flex-end; } .catalog__list--vertical .product__buy, .catalog__list--vertical .product-school__buy { padding: 7px 16px; min-width: 35px; font-size: 0; } .catalog__list--vertical .product__img, .catalog__list--vertical .product-school__img { line-height: 0; } .catalog.catalog-for-favorites { margin-top: 60px; } .catalog__list--vertical .product__img { width: 100%; height: 100%; } .catalog__list--vertical .product__picture { height: auto; } @media (max-width: 767px) { .catalog__list--vertical .product__buy svg, .catalog__list--vertical .product-school__buy svg { display: block; position: absolute; top: 10px; left: 14px; } } @media (min-width: 768px) { .catalog__list { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .catalog__item { width: 33.33%; padding-left: 10px; padding-right: 10px; margin-top: 20px; border: none; } .catalog__item:nth-child(1), .catalog__item:nth-child(2), .catalog__item:nth-child(3) { margin-top: 0; } .catalog__get-filter { display: inline-block; margin-right: 30px; padding: 7px 20px 7px 46px; } .catalog__get-filter svg { position: absolute; left: 20px; top: 8px; } .catalog__filter-bottom { display: flex; flex-wrap: wrap; margin-left: -20px; margin-top: 30px; } .catalog__filter-bottom .tag { margin-left: 20px; margin-bottom: 10px; } .catalog__item:last-child { border-bottom: none; } .catalog__pagination { justify-content: center; } .catalog__list--vertical .catalog__item { width: 100%; padding-left: 0; padding-right: 0; margin-top: 20px; } .catalog__list--vertical .catalog__item:nth-child(1) { margin-top: 0; } .catalog__list--vertical { margin-left: 0; margin-right: 0; margin-bottom: 20px; } .catalog__list--vertical .product, .catalog__list--vertical .product-school { flex-direction: row; flex-wrap: nowrap; } .catalog__list--vertical .product__actions, .catalog__list--vertical .product-school__actions { position: absolute; width: auto; bottom: 20px; right: 20px; } .catalog__list--vertical .product__buy, .catalog__list--vertical .product-school__buy { font-size: 16px; } .catalog__list--vertical .product__picture, .catalog__list--vertical .product-school__picture { max-width: 203px; width: 100%; } .catalog__list--vertical .product__price, .catalog__list--vertical .product-school__price { left: inherit; bottom: inherit; top: 20px; right: 20px; } .catalog__list--vertical .product--top, .catalog__list--vertical .product-school--top { border-color: #d8d8d8; } .catalog__list--vertical .product--top::before, .catalog__list--vertical .product-school--top::before { content: " "; position: absolute; left: 0; top: 0; width: 5px; height: 100%; border-radius: 3px 0 0 3px; background-color: #7835bb; } .catalog__list--vertical .product__info-block, .catalog__list--vertical .product-school__info-block { flex-grow: 1; max-width: 100%; padding-right: 180px; } .catalog__list--vertical .product__rating, .catalog__list--vertical .product-school__rating { position: absolute; left: 25px; margin: 0; padding: 7px 10px 6px; box-shadow: 0 3px 6px rgba(0, 0, 20, 0.16); } .catalog__list--vertical .product--top .product__picture, .catalog__list--vertical .product--top .product__img { position: static; } .catalog__list--vertical .product__features, .catalog__list--vertical .product-school__features { display: block; } } @media (min-width: 992px) { .catalog__hidden { display: inline; } .catalog__list { margin: 20px 0; } .catalog__list--vertical .product__features, .catalog__list--vertical .product-school__features { display: flex; flex-wrap: wrap; } .catalog__list--vertical .product__features li, .catalog__list--vertical .product-school__features li { margin-right: 20px; } .catalog__list--vertical .product__info-block, .catalog__list--vertical .product-school__info-block { padding-right: 210px; } } @media (min-width: 1210px) { .catalog__get-filter { display: none; } .catalog__load-more:hover { color: rgba(0, 0, 20, 0.6); } .catalog__load-more:focus { color: #000014; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } .catalog__filter-bottom { margin-top: 27px; } .catalog__list { margin: 20px 0; } .catalog--advertising .product { display: flex; flex-wrap: wrap; flex-direction: row; padding: 20px 0; border: none; } .catalog--advertising .product__info-block { max-width: 67%; padding: 0 0 0 10px; } .catalog--advertising .product__picture { max-width: 33%; } .catalog--advertising .product__price { position: absolute; top: inherit; right: inherit; left: 0; bottom: 25px; margin-top: 0; } .catalog--advertising .product__actions { position: static; width: 100%; display: flex; justify-content: flex-end; } .catalog--advertising .product:hover { box-shadow: none; } .catalog--advertising .product__features { display: none; } .catalog--advertising .product__rating { position: static; margin-top: 10px; padding: 0; box-shadow: none; } .catalog--advertising .product__buy { padding: 7px 16px; min-width: 35px; font-size: 0; } .catalog--advertising .product__buy svg { display: block; position: absolute; top: 10px; left: 14px; } .catalog--advertising .catalog__item { margin: 0; border-top: 1px solid #d8d8d8; } .catalog--advertising .product__organization { display: none; } } @media (min-width: 1390px) { .catalog__item { max-width: 25%; } .catalog__item:nth-child(4) { margin-top: 0; } .catalog__list--vertical .catalog__item { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; margin-top: 20px; } .catalog__list--vertical .catalog__item:nth-child(1) { margin-top: 0; } .catalog--advertising .catalog__item { margin: 0; border-top: 1px solid #d8d8d8; } .catalog--advertising .catalog__item:last-child { border-bottom: 1px solid #d8d8d8; } } .view__icon { display: block; color: #d8d8d8; } .view__input:checked + .view__icon { color: #7835bb; } @media (min-width: 1210px) { .view:hover .view__icon { color: #888282; } .view__input:checked + .view__icon { color: #7835bb; } .view__input:focus + .view__icon { color: rgba(120, 53, 187, 0.6); } } .tag::before, .tag::after { content: " "; position: absolute; right: 16px; width: 10px; height: 1px; background-color: #a8a8a8; } .tag::before { transform: rotate(-45deg); } .tag::after { transform: rotate(45deg); } .tag:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(136, 130, 130, 0.25); } .tag--reset { padding-left: 20px; padding-right: 20px; color: #fe5555; text-decoration: none; border-color: #fe5555; } .tag--reset::before, .tag--reset::after { display: none; } .tag--reset:focus { box-shadow: 0 0 0 0.2rem rgba(254, 85, 85, 0.25); } @media (min-width: 1210px) { .tag:hover { color: #000014; } .tag:hover::before, .tag:hover::after { background-color: #000014; } .tag:focus { color: #a8a8a8; } .tag:focus::before, .tag:focus::after { background-color: #a8a8a8; } .tag--reset:hover { color: rgba(254, 85, 85, 0.6); } .tag--reset:focus { color: #fe5555; } } .slider { display: flex; flex-wrap: wrap; } .slider__top, .slider__action { width: 100%; } .slider__action { max-width: 90%; position: relative; margin-top: 30px; } .slider__top { display: flex; align-items: center; } .slider__top .label { margin: 0 10px; font-weight: 300; } .slider__top .label:first-child { margin-left: 0; } .slider__top .input { height: 35px; max-width: 75px; padding-left: 10px; padding-right: 10px; text-align: center; } .slider__currency { margin-left: 10px; font-size: 16px; } .slider__progress { position: relative; height: 4px; background-color: #d8d8d8; border: none; } .slider .noUi-connect { height: 4px; background-color: #7835bb; } .slider .noUi-handle { top: -8px; width: 20px; height: 20px; background-color: #ffffff; border: 1px solid #d8d8d8; border-radius: 50%; z-index: 1; box-shadow: none; } .slider .noUi-handle:focus { outline: none; box-shadow: 0 0 5px rgba(0, 0, 20, 0.2); transform: scale(1.2); } .slider .noUi-handle::before, .slider .noUi-handle::after { display: none; } .slider .input[type=number]::-webkit-outer-spin-button, .slider .input[type=number]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .slider .input[type=number] { -moz-appearance: textfield; } @media (min-width: 1210px) { .slider__handle:hover { transform: scale(1.2); } .slider__top .input[type=number] { max-width: 81px; width: 100%; } .slider__top { margin-top: -2px; } .slider__action { margin-top: 28px; } } @media (min-width: 1390px) { .slider__top .input[type=number] { max-width: 100px; } } .sorting__dropdown { position: absolute; top: 100%; right: 0; display: none; width: 250px; margin: 10px 0 0 0; padding-left: 0; background-color: #ffffff; list-style: none; box-shadow: 0 3px 6px rgba(0, 0, 20, 0.16); z-index: 2; } .sorting { position: relative; } .sorting__toggle { position: relative; padding-left: 27px; padding-right: 23px; font-size: 16px; background-color: transparent; border: none; } .sorting__toggle:focus { outline: none; } .sorting__arrow { position: absolute; right: 0; top: 5px; } .sorting__toggle .sorting__icon { position: absolute; left: 0; top: 1px; } .sorting__selected { display: block; } .sorting--open .sorting__dropdown { display: block; right: 0; top: 100%; margin-top: 10px; z-index: 2; } @media (max-width: 767px) { .sorting__dropdown { top: initial; right: initial; margin-bottom: 44px; margin-top: 0; bottom: 0; left: 0; } .sorting__toggle { padding: 8px 17px 9px 17px; font-weight: 500; color: #7835bb; background-color: #f1eaf8; border-radius: 3px; } .sorting__toggle:focus { box-shadow: 0 0 0 0.2rem rgba(120, 53, 187, 0.25); } .sorting .sorting__selected { max-width: 200px; } } @media (max-width: 550px) { .sorting .sorting__selected { max-width: 93px; white-space: nowrap; overflow: hidden; } } @media (min-width: 768px) { .sorting__toggle:hover .sorting__arrow { opacity: 0.6; } .sorting__toggle:hover .sorting__selected { opacity: 0.6; } .sorting__toggle:focus .sorting__arrow { opacity: 0.3; } .sorting__toggle:focus .sorting__selected { opacity: 0.3; } } .popular-school__title { margin-top: 0; margin-bottom: 20px; font-size: 16px; line-height: 21px; font-weight: 500; } .popular-school__wrapper { display: flex; flex-wrap: wrap; margin: 0 -5px; } .popular-school__wrapper a { display: inline-block; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; font-size: 16px; color: #7835bb; text-decoration: none; } .popular-school__wrapper a::after { content: ","; } .popular-school__wrapper a:last-child::after { display: none; } .popular-school__wrapper a:focus { color: rgba(120, 53, 187, 0.3); } @media (min-width: 1210px) { .popular-school__wrapper a:hover { color: rgba(120, 53, 187, 0.6); } .popular-school__wrapper a:focus { color: rgba(120, 53, 187, 0.3); } } .img_no_tariff { margin: 30px 0; } .tariff__time-action { margin: 22px 0 0 0; font-size: 16px; color: #000014; font-weight: 300; } .tariff__item { display: flex; flex-direction: column; padding: 30px 20px; margin-top: 30px; border: 1px solid #d8d8d8; border-radius: 3px; } .tariff__item:nth-child(1) { margin-top: 0; } .tariff__item:focus { outline: none; padding: 28px 19px; border-width: 2px; border-color: rgba(11, 159, 46, 0.3); } .tariff__item svg { display: block; margin: 0 auto 39px auto; } .tariff__item .h2 { text-align: center; } .tariff__item ul { flex-grow: 1; margin: 30px 0 0 0; padding-left: 0; list-style: none; } .tariff__item ul li { position: relative; padding-left: 25px; padding-right: 5px; margin-bottom: 23px; font-size: 16px; color: #000014; } .tariff__item ul li::after { content: " "; position: absolute; left: 0; top: 3px; width: 15px; height: 10px; background-image: url("../img/cheked-list-styl-type.svg"); background-size: contain; } .tariff__item ul li:last-child { margin-bottom: 0; } .tariff__content { margin-top: 62px; } .tariff__price { position: relative; margin: 32px 0 0 0; padding: 15px 0 0 0; font-size: 36px; font-weight: 500; line-height: normal; text-align: center; } .tariff__price::before { content: " "; position: absolute; top: 0; left: 50%; width: 80%; height: 1px; background-color: #d8d8d8; transform: translateX(-50%); } .tariff__currency { font-size: 16px; } .tariff__plan-input--base:checked ~ .tariff__item--base, .tariff__plan-input--standard:checked ~ .tariff__item--standard, .tariff__plan-input--premium:checked ~ .tariff__item--premium { padding: 29px 19px; border-width: 2px; border-color: #0b9f2e; } .tariff__plan-element { position: relative; display: flex !important; flex-direction: column; max-width: 116px; width: 100%; padding: 18px 20px 18px 20px; margin: 0 auto; border: 2px solid transparent; cursor: pointer; } .tariff__plan-element:focus { outline: none; border-color: rgba(11, 159, 46, 0.3); } .tariff__plan-period { margin: 0; text-align: center; font-weight: 500; font-size: 16px; line-height: 21px; } .tariff__plan-icon { margin: 14px auto 0 auto; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #f5f5f5; border: 2px solid transparent; border-radius: 100%; } .tariff__plan-icon svg { display: none; } .tariff__plan-price { margin-top: 16px; margin-bottom: 0; font-size: 16px; text-align: center; } .tariff__plan-price span { display: block; margin-bottom: 8px; color: #0b9f2e; } .tariff__plan { position: relative; margin: 0 -20px 58px -20px; padding-left: 20px; padding-right: 20px; } .tariff__wrapper-slider { position: relative; margin: 0 -20px; padding-left: 20px; padding-right: 20px; z-index: 1; } .tariff__wrapper-slider::after { content: " "; position: absolute; left: 50%; top: 74px; width: 64%; height: 4px; background-color: #f5f5f5; transform: translate(-50%, 0); z-index: -1; } .tariff__plan-top { flex-grow: 1; } .tariff__plan .slick-track, .tariff__plan .slick-list, .tariff__plan .slick-slide, .tariff__plan .slick-slide > div { display: flex; } .tariff__plan .slick-slide > div { flex-grow: 1; } .tariff__plan .slick-slide { justify-content: center; } .tariff__plan-input--one-month:checked ~ .tariff__plan .tariff__plan-element--one-month, .tariff__plan-input--three-month:checked ~ .tariff__plan .tariff__plan-element--three-month, .tariff__plan-input--six-month:checked ~ .tariff__plan .tariff__plan-element--six-month, .tariff__plan-input--one-year:checked ~ .tariff__plan .tariff__plan-element--one-year { border-color: #0b9f2e; } .tariff__plan-input--one-month:checked ~ .tariff__plan .tariff__plan-element--one-month .tariff__plan-icon, .tariff__plan-input--three-month:checked ~ .tariff__plan .tariff__plan-element--three-month .tariff__plan-icon, .tariff__plan-input--six-month:checked ~ .tariff__plan .tariff__plan-element--six-month .tariff__plan-icon, .tariff__plan-input--one-year:checked ~ .tariff__plan .tariff__plan-element--one-year .tariff__plan-icon { background-color: #ffffff; border-color: #0b9f2e; } .tariff__plan-input--one-month:checked ~ .tariff__plan .tariff__plan-element--one-month .tariff__plan-icon svg, .tariff__plan-input--three-month:checked ~ .tariff__plan .tariff__plan-element--three-month .tariff__plan-icon svg, .tariff__plan-input--six-month:checked ~ .tariff__plan .tariff__plan-element--six-month .tariff__plan-icon svg, .tariff__plan-input--one-year:checked ~ .tariff__plan .tariff__plan-element--one-year .tariff__plan-icon svg { display: block; } .tariff__plan-arrow { position: absolute; top: 0; display: block; padding: 0; height: 100%; width: 58px; background-color: transparent; background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.77) 0%, #ffffff 100%); border: none; } .tariff__plan-arrow--prev { left: 0; } .tariff__plan-arrow--next { right: 0; } .tariff__plan-arrow svg { position: absolute; top: 67px; } .tariff__plan-arrow--prev svg { left: 20px; } .tariff__plan-arrow--next svg { right: 20px; } .tariff__submit-button svg { top: 14px; } .tariff__calculation { padding-top: 32px; border-top: 1px solid #d8d8d8; } .tariff__calculation-label { margin-top: 0; font-size: 16px; color: #000014; } .tariff__calculation-sum { margin-top: 24px; margin-bottom: 30px; font-weight: 500; font-size: 48px; line-height: normal; } .tariff__calculation-sum span { margin-left: 7px; font-size: 28px; } .tariff__wrapper-time { margin-top: 60px; } .tariff__bill { margin-top: 61px; } .tariff__item--premium svg { margin-bottom: 35px; } .tariff__item--premium .tariff__price { margin-top: 28px; } .tariff__plan-arrow.slick-disabled { opacity: 0; } @media (min-width: 375px) { .tariff__item { padding: 29px 20px; } .tariff__item svg { margin-bottom: 31px; } .tariff__item ul { width: 100%; margin-top: 28px; max-width: 293px; margin-left: auto; margin-right: auto; } .tariff__item ul li { margin-bottom: 20px; } .tariff__price { margin-top: 84px; } .tariff__price::before { width: 65%; } .tariff__item--standard ul { margin-top: 37px; } .tariff__item--standard ul li { margin-bottom: 22px; } .tariff__item--standard ul br { display: none; } .tariff__item--standard .tariff__price { margin-top: 31px; } .tariff__item--premium svg { margin-bottom: 37px; } .tariff__item--premium ul { margin-top: 31px; } .tariff__item--premium ul li { margin-bottom: 22px; } .tariff__item--premium .tariff__price { margin-top: 30px; } .tariff__wrapper-time { margin-top: 65px; } .tariff__calculation { padding-left: 9px; } } @media (min-width: 768px) { .tariff__list { display: flex; flex-wrap: wrap; } .tariff__item { max-width: 235px; margin-right: 11px; margin-top: 0; } .tariff__item:last-child { margin-right: 0; } .tariff__item .h2 { font-size: 25px; } .tariff__plan-arrow { display: none; } .tariff__plan { display: flex; } .tariff__plan-element { margin: 0 88px 0 0; } .tariff__plan-element:nth-child(4n) { margin-right: 0; } .tariff__wrapper-slider::after { top: 72px; width: 75%; } .tariff__wrapper-time { margin-top: 89px; } .tariff__time-action { margin-top: 0; padding-top: 17px; padding-right: 2px; } .tariff__content { margin-top: 40px; } .tariff__header { display: flex; justify-content: space-between; } .tariff__header h2 { max-width: 350px; } } @media (min-width: 992px) { .tariff__item { margin-right: 30px; max-width: 297px; width: 100%; transition: transform 0.2s ease-in; cursor: pointer; } .tariff__plan-input--base:checked ~ .tariff__item--base, .tariff__plan-input--premium:checked ~ .tariff__item--premium, .tariff__plan-input--standard:checked ~ .tariff__item--standard { transform: scale(1.1); } .tariff__content { margin-top: 89px; } .tariff__plan { width: 100%; justify-content: space-between; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0; } .tariff__plan-element { margin: 0; } .tariff__wrapper-time { display: flex; } .tariff__wrapper-slider { max-width: 645px; width: 100%; margin: 0 19px 0 0; padding: 0; } .tariff__calculation { padding-top: 10px; padding-left: 34px; width: calc(100% - 664px); border-top: none; border-left: 1px solid #d8d8d8; } .tariff__plan-icon { height: 31px; width: 31px; margin-top: 21px; } .tariff__wrapper-slider::after { width: 85%; top: 75px; } .tariff__item .h2 { font-size: 28px; } } @media (min-width: 1210px) { .tariff__item { max-width: 269px; margin-right: 31px; } .tariff__item:focus { padding: 28px 19px; border-width: 2px; border-color: rgba(11, 159, 46, 0.3); } .tariff__item:hover { box-shadow: 0 0 5px rgba(0, 0, 20, 0.2); } .tariff__item svg { margin-bottom: 40px; } .tariff__item ul li { padding-right: 0; } .tariff__plan-element:hover { border-color: #d8d8d8; } .tariff__plan-element:focus { outline: none; border-color: rgba(11, 159, 46, 0.3); } } @media (min-width: 1390px) { .tariff__item { max-width: 315px; margin-right: 30px; } .tariff__calculation { padding-left: 60px; max-width: 303px; margin-left: auto; } } .bill__title { padding-top: 3px; padding-left: 20px; margin-top: 0; margin-bottom: 29px; font-weight: 500; line-height: normal; font-size: 16px; color: #0a0a0a; } .bill__list { margin: 0; padding-left: 0; list-style: none; } .bill__content { padding-top: 32px; padding-bottom: 19px; font-size: 16px; font-weight: 400; text-align: center; } .bill__item { border-top: 1px solid #d8d8d8; } .bill__item:last-child { border-bottom: 1px solid #d8d8d8; } .bill__info { margin-top: 12px; } .bill__info:nth-child(1) { margin-top: 0; } .bill__info--success { color: #0b9f2e; } .bill__content--pending, .bill__info--pending { color: #fe5555; } .bill__form { padding-top: 9px; padding-bottom: 10px; } .bill__form .button { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .bill__content { display: flex; align-items: center; padding: 32px 0; } .bill__info { max-width: 135px; width: 100%; margin-top: 0; margin-right: 20px; } .bill__info:last-child { margin-right: 0; } } @media (min-width: 992px) { .bill__info { text-align: left; } .bill__content { padding: 32px 20px 30px 20px; } .bill__content--pending { padding-top: 19px; padding-bottom: 18px; } .bill__info--id { max-width: 100px; margin-right: 104px; } .bill__info--sum { max-width: 100px; margin-right: 91px; } .bill__info--status { max-width: 110px; margin-right: 109px; } .bill__info--pay { max-width: 112px; margin-left: auto; } .bill__form { padding: 0; margin-left: 0; margin-right: 0; width: 100%; } .bill__info--data { margin-right: 20px; } } @media (min-width: 1210px) { .bill__info--id { margin-right: 74px; } .bill__info--sum { margin-right: 61px; } .bill__info--status { margin-right: 89px; } .bill__content:hover { box-shadow: 0 0 5px rgba(0, 0, 20, 0.2); } } @media (min-width: 1390px) { .bill__info--id { margin-right: 121px; } .bill__info--sum { margin-right: 111px; } .bill__info--status { margin-right: 113px; } } .about-curse__video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video { transition: 0.2s; z-index: 1; text-align: center; } .video img { display: block; } .video span { display: inline-block; } .play__wrapper { position: absolute; top: 100px; left: 50%; transform: translate(-50%, 0); } .play_icon_wrapper { transition: 0.2s; width: 100px; height: 100px; background: transparent; border: 1px solid #fff; border-radius: 100%; position: relative; margin-left: auto; margin-right: auto; } .play_icon { position: absolute; top: 30px; left: 36px; } .video:hover:before { content: " "; background: rgba(0, 0, 0, 0.5); } .video:hover .play_text { visibility: visible; opacity: 1; } .video:hover .play_icon_wrapper { background: #ffffff; } .video .play_icon_wrapper svg use { transition: 0.2s; } .video:hover .play_icon_wrapper svg use { fill: #fe5555; } @media (max-width: 767px) { .play__wrapper { top: 50%; transform: translate(-50%, -50%); } .video .play_icon_wrapper svg use { fill: #fe5555; } .video .play_icon_wrapper { background: #ffffff; width: 60px; height: 60px; } .video:before { background: rgba(0, 0, 0, 0.5); } .play_icon svg { max-width: 25px; max-height: 25px; } .play_icon { top: 17px; left: 19px; } } @media (min-width: 768px) { .play__wrapper { top: 157px; } } @media (min-width: 992px) { .play__wrapper { top: 212px; } } @media (min-width: 1210px) { .play__wrapper { top: 190px; } } @media (min-width: 1390px) { .play__wrapper { top: 212px; } } .curse-gallery { position: relative; padding: 30px; margin-top: 0; } .curse-gallery__item img { width: 100%; height: 200px; margin: 0 auto; -o-object-fit: cover; object-fit: cover; } .curse-gallery__arrow { position: absolute; top: 50%; width: 60px; height: 60px; background-color: #ffffff; border-radius: 50%; border-color: transparent; box-shadow: 0 3px 6px rgba(0, 0, 20, 0.16); opacity: 0.8; transform: translateY(-50%); } .curse-gallery__arrow:focus { outline: none; opacity: 1; } .curse-gallery__arrow.slick-disabled { opacity: 0; } .curse-gallery__arrow--prev { left: 0; } .curse-gallery__arrow--next { right: 0; } .curse-gallery h2 { margin-bottom: 30px; } @media (min-width: 768px) { .curse-gallery__item { padding-right: 10px; padding-left: 10px; } } @media (min-width: 992px) { .curse-gallery { padding-top: 40px; padding-bottom: 40px; } } .accordion__item--hidden .accordion__body { display: none; } .accordion__item--open .accordion__icon-arrow { transform: rotate(180deg); } @media (max-width: 767px) { .contacts-page { margin-top: 25px; } } .reviews__review.for-cabinet .reviews__main, .reviews__review.for-cabinet .reviews__footer { position: relative; margin-left: auto; padding-left: 20px; width: calc(100% - 50px); } .reviews__option-wrap { position: absolute; right: 0; top: -15px; } .reviews__options { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; width: 47px; height: 47px; background-color: transparent; border: none; border-radius: 50%; cursor: pointer; } .reviews__options:focus, .reviews__options:hover { outline: none; background-color: #f1f3f4; } .reviews__options-circle { display: block; width: 6px; height: 6px; margin-bottom: 3px; background-color: #5e5e5e; border-radius: 50%; } .reviews__options-circle:last-child { margin-bottom: 0; } .reviews__option-dropdown { position: absolute; right: 0; top: 100%; display: none; width: 151px; padding: 14px 20px; margin-top: 9px; background-color: #ffffff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); z-index: 2; } .reviews__option-wrap--open .reviews__option-dropdown { display: block; } .reviews__report { font-size: 16px; color: #fe5555; text-decoration: none; cursor: pointer; } .reviews__report:focus { color: rgba(254, 85, 85, 0.3); } .reviews__footer-form { display: none; } .reviews__footer--answered .reviews__footer-form { display: block; } .reviews__footer--answered .reviews__answer { display: none; } .catalog__all a { font-size: 16px; color: #7835bb; text-decoration: none; border-bottom: 1px dashed #7835bb; } .reviews__new-write { display: none; } .reviews__new-comment-add-item--submit { text-align: right; } .reviews__new-comment-add-item { margin-top: 30px; margin-bottom: 0; } .reviews__new-comment-add-item:first-child { margin-top: 0; } .reviews__new-comment-add-item--submit .button { padding-left: 20px; padding-right: 20px; } .another-curs__title { margin: 0; font-size: 16px; font-weight: 500; } @media (min-width: 1210px) { .another-curse__inner .catalog__list--vertical .catalog__item { margin-top: 0; } .another-curse__inner .catalog__item { border-top: 1px solid #d8d8d8; } .another-curse__inner .catalog__item:last-child { border-bottom: 1px solid #d8d8d8; } .another-curse__inner .catalog__list--vertical .product, .another-curse__inner .catalog__list--vertical .product-school { border: 0; position: relative; padding: 20px 0; flex-wrap: wrap; flex-grow: 1; } .another-curse__inner .catalog__list--vertical .product:hover, .another-curse__inner .catalog__list--vertical .product-school:hover { box-shadow: 0 0 0 0; } .another-curse__inner .catalog__list--vertical .product__picture, .another-curse__inner .catalog__list--vertical .product-school__picture { max-width: 37%; width: 100%; } .another-curse__inner .catalog__list--vertical .product__info-block, .another-curse__inner .catalog__list--vertical .product-school__info-block { max-width: 63%; padding-top: 0; padding-right: 0; padding-left: 10px; } .another-curse__inner .catalog__list--vertical .product__rating, .another-curse__inner .catalog__list--vertical .product-school__rating { position: static; margin-top: 10px; padding: 0; box-shadow: none; } .another-curse__inner .catalog__list--vertical .product__features, .another-curse__inner { display: block; } .another-curse__inner .catalog__list--vertical .product__price, .another-curse__inner .catalog__list--vertical .product-school__price { position: absolute; left: 0; top: inherit; bottom: 25px; margin-top: 0; } .another-curse__inner .catalog__list--vertical .product__actions, .another-curse__inner .catalog__list--vertical .product-school__actions { position: initial; width: 100%; justify-content: flex-end; margin-top: 20px; } .another-curse__inner .catalog__list--vertical .product__buy svg, .another-curse__inner .catalog__list--vertical .product-school__buy svg { display: block; position: absolute; top: 10px; left: 14px; } .another-curse__inner .catalog__list--vertical .product__buy, .another-curse__inner .catalog__list--vertical .product-school__buy { padding: 7px 16px; min-width: 35px; font-size: 0; } } .school__img { display: block; text-align: center; } .school__name { margin-top: 22px; margin-bottom: 0; font-size: 16px; } .school__name a { font-size: 16px; font-weight: 500; text-decoration: none; color: #000014; } .school__name a:focus { color: rgba(0, 0, 20, 0.3); } .school__rating { margin-top: 21px; } .school__rating.in-reviews { margin-top: 0; margin-right: 15px; margin-bottom: 15px; } .school__rating.school--filter { margin-top: 0; padding-left: 41px; } .school__rating-stars { max-width: 93px; } .school__rating-status { margin-right: 10px; font-size: 16px; } .school__list-contacts { margin: 25px 0 0 0; padding-left: 0; list-style: none; } .school__list-contacts a { font-size: 16px; color: #7835bb; text-decoration: none; border-bottom: 1px dashed #7835bb; } .school__list-contacts li { position: relative; padding-left: 32px; margin-top: 20px; } .school__list-contacts li:first-child { margin-top: 0; } .school__list-contacts svg { position: absolute; left: 0; top: 0; } .button__show-about-curse { width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #fff6e5; cursor: pointer; z-index: 99; color: #ffaa00; font-size: 16px; font-weight: 500; } .button__show-about-curse i { font-weight: 400; font-size: 12px; font-style: normal; } .button__show-about-curse { max-width: calc(50% - 5px); min-width: calc(50% - 5px); margin-bottom: 0; } .school__what-numbers { max-width: calc(50% - 5px); min-width: calc(50% - 5px); } .school__what-numbers .popup__all-numbers { display: none; } .popup__all-numbers.tabs__item--open { display: block; padding: 20px 30px 8px; position: fixed; left: 0; width: 100%; background-color: #fff; box-shadow: rgba(10, 10, 10, 0.1) 0px 1px 10px; } .popup__all-numbers.tabs__item--open p { margin: 0 0 10px; font-size: 16px; font-weight: 500; } .popup__all-numbers.tabs__item--open ul li { padding-left: 0; } .popup__all-numbers.tabs__item--open .all-numbers { display: block; margin-bottom: 18.5px; } .popup__all-numbers.tabs__item--open a { text-decoration: none; color: #7835bb; border-bottom: 1px dashed #7835bb; font-size: 16px; } .popup__all-numbers.tabs__item--open a :active, .popup__all-numbers.tabs__item--open a :focus { color: inherit; outline: none; } .school__about-this-curse { display: none; } .school__about-this-curse.popup--open { position: fixed; display: block; min-width: 100%; left: 0; padding: 20px; background-color: #fff; z-index: 9; box-shadow: rgba(10, 10, 10, 0.1) 0px 1px 10px; } .popup__button-close { content: " "; position: absolute; right: 10px; top: 10px; width: 25px; height: 25px; } .popup__button-close::after, .popup__button-close::before { content: " "; position: absolute; right: 0; top: 12px; width: 25px; height: 1px; background-color: #a8a8a8; } .popup__button-close::before { transform: rotate(-45deg); } .popup__button-close::after { transform: rotate(45deg); } @media (min-width: 320px) { .school__fixed-block { display: flex; position: fixed; justify-content: space-between; align-items: center; flex-direction: row; width: 100%; left: 0; bottom: 0; padding: 10px 10px; background-color: #fff; box-shadow: rgba(10, 10, 10, 0.1) 0px -3px 10px; z-index: 9; } } @media (min-width: 550px) { .school__fixed-block { justify-content: space-between; flex-direction: row; padding: 10px 20px; } .button__show-about-curse { max-width: calc(50% - 40px); margin-bottom: 0; } .school__what-numbers { min-width: calc(50% - 40px); } .school__about-this-curse.popup--open { min-width: auto; width: calc(100% - 40px); left: auto; } } @media (min-width: 580px) { .school__what-numbers { left: auto; right: auto; max-width: 535px; } .school__about-this-curse.popup--open { min-width: auto; width: 100%; max-width: calc(100% - 200px); left: 100px; } .popup__all-numbers.tabs__item--open { min-width: auto; width: 100%; } } @media (min-width: 768px) { .school__what-numbers { position: initial; max-width: 100%; z-index: 1; } } @media (min-width: 992px) { .school__about-this-curse { display: flex; margin-bottom: 30px; } .button__show-about-curse { display: none; } .school__logo { max-width: 314px; width: 100%; margin-right: 30px; } .school__logo img { max-width: 315px; width: 100%; } .school__fixed-block { position: relative; padding: 0; background-color: #fff; box-shadow: 0 0 0 0; z-index: 9; } .popup__button-close { display: none; } .popup__all-numbers.tabs__item--open { position: relative; max-width: 314px; left: inherit; bottom: inherit; background-color: #f1eaf8; border-radius: 3px; box-shadow: 0 0 0 0; } #shadow-two { display: none !important; z-index: -1; } .school { padding-top: 56px; } .school__img { text-align: left; } } @media (min-width: 1210px) { .school__about-this-curse { display: block; } .school { padding-top: 0; } .school__what-numbers { max-width: 100%; width: 100%; } .school__logo { max-width: 315px; margin-right: 30px; } .school__logo img { max-width: 315px; width: 100%; } .popup__all-numbers.tabs__item--open { max-width: 100%; } } .master-classes { margin-top: 63px; } .master-classes__list { margin: 0; padding-left: 0; list-style: none; } .master-classes__item { display: flex; flex-direction: column; margin-top: 28px; } .master-classes__item:nth-child(1) { margin-top: 0; } .master-classes__title { margin-bottom: 27px; text-align: center; } .master-classes__watch-more { width: 100%; margin-top: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 11px; } @media (min-width: 768px) { .master-classes__list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .master-classes__item { width: 50%; padding-left: 15px; padding-right: 15px; } .master-classes__item:nth-child(2) { margin-top: 0; } .master-classes__title br { display: none; } .master-classes__watch-more { display: block; margin-left: auto; margin-right: auto; max-width: 268px; } } @media (min-width: 992px) { .master-classes__title { margin-bottom: 56px; } } @media (min-width: 1210px) { .master-classes { margin-top: 104px; } .master-classes__item { max-width: 33.33%; } .master-classes__item:nth-child(3) { margin-top: 0; } } .master-class { position: relative; display: flex; flex-direction: column; flex-grow: 1; padding: 75px 20px 20px 20px; text-decoration: none; background-color: #000000; z-index: 1; border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); overflow: hidden; } .master-class::after { content: " "; position: absolute; bottom: 0; left: 0; height: 85%; width: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%); z-index: -1; } .master-class:focus::after { content: " "; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } .master-classes__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; } .master-class__time { position: absolute; right: 10px; top: 10px; padding-top: 10px; display: flex; flex-direction: column; align-items: center; width: 60px; height: 60px; background-color: #ffffff; border-radius: 50%; } .master-class__month { margin-top: 0; margin-bottom: 0; font-size: 12px; font-weight: 300; color: #000014; } .master-class__day { margin: 0; font-size: 22px; font-weight: 500; color: #000014; } .master-class__name { margin-top: 0; margin-bottom: 0; font-size: 16px; color: #ffffff; font-weight: 500; line-height: 21px; } @media (min-width: 375px) { .master-class { padding-top: 107px; } .master-class__time { padding-top: 10px; width: 80px; height: 80px; } .master-class__day { font-size: 28px; } .master-class__month { margin-top: 2px; font-size: 14px; } } @media (min-width: 550px) { .master-class { padding-top: 199px; } } @media (min-width: 992px) { .master-class__time { right: 20px; top: 21px; } } @media (min-width: 1210px) { .master-class { padding-top: 127px; } .master-class:hover::after { content: " "; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } .master-class:focus::after { content: " "; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } } @media (min-width: 1390px) { .master-class { padding-top: 182px; } .master-class__name { padding-right: 38px; } } .best-curse { position: relative; display: flex; flex-direction: column; flex-grow: 1; padding: 179px 20px 21px 20px; color: #ffffff; text-decoration: none; background-color: #000000; border-radius: 3px; z-index: 1; overflow: hidden; } .best-curse::after { content: " "; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%); z-index: -1; } .best-curse:focus::after { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } .best-curse__info-block { display: flex; flex-direction: column; flex-grow: 1; } .best-curse__list-star { padding-left: 0; margin: 0 10px 0 0; display: flex; flex-wrap: wrap; list-style: none; } .best-curse__item { margin-left: 2px; color: #d8d8d8; } .best-curse__item:first-child { margin-left: 0; } .best-curse__item--active { color: #ffaa00; } .best-curse__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; } .best-curse__rating-value, .best-curse__rating-count { margin: 0; font-size: 16px; font-weight: 300; } .best-curse__rating-count::before { content: "("; } .best-curse__rating-count::after { content: ")"; } .best-curse__count { margin-top: 10px; margin-bottom: 0; font-size: 16px; font-weight: 300; } .best-curse__rating-value { margin-right: 10px; } .best-curse__rating-info { display: flex; margin-top: 10px; } .best-curse__name { flex-grow: 1; margin: 0; font-size: 16px; font-weight: 500; line-height: 21px; } @media (min-width: 375px) { .best-curse { padding-top: 234px; } } @media (min-width: 992px) { .best-curse { padding-top: 197px; } } @media (min-width: 1210px) { .best-curse { padding-top: 169px; } .best-curse:hover::after { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } .best-curse:focus::after { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } } @media (min-width: 1390px) { .best-curse { padding-top: 214px; } } .featured-articles__list { margin: 0; padding-left: 0; list-style: none; } .featured-articles { margin-top: 61px; } .featured-articles__title { margin-bottom: 29px; text-align: center; } .featured-articles__item { display: flex; flex-direction: column; margin-top: 30px; } .featured-articles__show-more { margin-top: 32px; padding-left: 20px; padding-right: 20px; padding-bottom: 11px; width: 100%; } @media (min-width: 375px) { .featured-articles__show-more { margin-top: 29px; } } @media (min-width: 768px) { .featured-articles__list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .featured-articles__item { padding-left: 15px; padding-right: 15px; width: 50%; } .featured-articles__item:nth-child(1), .featured-articles__item:nth-child(2) { margin-top: 0; } .featured-articles__show-more { display: block; margin-left: auto; margin-right: auto; max-width: 268px; } } @media (min-width: 992px) { .featured-articles { margin-top: 112px; } .featured-articles__title { margin-bottom: 59px; } } @media (min-width: 1210px) { .featured-articles { margin-top: 101px; } .featured-articles__item { width: 33.33%; } .featured-articles__item:nth-child(3) { margin-top: 0; } } .article { display: flex; flex-grow: 1; flex-direction: column; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .article__info-block { display: flex; flex-direction: column; flex-grow: 1; padding: 22px 20px 18px 20px; } .article__name { margin: 0; font-size: 16px; font-weight: 500; color: #000000; } .article__name a { color: #000000; text-decoration: none; } .article__name a:focus { color: rgba(0, 0, 0, 0.3); } .article__text { flex-grow: 1; margin-top: 22px; margin-bottom: 0; font-size: 16px; font-weight: 300; } .article__time { margin-top: 13px; margin-bottom: 0; font-size: 14px; line-height: 19px; font-weight: 300; } .article__img { display: block; } .article__img img { display: block; width: 100%; border-radius: 3px; } @media (min-width: 375px) { .article__name { padding-right: 14px; } .article__time { margin-top: 32px; } .article__info-block { padding-bottom: 28px; } } @media (min-width: 768px) { .article__name { padding-right: 0; } } @media (min-width: 992px) { .article__time { margin-top: 27px; } .article__info-block { padding-bottom: 18px; } } @media (min-width: 1210px) { .article__time { margin-top: 34px; } .article__name a:hover { color: rgba(0, 0, 20, 0.6); } .article__name a:focus { color: rgba(0, 0, 20, 0.3); } } @media (min-width: 1390px) { .article__time { margin-top: 27px; } .article__info-block { padding-bottom: 20px; } } .seo-text__wrapper { position: relative; height: 84px; overflow: hidden; } .seo-text--has-open .seo-text__wrapper::before { content: " "; position: absolute; bottom: 0; left: 0; width: 100%; height: 42px; background-image: linear-gradient(to top, #ffffff 0%, rgba(255, 254, 254, 0.5) 100%); } .seo-text__wrapper p { margin-top: 0; margin-bottom: 16px; font-size: 16px; color: #000014; font-weight: 300; } .seo-text__wrapper p:last-child { margin-bottom: 0; } .seo-text__show-more { position: relative; display: block; width: 130px; font-size: 16px; padding-right: 16px; margin-top: 10px; margin-left: auto; color: #a8a8a8; text-decoration: none; } .seo-text__show-more:focus { color: #000014; } .seo-text__show-more svg { position: absolute; right: 0; top: 1px; } .seo-text--open .seo-text__wrapper { height: auto; } .seo-text--open .seo-text__wrapper::before { display: none; } .seo-text--open .seo-text__show-more svg { transform: rotate(180deg); } .seo-text--main-page { margin-top: 62px; margin-bottom: 58px; } @media (min-width: 768px) { .seo-text--main-page { margin-top: 94px; margin-bottom: 100px; } } @media (min-width: 992px) { .seo-text--main-page { margin-top: 83px; margin-bottom: 99px; } } @media (min-width: 1210px) { .seo-text--main-page { margin-top: 150px; margin-bottom: 150px; } .seo-text__show-more:hover { color: #888282; } .seo-text__show-more:focus { color: #000014; } } @media (min-width: 1390px) { .seo-text--main-page { margin-top: 153px; } } .action-circle { position: relative; } .action-circle__toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; width: 45px; height: 45px; border-radius: 50%; background-color: transparent; border: none; } .action-circle__toggle:focus { outline: none; background-color: #f5f5f5; } .action-circle__toggle span { margin-top: 3px; display: block; width: 5px; height: 5px; background-color: #a8a8a8; border-radius: 50%; } .action-circle__toggle span:first-child { margin-top: 0; } .action-circle__wrapper { position: absolute; right: 0; top: 100%; display: none; padding: 15px 25px; margin-top: 5px; width: 182px; background-color: #ffffff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); z-index: 1; } .action-circle--open .action-circle__toggle { background-color: #f5f5f5; } .action-circle__item { margin-top: 23px; } .action-circle__item:first-child { margin-top: 0; } @media (max-width: 767px) { .action-circle__edit, .action-circle__delete { display: flex; padding: 0; width: auto; height: auto; } .action-circle__edit::after, .action-circle__delete::after { position: static; content: attr(aria-label); display: inline-block; width: auto; height: auto; color: #fe5555; font-size: 16px; font-weight: 300; margin-left: 10px; } .action-circle__edit:focus, .action-circle__delete:focus { outline: none; box-shadow: none; opacity: 0.3; } .action-circle__delete svg { fill: #fe5555; } .action-circle__delete:focus svg { fill: #fe5555; } .action-circle__edit { background-color: transparent; } .action-circle__edit::after { color: #0b9f2e; } .action-circle__delete { background-color: transparent; box-shadow: none; } .action-circle__delete:focus::after { display: inline-block; } .action-circle__delete::after { display: inline-block; } .fixed-button-wrapper { position: fixed; bottom: 0; left: 0; display: flex; justify-content: space-between; width: 100%; padding: 10px 20px; background-color: #ffffff; box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1); z-index: 5; } .fixed-button-wrapper .button { width: 48%; } } .underline-select__toggle { position: relative; width: 100%; height: 41px; padding: 0 0 3px 0; font-family: inherit; font-size: 16px; text-align: left; background-color: transparent; border: none; } .underline-select__toggle:focus { outline: none; } .underline-select__toggle::after { content: " "; position: absolute; bottom: 0; height: 3px; width: 100%; z-index: 1; background-image: linear-gradient(to right, #abcdff 33.33%, #d8d8d8 33.33%); } .underline-select__toggle::before { content: " "; position: absolute; bottom: 0; height: 3px; width: 100%; background-color: #d8d8d8; } .underline-select--cancel .underline-select__toggle::after { background-image: none; background-color: #d8d8d8; } .underline-select--processing .underline-select__toggle::after { background-image: linear-gradient(to right, #abcdff 33.3%, #ffaa00 33.3%, #ffaa00 66.6%, #d8d8d8 66.6%); } .underline-select--completed .underline-select__toggle::after { background-image: linear-gradient(to right, #abcdff 33.3%, #ffaa00 33.3%, #ffaa00 66.6%, #0b9f2e 66.6%); } .underline-select__content { display: none; position: absolute; left: 0; top: 100%; margin-top: 10px; width: 100%; background-color: #ffffff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); z-index: 3; } .underline-select__option { display: block; text-align: left; width: 100%; padding: 12px 20px; font-family: inherit; font-size: 16px; font-weight: 300; background-color: transparent; border: none; } .underline-select__option:focus { outline: none; font-weight: 500; background-color: #f5f5f5; } .underline-select { position: relative; } .underline-select__current-value { display: block; padding-right: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .underline-select__toggle svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .underline-select--open .underline-select__content { display: block; } .underline-select--open svg { transform: translateY(-50%) rotate(180deg); } @media (min-width: 1210px) { .underline-select__option:hover { font-weight: 500; background-color: #f5f5f5; } .underline-select__option:focus { outline: none; font-weight: 500; background-color: #f5f5f5; } } .not-registration-favorites { margin-bottom: 60px; } .not-registration-favorites__catalog .catalog__list--vertical .catalog__item { width: 100%; max-width: 870px; } @media (min-width: 992px) { .not-registration-favorites { margin-bottom: 90px; } .not-registration-favorites__catalog:not(catalog__list--vertical) .catalog__item { width: 25%; } .not-registration-favorites__catalog:not(catalog__list--vertical) .catalog__item:nth-child(4) { margin-top: 0; } } @media (min-width: 1210px) { .not-registration-favorites { margin-bottom: 120px; } } @media (min-width: 1390px) { .not-registration-favorites__catalog:not(catalog__list--vertical) .catalog__item { width: 20%; } .not-registration-favorites__catalog:not(catalog__list--vertical) .catalog__item:nth-child(5) { margin-top: 0; } } .rating-use__group { position: relative; width: 10em; height: 2em; background-image: url("../img/rating-star.svg"); background-repeat: repeat-x; background-size: 2em 1.9em; } .rating-user__star { position: absolute; top: 0; left: 0; width: 2em; height: 2em; margin: 0; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .rating-user__input:checked + .rating-user__star { background-image: url("../img/rating-star-cheked.svg"); background-repeat: repeat-x; background-size: 2em 1.9em; } .rating-user__star:hover { background-image: url("../img/rating-star-cheked.svg"); background-repeat: repeat-x; background-size: 2em 1.9em; } .rating-user__star:hover ~ .rating-user__star { background-image: url("../img/rating-star.svg"); background-repeat: repeat-x; background-size: 2em 1.9em; } .rating-user__star:nth-of-type(1) { z-index: 5; width: 2em; } .rating-user__star:nth-of-type(2) { z-index: 4; width: 4em; } .rating-user__star:nth-of-type(3) { z-index: 3; width: 6em; } .rating-user__star:nth-of-type(4) { z-index: 2; width: 8em; } .rating-user__star:nth-of-type(5) { z-index: 1; width: 10em; } .rating-user { display: flex; align-items: center; } .rating-user__label { margin-right: 10px; margin-bottom: 0; } .tooltip { position: relative; z-index: 1; } .tooltip__toggle { display: flex; align-items: center; padding: 0; font-size: 16px; color: #fe5555; background-color: transparent; border: none; } .tooltip__toggle:focus { outline: none; opacity: 0.3; } .tooltip__toggle svg { margin-top: 0; } .tooltip__content { display: none; position: absolute; left: 0; top: 100%; width: 260px; margin-top: 10px; padding: 20px; background-color: #ffffff; box-shadow: 0 3px 10px rgba(0, 0, 20, 0.1); color: #000014; } .tooltip--open .tooltip__content { display: block; } .tooltip__label { margin-top: 0; margin-bottom: 15px; font-size: 16px; color: #a8a8a8; } .tooltip__text { margin: 0; font-size: 16px; } .tooltip__content::before, .tooltip__content::after { content: " "; position: absolute; background: #ffffff; left: 83px; top: -5px; width: 10px; height: 10px; box-shadow: 0 3px 10px rgba(0, 0, 20, 0.25); z-index: -1; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .tooltip__content::after { z-index: 3; box-shadow: none; } @media (min-width: 768px) { .tooltip__content { width: 545px; right: -20px; left: initial; } .tooltip__content::before, .tooltip__content::after { left: inherit; right: 25px; } } @media (min-width: 1210px) { .tooltip__toggle:focus { opacity: 0.3; } .tooltip__toggle:hover { opacity: 0.6; } } .all-articles__menu { margin: 0 -10px; display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; } .all-articles__menu-item { padding: 9.5px 10px; } .all-articles__menu-button { padding-left: 20px; padding-right: 20px; } .all-articles__menu-item--active .all-articles__menu-button { color: #7835bb; background-color: #f1eaf8; border-color: #f1eaf8; } .all-articles__menu-item--active .all-articles__menu-button:focus { box-shadow: 0 0 0 0.2rem rgba(120, 53, 187, 0.25); } .all-articles__title { margin-bottom: 23px; } .all-articles__articles { margin-top: 21px; } .all-articles__top-articles { display: none; } @media (max-width: 767px) { .all-articles { margin-top: 25px; } } @media (min-width: 768px) { .all-articles { margin-top: 33px; } } @media (min-width: 992px) { .all-articles__title { margin-bottom: 17px; } .all-articles__menu-button { padding-left: 19px; padding-right: 19px; } } @media (min-width: 1210px) { .all-articles__inner { display: flex; flex-wrap: wrap; } .all-articles__articles { max-width: 871px; width: 100%; } .all-articles__top-articles { display: block; margin-top: 52px; padding-left: 30px; max-width: 299px; width: 100%; } } @media (min-width: 1390px) { .all-articles__articles { max-width: 1005px; } .all-articles__top-articles { max-width: 345px; } } .articles__list { margin: 0; padding-left: 0; list-style: none; } .articles__img { display: block; } .articles__img img { display: block; width: 100%; border-radius: 3px; } .articles__name { margin: 0; font-weight: 500; font-size: 24px; line-height: normal; } .articles__name a { color: #000000; text-decoration: none; } .articles__name a:focus { color: rgba(0, 0, 0, 0.3); } .articles__text { margin-top: 29px; font-size: 16px; color: #000000; } .articles__content { padding-top: 30px; padding-bottom: 20px; } .articles__info-block { padding-top: 20px; } .articles__item { border-bottom: 1px solid #d8d8d8; } .all-articles__load-more { margin-top: 30px; } .articles__pagination { margin-top: 30px; } .all-articles { margin-bottom: 60px; } @media (min-width: 768px) { .articles__content { display: flex; } .articles__img { width: 295px; } .articles__info-block { display: flex; flex-direction: column; padding-top: 0; padding-left: 30px; width: calc(100% - 295px); } .articles__text { margin-top: 18px; margin-bottom: 0; } .articles__pagination { justify-content: center; } .articles__text-content { flex-grow: 1; } } @media (min-width: 992px) { .articles__content { padding-left: 20px; padding-right: 20px; } .articles__name { font-size: 28px; line-height: 37px; } .articles__text { margin-top: 21px; } } @media (min-width: 1210px) { .articles__content { padding-bottom: 28px; } .articles__name a:hover { color: rgba(0, 0, 20, 0.6); } .articles__name a:focus { color: rgba(0, 0, 20, 0.3); } } @media (min-width: 1390px) { .articles__name br { display: none; } .articles__content { padding-bottom: 28px; } } .details-article { display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin: 0 -10px 0 -10px; } .details-article--in-list { margin-top: 17px; } .details-article__item { padding: 10px; } .details-article__date, .details-article__views-count, .details-article__comments, .details-article__tag { display: flex; align-items: center; margin: 0; font-size: 16px; color: #000014; } .details-article__date svg, .details-article__views-count svg, .details-article__comments svg, .details-article__tag svg { margin-right: 10px; } .details-article__date svg { color: #7835bb; } .details-article__views-count svg { color: #ffaa00; } .details-article__comments svg { color: #0b9f2e; } .details-article__tag { padding: 3.5px 5px; color: #a8a8a8; border: 1px solid #d8d8d8; border-radius: 3px; } .details-article__in-page .details-article__date, .details-article__in-page .details-article__views-count, .details-article__in-page .details-article__comments, .details-article__in-page .details-article__tag { color: #ffffff; } .details-article__in-page svg { color: #ffffff; } @media (min-width: 768px) { .details-article--in-list { margin-top: 13px; margin-bottom: -10px; } } @media (min-width: 1210px) { .details-article--in-list { margin-top: 16px; } } .top-articles__title { margin-top: 0; margin-bottom: 0; padding-bottom: 30px; font-size: 16px; font-weight: 500; line-height: normal; border-bottom: 1px solid #d8d8d8; } .top-articles__list { padding-left: 0; margin: 11px 0 0 0; list-style: none; counter-reset: li; } .top-articles__item { position: relative; padding-top: 19px; padding-bottom: 11px; padding-left: 65px; min-height: 77px; } .top-articles__item::before { counter-increment: li; content: counter(li) " "; position: absolute; left: 0; top: 19px; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 500; border-radius: 3px; background-color: #f1eaf8; line-height: 1; z-index: 1; } .top-articles__name { font-weight: 500; line-height: 21px; font-size: 16px; text-decoration: none; color: #000014; } .top-articles__name:focus { color: rgba(0, 0, 20, 0.3); } .top-articles__item { border-bottom: 1px solid #d8d8d8; } @media (min-width: 1210px) { .top-articles__item { padding-bottom: 18px; } .top-articles__name:hover { color: rgba(0, 0, 20, 0.6); } .top-articles__name:focus { color: rgba(0, 0, 20, 0.3); } } @media (min-width: 1390px) { .top-articles__item { min-height: 79px; padding-top: 19px; padding-bottom: 15px; } } .article-page { margin-bottom: 60px; } .article-page__preview { position: relative; color: #ffffff; background-color: #7835bb; z-index: 1; } .article-page__preview::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%); z-index: -1; } .article-page__img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; z-index: -1; } .article-page__inner--preview { display: flex; flex-direction: column; min-height: 370px; padding-top: 50px; padding-bottom: 40px; z-index: 1; } .article-page__name { margin-top: 0; margin-bottom: 45px; } .article-page__only-text *:first-child { margin-top: 0; } .article-page__only-text *:last-child { margin-bottom: 0; } .article-page__only-text p { margin: 30px 0; color: #000014; font-size: 16px; line-height: normal; } .article-page__only-text h2 { margin-top: 33px; margin-bottom: 30px; font-size: 28px; font-weight: 500; line-height: normal; } .article-page__only-text blockquote { position: relative; padding: 30px; margin: 0; font-size: 20px; font-weight: 500; } .article-page__only-text blockquote::before, .article-page__only-text blockquote::after { content: " "; position: absolute; left: 30px; width: 50px; height: 2px; background-color: #ffaa00; } .article-page__only-text blockquote::before { top: 0; } .article-page__only-text blockquote::after { bottom: 0; } .article-page__only-text a { color: #7835bb; text-decoration: none; border-bottom: 1px dashed #7835bb; } .article-page__only-text a:focus { opacity: 0.3; } .article-page__only-text h1, .article-page__only-text h3, .article-page__only-text h4, .article-page__only-text h5, .article-page__only-text h6 { margin: 33px 0; line-height: normal; font-weight: 500; } .article-page__only-text h1 { font-size: 36px; } .article-page__only-text h3 { font-size: 20px; } .article-page__only-text h4 { font-size: 18px; } .article-page__only-text h5 { font-size: 16px; } .article-page__only-text h6 { font-size: 14px; } .article-page__only-text table { margin: 50px 0; border-collapse: collapse; } .article-page__only-text td { padding: 5px; border: 1px solid #d8d8d8; } .article-page__inner--main-content { margin-top: 30px; } .article-page__reviews { margin-top: 53px; } .article-page__preview-text { flex-grow: 1; } .article-page__right { display: none; } @media (min-width: 768px) { .article-page { margin-bottom: 150px; } } @media (min-width: 992px) { .article-page__inner--preview { padding-top: 180px; padding-bottom: 61px; justify-content: flex-end; } .article-page__preview-text { flex-grow: 0; } .article-page__reviews { margin-top: 70px; } .article-page__inner--main-content { margin-top: 78px; } } @media (min-width: 1210px) { .article-page__left { width: 100%; max-width: 825px; } .article-page__inner--main-content { display: flex; } .article-page__right { display: block; padding-left: 30px; max-width: 345px; width: 100%; } .article-page__right-title { margin-top: 0; margin-bottom: 28px; line-height: 21px; font-size: 16px; font-weight: 500; } .article-page__only-text a:focus { opacity: 0.3; } .article-page__inner--preview { padding-top: 300px; padding-bottom: 50px; } .article-page__only-text td { padding: 20px; } .article-page__more-products { text-align: right; margin-top: 22px; margin-bottom: 0; font-size: 16px; } } @media (min-width: 1390px) { .article-page__left { max-width: 1005px; } .article-page__inner--preview { padding-top: 387px; padding-bottom: 58px; } } .info-site { margin-bottom: 60px; } .info-site__menu { position: relative; margin: 0; padding-left: 0; list-style: none; } .info-site__menu-link { display: flex; justify-content: center; padding: 11px 13px; font-size: 16px; color: #000014; text-decoration: none; background-color: #f5f5f5; border-radius: 21px; } .info-site__menu-link:focus { color: #7835bb; background-color: #f1eaf8; } .info-site__menu-link svg { margin-right: 22px; } .info-site__menu-text { display: block; max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .info-site__menu-item--active .info-site__menu-link { color: #7835bb; background-color: #f1eaf8; } .info-site__page-name { margin-bottom: 20px; } @media (max-width: 767px) { .info-site { margin-top: 25px; } } @media (max-width: 1209px) { .info-site__menu { margin: 0 -20px 31px -20px; } .info-site__menu::before, .info-site__menu::after { content: " "; position: absolute; top: 0; height: 100%; width: 48px; z-index: 1; } .info-site__menu::before { left: 0; background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%); } .info-site__menu::after { right: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%); } .info-site__menu .slick-slide { padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) { .info-site { margin-top: 30px; } .info-site__text { margin-top: 50px; } .info-site { margin-bottom: 100px; } } @media (min-width: 1210px) { .info-site__inner { display: flex; flex-wrap: wrap; } .info-site { margin-bottom: 160px; } .info-site__menu { width: 100%; max-width: 260px; padding-right: 30px; padding-top: 2px; } .info-site__text { margin-top: 0; width: calc(100% - 260px); } .info-site__page-name { width: 100%; margin-bottom: 59px; } .info-site__menu-link { padding: 11px 18px; justify-content: flex-start; background-color: transparent; border-radius: 3px; } .info-site__menu-link[href]:hover { color: rgba(120, 53, 187, 0.6); background-color: #f1eaf8; } .info-site__menu-link[href]:focus { color: #7835bb; background-color: #f1eaf8; } .info-site__menu-text { flex-grow: 1; max-width: calc(100% - 43px); display: block; overflow: initial; white-space: normal; text-overflow: initial; } .info-site__menu-item { margin-bottom: 23px; } .info-site__menu-item:last-child { margin-bottom: 0; } } @media (min-width: 1390px) { .info-site__menu { max-width: 345px; padding-right: 30px; } .info-site__text { width: calc(100% - 345px); } .info-site__menu-text { max-width: 237px; } } .text *:first-child { margin-top: 0; } .text *:last-child { margin-bottom: 0; } .text p { margin: 30px 0; color: #000014; font-size: 16px; line-height: normal; } .text h2 { margin-top: 33px; margin-bottom: 30px; font-size: 28px; font-weight: 500; line-height: normal; } .text blockquote { position: relative; padding: 30px; margin: 0; font-size: 20px; font-weight: 500; } .text blockquote::before, .text blockquote::after { content: " "; position: absolute; left: 30px; width: 50px; height: 2px; background-color: #ffaa00; } .text blockquote::before { top: 0; } .text blockquote::after { bottom: 0; } .text a { color: #7835bb; text-decoration: none; border-bottom: 1px dashed #7835bb; } .text a:focus { opacity: 0.3; } .text h1, .text h3, .text h4, .text h5, .text h6 { margin: 33px 0; line-height: normal; font-weight: 500; } .text h1 { font-size: 36px; } .text h3 { font-size: 20px; } .text h4 { font-size: 18px; } .text h5 { font-size: 16px; } .text h6 { font-size: 14px; } .text table { margin: 50px 0; border-collapse: collapse; } .text td { padding: 5px; border: 1px solid #d8d8d8; } .contacts-page__info-list { margin: 0; padding-left: 0; list-style: none; } .contacts-page__info-list a { position: relative; display: inline-block; padding-left: 41px; font-size: 16px; color: #000014; text-decoration: none; } .contacts-page__info-list a:focus { color: rgba(0, 0, 20, 0.3); } .contacts-page__info-list a svg { position: absolute; left: 0; top: 0; } .contacts-page__info-list li { margin-top: 21px; } .contacts-page__info-list li:first-child { margin-top: 0; } .contacts-page__info-title { margin-bottom: 23px; } .contacts-page__info-list--except-icon a { padding-left: 0; } .contacts-page__info-item { margin-bottom: 31px; } .contacts-page__info-item:last-child { margin-bottom: 0; } .contacts-page__schedule p { margin-top: 21px; margin-bottom: 0; font-size: 16px; } .contacts-page__schedule p:first-child { margin-top: 0; } .contacts-page__form-item { margin-top: 32px; } .contacts-page__form-item:first-child { margin-top: 0; } .contacts-page__form-item .label { margin-top: 0; } .contacts-page__form-item--submit .button { width: 100%; } .contacts-page { margin-bottom: 60px; } .contacts-page__form-text { margin-top: 22px; margin-bottom: 30px; font-size: 14px; line-height: 19px; } .contacts-page__form--title { margin-top: 0; margin-bottom: 22px; font-size: 24px; font-weight: 500; color: #000014; line-height: normal; } .contacts-page__form { margin-top: 32px; } .contacts-page__title { margin-bottom: 30px; } .contacts-page { padding-top: 4px; } .contacts-page__form-item .input--textarea { height: 120px; } @media (min-width: 768px) { .contacts-page__info { padding-right: 30px; width: 100%; max-width: 300px; border-right: 1px solid #d8d8d8; } .contacts-page__inner { display: flex; flex-wrap: wrap; } .contacts-page__title { width: 100%; margin-bottom: 63px; } .contacts-page__form { margin-top: 0; width: 100%; padding-left: 30px; max-width: calc(100% - 300px); } .contacts-page { padding-top: 0; margin-top: 30px; margin-bottom: 149px; } .contacts-page__info-item { margin-bottom: 30px; } } @media (min-width: 992px) { .contacts-page__form { padding-left: 115px; max-width: calc(100% - 376px); } .contacts-page__info { max-width: 376px; } .contacts-page__form form { display: flex; flex-wrap: wrap; } .contacts-page__form-item { width: 100%; } .contacts-page__form-item--name, .contacts-page__form-item--email { margin-top: 0; max-width: 216px; } .contacts-page__form-item--name { margin-right: 29px; } .contacts-page__form-text { margin-bottom: 39px; } .contacts-page__form-item--submit .button { width: auto; padding-left: 20px; padding-right: 23px; } } @media (min-width: 1210px) { .contacts-page__form { padding-left: 124px; max-width: calc(100% - 386px); } .contacts-page__info { max-width: 386px; padding-right: 125px; } .contacts-page__form-item--name, .contacts-page__form-item--email { max-width: 315px; } .contacts-page__form-text { max-width: 660px; } } @media (min-width: 1390px) { .contacts-page__info { max-width: 476px; padding-right: 215px; } .contacts-page__form { padding-left: 214px; max-width: calc(100% - 476px); } } .services-page { margin-bottom: 60px; } .services-page__promo { position: relative; padding-top: 102px; padding-bottom: 98px; min-height: 408px; color: #ffffff; background-image: url("../img/services-promo-modile@1x.jpg"); background-size: cover; z-index: 1; } .services-page__promo::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%); z-index: -1; } .services-page__tariff .tariff__item { cursor: default; } .services-page__promo-title { max-width: 80%; margin: 0 auto 29px auto; text-align: center; line-height: 37px; color: #ffffff; } .services-page__promo-text { margin: 0; font-size: 16px; line-height: 21px; font-weight: 500; text-align: center; } .services-page__tariff { margin-top: 60px; } .services-page__tariff .tariff__content { margin-top: 0; } .services-page__opportunities-list { padding-left: 0; margin: 0; list-style: none; } .services-page__opportunities { margin-top: 29px; } .services-page__opportunities-info p { margin: 22px 0; font-size: 16px; font-weight: 300; } .services-page__opportunities-info a { font-size: 16px; line-height: normal; color: #7835bb; text-decoration: none; } .services-page__opportunities-image { margin-top: 27px; } .services-page__opportunities-item { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #d8d8d8; } .services-page__opportunities-item:first-child { border-top: none; } .services-page__opportunities-image img { width: 100%; } @media (min-width: 375px) { .services-page__promo { min-height: 507px; padding-top: 181px; padding-bottom: 175px; background-image: url("../img/services-promo-modile--iphone@1x.jpg"); } .services-page__promo-title { max-width: 100%; } .services-page__opportunities { margin-top: 37px; } } @media (min-width: 768px) { .services-page__promo { min-height: 661px; padding-top: 253px; padding-bottom: 239px; background-image: url("../img/services-promo-ipad@1x.jpg"); } .services-page { margin-bottom: 121px; } .services-page__tariff .tariff__item { cursor: default; } } @media (min-width: 992px) { .services-page__promo-title { font-size: 50px; line-height: normal; margin-bottom: 61px; } .services-page__promo-text { margin-left: auto; margin-right: auto; max-width: 802px; font-size: 24px; line-height: normal; } .services-page__opportunities-article { display: flex; } .services-page__opportunities-info { max-width: 490px; width: 100%; padding-right: 30px; padding-top: 27px; } .services-page__opportunities-image { margin-top: 0; width: calc(100% - 490px); } .services-page { margin-top: 0; } .services-page__tariff { margin-top: 90px; } .services-page__opportunities-info h2 { font-size: 28px; } .services-page__opportunities { margin-top: 34px; } .services-page__opportunities-info p { margin-bottom: 29px; } .services-page__opportunities-item { padding-top: 56px; padding-bottom: 56px; } .services-page__opportunities-item img { width: auto; } } @media (min-width: 1210px) { .services-page__promo { min-height: 540px; padding-top: 181px; padding-bottom: 179px; background-image: url("../img/services-promo-laptop@1x.jpg"); } .services-page__tariff .tariff__content { max-width: 1006px; margin-left: auto; margin-right: auto; } .services-page__tariff .tariff__item { max-width: 314px; } .services-page__tariff .tariff__item:hover { box-shadow: none; } .services-page__opportunities-info { max-width: 600px; padding-right: 55px; padding-top: 63px; } .services-page__opportunities-image { width: calc(100% - 600px); } .services-page__tariff { margin-top: 130px; } .services-page__opportunities { margin-top: 62px; } .services-page__opportunities-item { padding-top: 60px; padding-bottom: 60px; } .services-page { margin-bottom: 220px; } } @media (min-width: 1390px) { .services-page__promo { min-height: 662px; padding-top: 242px; background-image: url("../img/services-promo-desktop@1x.jpg"); } .services-page__opportunities-info { max-width: 690px; padding-right: 145px; } .services-page__opportunities-image { width: calc(100% - 690px); } .services-page { margin-bottom: 256px; } } .about-project__promo { position: relative; padding-top: 134px; padding-bottom: 128px; min-height: 408px; color: #ffffff; background-color: #7835bb; background-image: url("../img/about-us.jpg"); background-size: cover; background-position: center; z-index: 1; } .about-project__promo::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(48deg, rgba(60, 4, 109, 0.5) 0%, rgba(95, 2, 141, 0.2) 100%); z-index: -1; } .about-project__promo-title { line-height: 32px; color: #ffffff; text-align: center; } .about-project__text { margin-top: 37px; margin-bottom: 0; color: #ffffff; font-size: 16px; line-height: 1.2; text-align: center; font-weight: 500; } .about-project__opportunities { margin-top: 61px; } .about-project__opportunities-title { line-height: 1.2; } .about-project__opportunities-text { margin-top: 42px; margin-bottom: 0; font-size: 16px; } .about-project__opportunities-img { margin-top: 40px; } .about-project__info-card img { border-radius: 8px; } .about-project__info-card::after { content: " "; position: absolute; border-radius: 8px; left: 0; top: 0; height: 100%; width: 100%; background-image: linear-gradient(69deg, rgba(60, 4, 109, 0.5) 0%, rgba(95, 2, 141, 0.2) 100%); z-index: -1; } .about-project__info-card-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; z-index: -2; } .about-project__info-text { margin-top: 33px; font-size: 16px; font-weight: 300; line-height: 1.2; margin-bottom: 0; } .about-project__emotions { margin-top: 60px; } .about-project__emotion-text { margin-top: 31px; margin-bottom: 0; font-size: 16px; line-height: 1.2; } .about-project__emotion-stats { margin-top: 38px; margin-bottom: 0; font-size: 16px; } .about-project__emotion-stats span { font-weight: 500; color: #7835bb; } .about-project__emotion-img { margin-top: 28px; } .about-project__lessons { margin-top: 59px; } .about-project__lessons-list { margin-top: 30px; margin-bottom: 0; padding-left: 0; list-style: none; } .about-project__lessons-item { position: relative; padding-left: 15px; margin-top: 20px; } .about-project__lessons-item:first-child { margin-top: 0; } .about-project__lessons-item::before { content: " "; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; background-color: #ffaa00; border-radius: 50%; } .about-project__lessons-link { display: inline-block; font-size: 16px; line-height: 21px; text-decoration: none; color: #000014; } .about-project__lessons-link:focus { color: rgba(0, 0, 20, 0.3); } .about-project__lessons-count { font-size: 16px; color: #a8a8a8; } .about-project__lessons-count::after { content: ")"; } .about-project__lessons-count::before { content: "("; } .about-project__lessons-load { margin-top: 28px; } .about-project { margin-bottom: 60px; } @media (min-width: 375px) { .about-project__promo { padding-top: 194px; padding-bottom: 191px; min-height: 507px; background-image: url("../img/about-us-iphone.jpg"); } .about-project__promo-title br { display: none; } .about-project__text { margin-top: 39px; } .about-project__opportunities { margin-top: 44px; } .about-project__opportunities-text { margin-top: 35px; } } @media (min-width: 768px) { .about-project__promo { background-image: url("../img/about-us-tablet.jpg"); } .about-project__inner { display: flex; } .about-project__opportunities-inner { display: flex; } .about-project__opportunities-info { width: 100%; max-width: 340px; } .about-project__opportunities-img { margin-left: auto; margin-top: 0; max-width: 340px; width: 100%; } .about-project__lessons-list { -moz-columns: 3; columns: 3; } .about-project__lessons-load { display: none; } .about-project { margin-bottom: 116px; } .about-project__emotions-inner { display: flex; } .about-project__emotions-info { max-width: 340px; } .about-project__emotion-img { max-width: 340px; margin-left: auto; margin-top: 0; } } @media (min-width: 992px) { .about-project__promo { margin-top: 0; } .about-project__promo-title { font-size: 50px; line-height: 66px; } .about-project__text { font-size: 28px; line-height: 37px; } .about-project__opportunities-info { padding-top: 90px; max-width: 465px; } .about-project__opportunities-img { max-width: 461px; } .about-project__emotions-info { padding-top: 112px; max-width: 461px; } .about-project__emotion-img { max-width: 461px; } .about-project { margin-bottom: 121px; } .about-project__promo { padding-top: 253px; padding-bottom: 247px; margin-top: 39px; } .about-project__text { margin-top: 57px; } .about-project__opportunities { margin-top: 100px; } .about-project__opportunities-title { line-height: 1.3; } .about-project__opportunities-text { margin-top: 33px; } .about-project__emotions { margin-top: 99px; } .about-project__lessons { margin-top: 97px; } .about-project__lessons-list { margin-top: 60px; } } @media (min-width: 1210px) { .about-project__opportunities-info { max-width: 560px; } .about-project__promo { margin-top: 0; padding-top: 191px; padding-bottom: 187px; background-image: url("../img/about-us-laptop.jpg"); } .about-project__opportunities { margin-top: 150px; } .about-project__opportunities-info { padding-top: 162px; max-width: 560px; } .about-project__opportunities-img { max-width: 570px; } .about-project__emotions-info { max-width: 517px; padding-top: 157px; } .about-project__emotion-img { max-width: 570px; } .about-project__emotions { margin-top: 150px; } .about-project__lessons { margin-top: 146px; } .about-project__lessons-list { -moz-columns: 4; columns: 4; } .about-project { margin-bottom: 196px; } .about-project__lessons-link:hover { color: rgba(0, 0, 20, 0.6); } .about-project__lessons-link:focus { color: rgba(0, 0, 20, 0.3); } } @media (min-width: 1390px) { .about-project__promo { margin-top: 0; padding-top: 253px; padding-bottom: 245px; background-image: url("../img/about-us-desktop.jpg"); } .about-project__opportunities-img { max-width: 660px; } .about-project__opportunities-info { padding-top: 220px; } .about-project__text { margin-top: 58px; } .about-project__emotion-img { max-width: 660px; } .about-project__emotions-info { padding-top: 196px; } .about-project__emotions { margin-top: 139px; } } .instruction { margin-bottom: 60px; } .instruction__title { font-size: 24px; margin-bottom: 28px; } .instruction__link { padding: 20px 30px; display: block; font-size: 16px; line-height: 21px; font-weight: 500; color: #000014; text-decoration: none; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .instruction__link:focus { color: rgba(0, 0, 20, 0.3); } .instruction__list { display: flex; flex-wrap: wrap; margin: 0; padding-left: 0; list-style: none; } .instruction__item { margin-top: 20px; width: 100%; flex-basis: 100%; } .instruction__item:first-child { margin-top: 0; } .instruction__elements { padding-top: 33px; padding-bottom: 33px; border-bottom: 1px solid #d8d8d8; } .instruction__elements:first-child { padding-top: 0; } .instruction__elements:last-child { padding-bottom: 0; border-bottom: none; } @media (min-width: 768px) { .instruction { margin-top: 28px; } } @media (min-width: 992px) { .instruction { margin-bottom: 100px; } .instruction__link { width: 100%; } .instruction__list { margin-left: -15px; margin-right: -15px; } .instruction__item { display: flex; padding-left: 15px; padding-right: 15px; max-width: 50%; flex-basis: 50%; } .instruction__item:nth-child(2) { margin-top: 0; } .instruction__elements { padding-top: 28px; padding-bottom: 59px; } } @media (max-width: 767px) { .instruction { margin-top: 25px; } } @media (min-width: 1210px) { .instruction { margin-bottom: 140px; } .instruction__link:hover { color: rgba(0, 0, 20, 0.6); } .instruction__link:focus { color: rgba(0, 0, 20, 0.3); } } .instruction-details { margin-bottom: 60px; } .instruction-details__title { margin-bottom: 35px; } @media (min-width: 768px) { .instruction-details { margin-top: 28px; } } @media (min-width: 992px) { .instruction-details { margin-bottom: 150px; } .instruction-details__title { margin-bottom: 59px; } } .popup { position: fixed; padding: 50px 20px; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 20, 0.4); overflow-y: auto; } .popup--open { display: flex; align-items: center; justify-content: center; z-index: 10; } .popup__info p { margin-bottom: 26px; margin-top: 0; } .popup__info p:last-child { margin-bottom: 0; } .mCSB_dragger_bar { margin: 0; width: 3px; } .mCSB_scrollTools .mCSB_draggerRail { margin-right: 0; width: 3px; background-color: #d8d8d8; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; background-color: #a8a8a8 !important; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger { height: 47px !important; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin-right: 0; } .mCSB_inside > .mCSB_container { margin-right: 3px; }