@charset 'UTF-8'; .toast.ng-enter, .toast.ng-leave, div[toast].ng-enter, div[toast].ng-leave { transition: opacity 0.3s linear; } .sweet-alert h2, button, select { text-transform: none; } .btn, .slick-slider { -webkit-user-select: none; } .slick-slider, html { -webkit-tap-highlight-color: transparent; } .footer-block-title, .footer-list a, .offers-wrap, .prix-block .level-name, .profile-messages-status-box > div, .profile-slide-name, .results-number, .review-name, .review-quote, .single-language span, .toast-message, pre { word-wrap: break-word; } #toast-container .toast { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px; background-position: 15px; background-repeat: no-repeat; box-shadow: 0 0 12px #999; color: #fff; opacity: 0.8; } #toast-container .toast:hover { box-shadow: 0 0 12px #000; opacity: 1; cursor: pointer; } #toast-container .toast.toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important; } #toast-container .toast.toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important; } #toast-container .toast.toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; } #toast-container .toast.toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important; } #toast-container.toast-bottom-center .toast, #toast-container.toast-top-center .toast { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-bottom-full-width .toast, #toast-container.toast-top-full-width .toast { width: 96%; margin-left: auto; margin-right: auto; } progress-bar { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; } div[toast] { opacity: 1 !important; } div[toast].ng-enter { opacity: 0 !important; } div[toast].ng-enter.ng-enter-active { opacity: 1 !important; } div[toast].ng-leave { opacity: 1; } div[toast].ng-leave.ng-leave-active { opacity: 0 !important; } @media all and (max-width: 240px) { #toast-container .toast.div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container .toast.div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container .toast.div { padding: 15px 15px 15px 50px; width: 25em; } } .bar-legend, .chart-legend, .doughnut-legend, .line-legend, .pie-legend, .polararea-legend, .radar-legend { -webkit-padding-start: 0; -moz-padding-start: 0; padding-left: 0; } #loading-bar, #loading-bar-spinner { pointer-events: none; -webkit-pointer-events: none; -webkit-transition: 350ms linear all; -moz-transition: 350ms linear all; -o-transition: 350ms linear all; transition: 350ms linear all; } #loading-bar-spinner.ng-enter, #loading-bar-spinner.ng-leave.ng-leave-active, #loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active { opacity: 0; } #loading-bar-spinner.ng-enter.ng-enter-active, #loading-bar-spinner.ng-leave, #loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave { opacity: 1; } #loading-bar .bar { -webkit-transition: width 350ms; -moz-transition: width 350ms; -o-transition: width 350ms; transition: width 350ms; background: #29d; position: fixed; z-index: 10002; top: 0; left: 0; width: 100%; height: 2px; border-bottom-right-radius: 1px; border-top-right-radius: 1px; } #loading-bar .peg { position: absolute; width: 70px; right: 0; top: 0; height: 2px; opacity: 0.45; -moz-box-shadow: #29d 1px 0 6px 1px; -ms-box-shadow: #29d 1px 0 6px 1px; -webkit-box-shadow: #29d 1px 0 6px 1px; box-shadow: #29d 1px 0 6px 1px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } #loading-bar-spinner { display: block; position: fixed; z-index: 10002; top: 10px; left: 10px; } .sweet-alert, .sweet-overlay { position: fixed; display: none; } #loading-bar-spinner .spinner-icon { width: 14px; height: 14px; border: 2px solid transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: loading-bar-spinner 0.4s linear infinite; -moz-animation: loading-bar-spinner 0.4s linear infinite; -ms-animation: loading-bar-spinner 0.4s linear infinite; -o-animation: loading-bar-spinner 0.4s linear infinite; animation: loading-bar-spinner 0.4s linear infinite; } @-webkit-keyframes loading-bar-spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loading-bar-spinner { 0% { -moz-transform: rotate(0); transform: rotate(0); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loading-bar-spinner { 0% { -o-transform: rotate(0); transform: rotate(0); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes loading-bar-spinner { 0% { -ms-transform: rotate(0); transform: rotate(0); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-bar-spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: #000; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; background-color: rgba(0, 0, 0, 0.4); left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; } .sweet-alert { background-color: #fff; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::after, .sweet-alert .sa-input-error::before { content: ''; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: 0; box-shadow: 0 0 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 30ms ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 30ms ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 30ms ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8cd4f5; color: #fff; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer; } .sweet-alert button:focus { outline: 0; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #c1c1c1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { opacity: 0.6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button='false'] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button='false'][data-has-cancel-button='false'] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info::after, .sweet-alert .sa-icon.sa-info::before { content: ''; background-color: #c9dae1; position: absolute; } .sweet-alert .sa-icon.sa-info { border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; } .sweet-alert .sa-icon.sa-info::after { width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; } .sweet-alert .sa-icon.sa-success { border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::after, .sweet-alert .sa-icon.sa-success::before { content: ''; position: absolute; width: 60px; height: 120px; background: #fff; } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation='pop'] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation='none'] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation='slide-from-top'] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation='slide-from-bottom'] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation='pop'] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation='none'] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation='slide-from-top'] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation='slide-from-bottom'] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0%, 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0%, 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0%, 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0%, 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0%, 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 100%, 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0%, 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 100%, 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0%, 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0%, 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #f8d486; } 100% { border-color: #f8bb86; } } @keyframes pulseWarning { 0% { border-color: #f8d486; } 100% { border-color: #f8bb86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #f8d486; } 100% { background-color: #f8bb86; } } @keyframes pulseWarningIns { 0% { background-color: #f8d486; } 100% { background-color: #f8bb86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success { border-color: transparent \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; width: 54px; height: 18px; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -0.2s; -moz-animation-delay: -0.2s; -o-animation-delay: -0.2s; animation-delay: -0.2s; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -0.1s; -moz-animation-delay: -0.1s; -o-animation-delay: -0.1s; animation-delay: -0.1s; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10%, 90% { opacity: 0.5; } 20%, 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10%, 90% { opacity: 0.5; } 20%, 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10%, 90% { opacity: 0.5; } 20%, 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10%, 90% { opacity: 0.5; } 20%, 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [dir='rtl'] .slick-slide { float: right; } .slick-arrow.slick-hidden { display: none; } /*@font-face {*/ /*font-family: slick;*/ /*font-weight: 400;*/ /*font-style: normal;*/ /*src: url(fonts/slick.eot);*/ /*src: url(fonts/slick.eot?#iefix) format('embedded-opentype'), url(fonts/slick.woff) format('woff'), url(fonts/slick.ttf) format('truetype'), url(fonts/slick.svg#slick) format('svg')*/ /*}*/ .slick-next, .slick-prev { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } [dir='rtl'] .slick-prev { right: -25px; left: auto; } [dir='rtl'] .slick-prev:before { content: '→'; } [dir='rtl'] .slick-next { right: auto; left: -25px; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { margin: 0; } /*@font-face {*/ /*font-family: 'Glyphicons Halflings';*/ /*src: url(../fonts/glyphicons-halflings-regular.eot);*/ /*src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')*/ /*}*/ .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .pre-scrollable { max-height: 340px; } .btn-group > .btn-group, .btn-toolbar .btn-group, .btn-toolbar .input-group, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .dropdown-menu { float: left; } @-ms-viewport { width: device-width; } .select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-search { display: none; } .select2-container, .select2-container .select2-selection--single { width: 167px !important; height: 42px; vertical-align: top; outline: 0; } .advantage-image-text, .advantage-img, .partners-logos img, .phone-block a, .phone-number, .phone-tip, .select2-container { vertical-align: middle; } .select2-container--default .select2-selection--single .select2-selection__rendered { text-transform: uppercase; padding-right: 32px; } .select2-container--default .select2-selection--single .select2-selection__arrow { /*background: url(/img/home/select-arrow.png) left center no-repeat*/ } .select2-dropdown { border: 1px solid #000 !important; font-size: 13px; text-transform: uppercase; margin-top: 7px; } .select2-container--default .select2-results__group { font-weight: 700; border-top: 1px solid #000; } .select2-container--default li.select2-results__option:first-child .select2-results__group { border-top: none; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected='true'] { background-color: transparent; color: #ff1f44; text-decoration: underline; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; overflow: hidden; padding-left: 8px; padding-right: 20px; text-overflow: ellipsis; } .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; 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; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { border: none; font-size: 100%; margin-top: 5px; } .select2-dropdown { background-color: #fff; 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; 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--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-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: 700; } .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; border-style: solid; border-width: 5px 4px 0; 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; border-width: 0 4px 5px; } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px; } .select2-container--default .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--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; } .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-selection__placeholder { 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--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--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { 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: 0 0; border: none; outline: 0; } .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: #fff; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f6f6f6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', 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: 700; 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: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; 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: 4px 0 0 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: 0 0; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px; } .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: -webkit-linear-gradient(top, #fff 0, #eee 50%); background-image: -o-linear-gradient(top, #fff 0, #eee 50%); background-image: linear-gradient(to bottom, #fff 0, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', 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: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: #fff; 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: 700; 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; } .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; } /*@font-face {*/ /*font-family: slick;*/ /*src: url(fonts/slick.eot);*/ /*src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");*/ /*font-weight: 400;*/ /*font-style: normal*/ /*}*/ blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } abbr, acronym, fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 400; } ul { list-style: none; } caption, th { text-align: left; } .advantage, .partners-logos, .phone-block, .phone-block a, .single-language span, .single-review, .slogan, h3 { text-align: center; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; } a, a:focus { outline: 0; color: #000; } article, aside, figure, footer, header, nav, section { display: block; } .phone-block a, .phone-tip, .single-profile { display: inline-block; } body, html { font: 15px FuturaStd, sans-serif; } .custom-prediction-label, .review-quote { font-style: italic; } a, input[type='submit'] { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:focus, a:hover { text-decoration: none; } h3 { font-size: 41px; font-weight: 700; color: #575456; } h4 { color: #363636; font-size: 24px; font-weight: 300; text-transform: uppercase; } strong { font-weight: 700; } input, select { outline: 0; } .container { padding: 0 35px; } .information { padding: 42px 0 70px; } .phone-number { font-size: 25px; color: #ff1f44; margin-right: 23px; } .phone-block a { width: 167px; height: 43px; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #ff1f44; border: 0; padding: 15px 0; } .single-review img, .slick-dots li { -webkit-border-radius: 50%; -moz-border-radius: 50%; } .phone-block a:focus, .phone-block a:hover { font-size: 14px; background-color: #fc6464; } .phone-tip { font-size: 13px; font-weight: 400; margin-left: 11px; } .advantages-block { overflow: hidden; margin-top: 45px; } .advantage-img { height: 75px; line-height: 73px; } .advantage-image-text { color: #4ca4d9; font-size: 50px; font-weight: 700; height: 75px; line-height: 106px; } .advantage h4, .advantage h4.blue { font-size: 30px; font-weight: 700; margin-top: 3px; } .advantage-img img { max-height: 100%; } .advantage h4.blue { color: #4ca4d9; } .advantage h4 { color: #ff1f44; } .advantage-text { max-width: 240px; font-size: 17px; font-weight: 400; line-height: 21px; /*background: url(/img/home/advantage-line.jpg) center top no-repeat;*/ padding: 28px 10px 0; margin: 27px auto 20px; } .profiles { background-color: #f1f1f1; padding: 26px 0 0; } .profiles-list { margin-top: 32px; } .single-profile { width: 526px; height: 239px; overflow: hidden; background: #fff; margin: 0 25px 25px 0; } .single-profile .profile-photo { width: auto; height: auto; position: relative; float: right; overflow: hidden; } .single-profile:nth-child(2n) .profile-photo { width: auto; height: auto; position: relative; float: left; overflow: hidden; } .single-profile .profile-photo:after, .single-profile .profile-photo:before { content: ''; display: block; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 20px; position: absolute; top: 91px; left: 0; } .single-profile:nth-child(2n) .profile-photo:after, .single-profile:nth-child(2n) .profile-photo:before { right: 0; border-color: transparent #fff transparent transparent; } .single-language img, .single-profile .profile-photo img { max-width: 100%; max-height: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .single-language:hover img, .single-profile .profile-photo:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .single-profile .profile-photo a, .single-profile .profile-photo a:focus, .single-profile .profile-photo a:hover { display: block; height: 39px; position: absolute; bottom: 31px; left: 56px; font-size: 13px; font-weight: 400; color: #fff; text-transform: uppercase; background-color: #ff1f44; padding: 12px 17px 0; } .single-profile .profile-photo a:focus, .single-profile .profile-photo a:hover { background-color: #fc6464; } .profile-info { width: 262px; height: 239px; float: right; padding: 9px 19px 15px 18px; } .single-profile:nth-child(2n) .profile-info { float: left; } .profile-info-top { overflow: hidden; } .profile-city { float: left; height: 20px; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 400; text-transform: uppercase; /*background: url(/img/home/marker.png) left center no-repeat;*/ padding: 0 0 0 16px; margin-left: 3px; } .profile-price { float: right; max-width: 100px; font-size: 17px; font-weight: 700; color: #ff1f44; } .profile-id { border-bottom: 1px solid #000; padding-bottom: 11px; margin: 24px 0 14px; } .profile-name, .profile-name a { max-width: 100%; font-size: 17px; font-weight: 700; text-transform: uppercase; color: #4ca4d9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .profile-tags > div, .profile-university { font-weight: 400; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .profile-university { font-size: 13px; color: #989898; } .profile-tags { max-height: 100px; overflow: hidden; } .profile-tags > div { display: inline-block; height: 19px; font-size: 10px; background: #ddd; padding: 4px 10px; margin: 0 6px 2px 0; } .more-profiles, .more-profiles:focus, .more-profiles:hover { display: block; font-size: 32px; font-weight: 700; color: #ff1f44; text-align: center; /*background: url(/img/home/more-profiles.png) center bottom no-repeat;*/ padding: 0 0 45px; } .slogan, .slogan h3 { color: #fff; } .more-profiles:focus, .more-profiles:hover { opacity: 0.8; } .loader { width: 32px; height: 32px; background: url(/img/home/loader.gif) no-repeat; margin: 20px auto 10px; } .languages { margin-top: 33px; } .single-language { display: inline-block; width: 340px; height: 237px; position: relative; overflow: hidden; margin: 0 26px 27px 0; } .single-language:nth-child(3n + 3) { margin-right: 0; } .single-language span { text-transform: capitalize; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 32px; font-weight: 700; color: #fff; padding: 93px 0 0; } .slogan { min-height: 322px; /*background: url(/img/home/slogan-back.jpg) no-repeat;*/ background-size: cover; padding: 105px 0 50px; } .slogan p { display: block; max-width: 544px; font-size: 17px; line-height: 24px; margin: 6px auto 0; } .reviews { background: #f5f5f5; padding: 61px 0 102px; } .reviews h3 { color: #4ca4d9; } .single-review { width: 50%; float: left; margin-top: 34px; } .single-review img { display: inline-block; width: 264px; height: 264px; border-radius: 50%; } .review-name { font-size: 17px; color: #54a7da; text-decoration: underline; margin-top: 37px; } .review-quote { max-width: 352px; font-size: 21px; line-height: 24px; margin: 10px auto 0; } .partners { padding: 58px 0 150px; } .partners h3 { color: #48a6da; } .partners-logos { margin-top: 37px; } .partners-logos img { display: inline-block; max-height: 50px; background-color: #204d74; margin: 20px 28px 0 0; } .partners-logos img:last-child { margin: 20px 0 0; } .profile-top-img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 327px; margin-top: 105px; } .profile-main { padding-top: 220px; } .profile-main .container { overflow: hidden; } .profile-main-left { font-size: 14px; font-weight: 700; color: #575456; } .background-white > .profile-main-left { padding-top: 25px; } .profile-main-photo { padding: 10px; border: 3px solid #fff; background-color: #fff; margin-bottom: 10px; } .profile-main-photo img { height: 100%; width: 100%; } .profile-main-left-row { font-size: 13px; font-weight: 700; letter-spacing: 1.2px; border-bottom: 1px solid #cecece; padding: 11px 0 8px; margin-left: 10px; } .profile-main-left-row.stars { padding: 7px 0 9px; } .profile-main-left-row .check-block { margin-right: 9px; margin-left: 0; } .profile-main-right { padding-top: 110px; } @media (max-width: 991px) { .profile-main-right { padding: 0; } } .profile-main-right > .top-contact-button { padding-bottom: 20px; } .profile-main-price { padding: 0; } .profile-main-price div { color: #ff1f44; font-size: 33px; font-weight: 400; } .price-buttons { display: inline-block; margin-left: 35px; margin-top: 40px; text-align: right; float: right; } .profile-main-price a { display: inline-block; width: 100%; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; line-height: 20px; background-color: #ff1f44; border: 0; vertical-align: top; padding: 12px 20px; } .profile-main-price a:focus, .profile-main-price a:hover { background-color: #fc6464; } .profile-main-price a:first-child { margin: 10px 0 0; } .profile-main-name { border-bottom: 1px solid #000; padding: 0 0 11px; } .profile-main-name h1.profile-teacher-title { color: #0090cd; font-size: 33px; font-weight: 700; text-transform: uppercase; text-align: left; } .profile-main-name h1.profile-teacher-title span.profile-teacher-seo { font-size: 10px; font-weight: 200; color: #333; } .profile-main-university { font-size: 24px; font-weight: 200; text-transform: uppercase; margin-top: 5px; } .profile-main-address { display: block; font-size: 14px; font-weight: 700; /*background: url(/img/home/marker.png) no-repeat;*/ padding: 0 0 0 21px; margin: 13px 0 0; } .profile-main-tags { margin-top: 24px; } .profile-main-tags div { display: inline-block; max-width: 100%; font-size: 14px; font-weight: 400; text-transform: uppercase; background: #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 11px 6px; margin: 0 10px 6px 0; } .profile-main-description { padding-bottom: 21px; } .bottom-line { border-bottom: 1px solid #cecece; } .profile-main-courses > h2, .profile-main-description > h2, .profile-main-tags > h2 { color: #ff1f44; font-size: 27px; font-weight: 700; margin-bottom: 10px; } .profile-main-description > h2 { margin: 9px 0 6px; } .profile-main-description p { font-size: 14px; font-weight: 300; line-height: 23px; } .profile-main-courses > h2 { margin: 15px 0 0; } .courses-row { padding-left: 4px; margin-top: 6px; font-weight: 300; } .courses-row .fa { color: #0090cd; width: 42px; } .tab-link, .tab-link:focus { color: #fff; } .courses-row img { vertical-align: bottom; } .courses-row .custom-checkbox { margin-left: 8px; } .courses-row p { font-size: 14px; font-weight: 400; margin-top: 10px; } .profile-tabs-block { margin-top: 44px; } .profile-tabs-block .overlay { background: 0 0; position: relative; height: 443px; top: 443px; margin-top: -443px; pointer-events: all; z-index: 100; } .profile-tabs { display: table; width: 100%; border-bottom: 4px solid #0090cd !important; } .tab-link { display: table-cell; text-transform: uppercase; text-align: center; border-right: 1px solid #a8a8a8; background-color: #969696; padding: 20px 0; border-color: #fff; border-width: 5px 5px 0; border-style: solid; } .tab-link:first-child { border-left: 1px solid #a8a8a8; } .tab-link.open, .tab-link:hover { color: #fff; background-color: #0090cd; border-color: #fff; border-width: 0; border-style: solid; } .map-tab-active, .my-profile-tab-active, .schedule-tab-active { display: none; } .map-tab-active.open, .my-profile-tab-active.open, .schedule-tab-active.open { display: block; padding-bottom: 10px; } .schedule-tab-active h4 { font-size: 24px; font-weight: 400; text-transform: uppercase; color: #363636; margin: 24px 0; } .schedule-tab-active table { width: 100%; font-size: 14px; } .schedule-tab-active table td, .schedule-tab-active table th { text-align: center; border: 1px solid #e5e5e5; padding: 10px 0; width: 140px; } .schedule-tab-active table tbody tr:nth-child(2n + 1) { background-color: #f4f4f4; } .contacts-comments .container { overflow: hidden; } .contacts-block, .user-comment-wrap { float: left; } .user-comment-wrap { width: 795px; } .contacts-block h2, .contacts-block h3, .user-comment-wrap h3 { text-align: center; font-weight: 700; height: 66px; font-size: 18px; color: #fff; line-height: 66px; text-transform: uppercase; background-color: #3b3b3b; } .user-comment-wrap h3 { border-right: 1px solid #fafafa; } .user-comment h4 { padding-bottom: 16px; margin: 42px 0 26px; } .user-comment, .user-recommendation { padding-right: 57px; } .user-recommendation { padding-bottom: 61px; } .user-recommendation h4 { padding-bottom: 13px; margin: 52px 0 20px; } .user-recommendation .custom-checkbox { margin: 0 79px 10px 0; } .contact-info-big, .contacts-block { margin-bottom: 50px; } .contacts-block { width: 287px; background-color: #f0f0f0; } .contact-info-big a { display: block; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; background-color: #ff1f44; padding: 14px 0; width: 40%; margin: 0 auto; } @media (max-width: 640px) { .contact-info-big a { width: 100%; } } .contact-info { padding-bottom: 35px; } .contact-phone { font-size: 33px; font-weight: 700; color: #ff1f44; text-align: center; margin-top: 31px; } .contact-info span, .profile-slide-name, .profile-slide-quote p { font-size: 13px; font-weight: 400; } .contact-info span { display: block; text-align: center; margin-top: 14px; } button.slick-next, button.slick-prev { display: none !important; } .slick-dots { display: block !important; left: 0; } .slick-dots li.slick-active { height: 10px; width: 10px; } .slick-dots li { background: #3b3b3b; border-radius: 50%; vertical-align: middle; } .slick-dots li button, .slick-dots li button:before { height: 7px; width: 7px; padding: 0; } .slick-dots li.slick-active button, .slick-dots li.slick-active button:before { height: 10px; width: 10px; } .profiles-slider { min-height: 255px; padding: 20px 34px 30px; } .profiles-slider img { display: block; height: 81px; width: 81px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 10px auto 11px; } .profile-slide-name { display: block; max-height: 30px; text-decoration: underline; text-align: center; overflow: hidden; margin-bottom: 7px; } .profile-slide-name:hover { color: #898989; text-decoration: underline; } .profile-slide-quote { max-height: 50px; color: #3b3b3b; overflow: hidden; } .profile-slide-quote p { line-height: 16px; } .user-comment-block { overflow: hidden; } .user-comment-img { width: 124px; height: 121px; float: left; background-color: #b5b5b5; margin-right: 21px; } .user-comment-img img { width: 100%; height: 100%; } .custom-checkbox { display: inline-block; } .custom-checkbox input[type='checkbox'], .custom-checkbox input[type='radio'] { display: none; } .custom-checkbox input[type='checkbox'] + label, .custom-checkbox input[type='radio'] + label { padding: 0; margin: 0; } .custom-checkbox input[type='checkbox'] + label span, .custom-checkbox input[type='radio'] + label span { display: inline-block; vertical-align: middle; width: 18px; height: 19px; cursor: pointer; /*background: url(/img/home/checkbox.png) no-repeat;*/ margin: -4px 4px 0 0; } .formation-item-img, .formation-year { vertical-align: top; display: inline-block; } .custom-checkbox input[type='checkbox']:checked + label span, .custom-checkbox input[type='radio']:checked + label span { /*background: url(/img/home/checkbox.png) -20px 0 no-repeat*/ } .comments-block { background-color: #f8f8f8; padding: 0 0 33px; } .comments-block h4, .user-comment-wrap h4 { font-size: 24px; font-weight: 400; text-transform: uppercase; color: #363636; border-bottom: 1px solid #000; } .comments-block h4 { padding-bottom: 16px; margin: 26px 0 36px; } .comments-wrap { margin-bottom: 30px; } .single-comment { display: inline-block; width: 520px; overflow: hidden; font-family: Raleway, sans-serif; margin: 0 36px 15px 0; } .single-comment:nth-child(2n) { margin-right: 0; } .more-comments { float: right; font-size: 14px; font-weight: 700; } .certifie-block, .prix-block { font-size: 16px; font-weight: 600; background-color: #f1f1f1; padding: 40px 0; } .more-comments:active, .more-comments:hover { color: #898989; } .certifie-block { margin-top: 118px; } @media (max-width: 991px) { .certifie-block, .prix-block { margin: 0; padding: 0; visibility: hidden; height: 0; } } .prix-block h3 { color: #ff1f44; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; } .prix-block .level { width: 100%; overflow: hidden; padding: 0 40px 5px; } .prix-block > div > img { margin-bottom: 30px; } .prix-block .level-name { display: block; float: left; } .prix-block .level-price { display: block; max-width: 55px; float: right; word-wrap: break-word; } .profile-tab-column-left { margin-bottom: 50px; } .my-profile-tab-active { padding: 0 70px; } .my-profile-tab-active .title { border-bottom: 1px solid #000; color: #363636; font-size: 24px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10px; margin-top: 30px; } .formation-item { display: block; overflow: hidden; margin: 23px 0; } .formation-item-img { width: 63px; height: 63px; border: 1px solid #d5d5d5; margin: 3px; } .formation-item-img img { width: 100%; height: 100%; } .formation-year { font-weight: 700; width: 40px; font-size: 18px; color: #0090cd; margin: 0 20px 0 17px; } .formation-description-title, .langue-text { font-size: 14px; color: #575456; word-break: break-word; } .formation-description { width: 250px; display: inline-block; } .formation-description-title { font-weight: 700; text-transform: uppercase; } .formation-description-text { font-size: 14px; font-weight: 500; word-break: break-word; margin-top: 2px; } .langue-text { font-weight: 700; padding: 20px 0; } .experience-item { display: block; margin: 8px 0; } .experience-year { display: inline-block; vertical-align: top; font-weight: 700; font-size: 18px; color: #0090cd; margin: 0 35px 0 10px; } .experience-description { width: 310px; display: inline-block; } .experience-description-title { font-size: 14px; font-weight: 700; word-break: break-word; color: #575456; } .experience-description-text { font-size: 14px; font-weight: 500; word-break: break-word; } .search-results-block { background-color: #e9e9e9; padding: 10px 0 44px; } .results-top-filters { font-size: 0; margin: 25px 0 28px; } .results-top-filters-show { margin-top: 80px; } .results-number { text-transform: uppercase; display: inline-block; min-width: 280px; font-size: 24px; color: #000; vertical-align: middle; margin-right: 15px; } .all-button, .all-button:focus, .view-list, .view-list:focus, .view-list:hover { color: #fff; } .all-button, .view-list, .view-map { display: inline-block; height: 72px; font-size: 14px; line-height: 72px; margin-right: 1px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .top-btns-group { display: inline-block; } .all-button { vertical-align: middle; /*background: url(/img/home/all-btn-arrow.png) right 18px center no-repeat #fff;*/ padding: 0 40px 0 25px; -webkit-appearance: none; -webkit-border-radius: 0; } .all-button:hover { background-color: #4d4d4d; color: #fff; } .view-list, .view-map { width: 141px; vertical-align: top; padding: 0 0 0 45px; } .view-list { /*background: url(/img/home/view-list.png) 21px center no-repeat #FF1F44*/ } .view-list:hover { background-color: #fc6464; } .view-map, .view-map:focus, .view-map:hover { color: #f75151; } .view-map { /*background: url(/img/home/view-map.png) 20px center no-repeat #fff*/ } .results-wrap { overflow: hidden; } .results-list { padding: 0 15px 0 0; height: 100%; } @media (max-width: 768px) { .results-list { padding: 0; } } .single-result { background-color: #fff; overflow: hidden; margin: 0 0 27px; } .single-result .result-photo { position: relative; overflow: hidden; padding: 0; } .single-result .result-photo img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .single-result .result-photo:after, .single-result .result-photo:before { display: block; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 20px; position: absolute; top: 43%; right: 0; } .single-result .result-photo:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .result-info { padding: 14px 5px 0; } .result-info-top { padding: 0 5px 4px 15px; overflow: hidden; margin-bottom: 11px; } .result-info-top-left { padding: 0; float: left; } .result-name { display: block; max-width: 100%; font-size: 17px; font-weight: 700; color: #0090cd; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px; } .result-name:focus, .result-name:hover { color: #23527c; } .result-university { display: block; max-width: 100%; font-size: 14px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; } .result-info-top .check-block { display: block; min-width: 130px; margin-bottom: 4px; } .result-info-top .check-block img { margin: -3px 8px 0 0; } .result-info-top-right { padding: 0; float: right; text-align: right; } .result-price-wrapper { float: right; padding: 0; } .result-price { display: block; max-width: 100%; font-size: 17px; color: #333; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; } .result-city, .result-info-tags div { display: inline-block; max-width: 100%; text-transform: uppercase; } .result-city { min-height: 19px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 16px; } .result-stars { width: 85px; height: 15px; float: right; margin: 0; } .result-stars img { width: 100%; height: 100%; } .result-info-text { max-height: 32px; font-size: 14px; line-height: 16px; overflow: hidden; margin-bottom: 15px; } .result-info-tags { max-height: 80px; overflow: hidden; } .result-info-tags div { font-size: 10px; background-color: #dcdcdc; padding: 4px 10px 5px; margin: 0 5px 10px 0; } .results-aside-filters { padding: 0; } .results-pagination { overflow: hidden; } .results-pagination li a { display: block; height: 47px; width: 47px; float: left; background-color: #fff; font-size: 14px; text-align: center; padding: 16px 0 0; margin-right: 1px; } .results-pagination li a.active, .results-pagination li a:hover { background-color: #0090cd; color: #fff; } .results-pagination li a.all-prev { /*background: url(/img/home/all-prev.png) center center no-repeat #fff*/ } .results-pagination li a.prev { /*background: url(/img/home/prev.png) center center no-repeat #fff*/ } .results-pagination li a.all-next { /*background: url(/img/home/all-next.png) center center no-repeat #fff*/ } .results-pagination li a.next { /*background: url(/img/home/next.png) center center no-repeat #fff*/ } #results-map { width: 100%; height: 500px; margin-bottom: 27px; } .results-aside-filters h3 { height: 66px; font-size: 18px; color: #fff; line-height: 66px; text-transform: uppercase; background-color: #3b3b3b; } .results-aside-filters h3.search-title-section { color: #ff1f44; background-color: #fff; } .search-filter { background-color: #fff; padding: 0 0 32px; margin-bottom: 27px; } .filter-title { display: block; font-size: 14px; text-transform: uppercase; color: #ff1f44; margin-bottom: 13px; } .search-filter-wrap { padding: 0 22px; } .search-filter .custom-checkbox { display: block; margin-bottom: 7px; } .search-filter input[type='text'] { height: 44px; width: 202px; font-size: 12px; border: 1px solid #000; padding: 0 19px; } .search-filter input[type='text']::-webkit-input-placeholder { color: #939393; } .search-filter input[type='text']:-moz-placeholder { color: #939393; opacity: 1; } .search-filter input[type='text']::-moz-placeholder { color: #939393; opacity: 1; } .search-filter input[type='text']:-ms-input-placeholder { color: #939393; } .search-filter input[type='submit'] { display: block; height: 43px; width: 167px; font-size: 13px; color: #fff; background-color: #ff1f44; border: 0; padding: 0 38px; margin: 37px auto 0; } .search-filter input[type='submit']:hover { background-color: #fc6464; } .search-contact { background-color: #fff; } .search-contact .contact-phone { margin-top: 18px; } .search-contact .contact-info button { margin: 17px auto 0; } .offers-bg-block { background-color: #e9e9e9; padding: 127px 0 44px; } .offers-wrap { background-color: #fff; text-align: center; overflow: hidden; padding-bottom: 70px; } .offers-wrap h5 { color: #ff1f44; font-size: 41px; font-weight: 700; letter-spacing: 2px; padding: 72px 0 29px; } .offers-wrap p { font-size: 24px; font-weight: 700; letter-spacing: 1px; } .offers-description-text { width: 669px; line-height: 23px; letter-spacing: 2px; text-align: center; font-weight: 300; margin: 20px auto 8px; padding: 0 15px; } .offers-wrap a { display: block; color: #4ca4d9; font-size: 25px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 14px; } body.messages { background-color: #eee; } .profile-messages-status-box > div { width: 260px; background-color: #f8f7f7; text-align: center; margin: 15px 0 0; } .profile-messages-status-box > div:first-child { margin: 41px 0 0; } .profile-messages-status-box > div h3 { background-color: #fff; color: #ff1f44; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 17px; letter-spacing: 1.3px; padding: 21px 25px 10px; } .profile-messages-status-box > div p { height: 45px; font-size: 14px; font-weight: 700; letter-spacing: 1.3px; padding: 15px 0 16px; } .profile-messages-status-box > div:last-child h3 { padding: 13px 25px 18px; } .profile-messages-main-name h2 { color: #0090cd; font-size: 25px; font-weight: 700; text-transform: uppercase; text-align: left; letter-spacing: 3.1px; } .description-title, .profile-messages-description > h5 { font-size: 18px; font-weight: 700; letter-spacing: 1.8px; } .profile-messages-description { background-color: #fff; padding: 23px 60px 1px 20px; } .profile-messages-description > h5 { color: #ff1f44; text-transform: uppercase; border-bottom: 1px solid #cecece; padding-bottom: 10px; margin: 0 0 20px; } .description-title { display: block; margin: 0 0 6px; } .profile-messages-description > p { letter-spacing: 1px; margin-bottom: 15px; } .profile-messages-description ul li { display: list-item; font-size: 14px; font-weight: 500; letter-spacing: 1.3px; list-style: disc inside; margin: 0 0 4px 4px; } .profile-messages-block h3 { height: 55px; font-size: 14px; color: #fff; line-height: 55px; text-transform: uppercase; letter-spacing: 1.3px; background-color: #0090cd; } .conversation-title { display: block; color: #ff1f44; font-size: 33px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; } .profile-messages-conversations { background-color: #fff; padding: 34px 50px 100px 31px; } .profile-messages-conversations h4 { border-bottom: 1px solid #000; color: #363636; font-size: 24px; font-weight: 300; text-transform: uppercase; padding-bottom: 12px; } @media only screen and (max-device-width: 500px) { .profile-messages-conversations { padding: 20px 0 0 10px !important; } .profile-messages-conversations h4 { border-bottom: 0 solid #000 !important; color: #363636 !important; font-size: 17px !important; font-weight: 300; text-transform: uppercase; padding-bottom: 5px; } } .profile-chat-wrap { overflow: hidden; border-bottom: 1px solid #a3a3a3; } .interlocutors, .messages-block { overflow-y: auto; overflow-x: hidden; } .conversations-block { width: 312px; float: left; margin-right: 25px; } .interlocutors { height: auto; padding: 25px 0; } .messages-block { width: 663px; float: left; } .single-interlocutor { display: block; width: 100%; overflow: hidden; background-color: #f0f0f0; cursor: pointer; padding: 10px; margin-bottom: 1px; } .single-interlocutor.active, .single-interlocutor:hover { background-color: #0090cd; color: #fff; } .interlocutor-img { width: 68px; height: 68px; float: left; background-color: #b5b5b5; margin-right: 10px; } .interlocutor-img img { width: 100%; height: 100%; } .interlocutor-text { float: left; color: #898989; font-size: 14px; font-weight: 300; } .interlocutor-text p { width: 185px; height: 40px; overflow: hidden; line-height: 20px; } .interlocutor-label { width: 185px; overflow: hidden; margin: 8px 0 4px; font-weight: 700; } .interlocutor-name a { width: 140px; display: block; font-weight: 700; float: left; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .interlocutor-name a:active { color: #000; } .interlocutor-date { float: right; } .conversation-form-block { width: 100%; overflow: hidden; margin-top: 37px; } .single-interlocutor.active .interlocutor-name, .single-interlocutor.active .interlocutor-text, .single-interlocutor:hover .interlocutor-name, .single-interlocutor:hover .interlocutor-text { color: #fff; } .new-messages { float: right; display: block; min-width: 21px; font-size: 12px; color: #fff; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 3px; margin: 28px 0 0; } .messages-branch { height: 500px; overflow-x: hidden; overflow-y: auto; padding: 22px 36px 0 0; } .single-message { font-size: 14px; margin-bottom: 44px; } .single-message-top { overflow: hidden; margin-bottom: 9px; } .single-message-name { max-width: 350px; float: left; color: #0090cd; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 3px; } .single-message-name a { color: #0090cd; } .incoming .single-message-name, .incoming .single-message-name a { color: #ff1f44; } .single-message-date { float: right; margin-right: 4px; font-style: italic; } .single-message-text { line-height: 20px; background-color: #b2ddf0; padding: 33px 23px 35px 31px; } .incoming .single-message-text { background-color: #fecdcd; } .steps-block { background-color: #e9e9e9; padding: 126px 0 44px; } .steps-wrap { background-color: #fff; text-align: center; padding: 58px 15px 78px; } .steps-top h3 { font-size: 41px; font-weight: 700; letter-spacing: 1.8px; margin-bottom: 30px; } .single-step h4, .steps-top p { letter-spacing: 1.2px; font-weight: 700; } .steps-top a { color: #337ab7; } .red .steps-top h3 { color: #ff1f44; } .blue .steps-top h3 { color: #4ca4d9; } .steps-top p { max-width: 520px; font-size: 24px; color: #535353; line-height: 29px; margin: 0 auto 51px; } .blue .steps-top p { max-width: 795px; } .single-step .step-number { display: inline-block; width: 46px; height: 46px; font-size: 25px; font-weight: 700; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding-top: 6px; margin-bottom: 9px; } .red .single-step .step-number { color: #ff1f44; border: 1px solid #ff1f44; } .blue .single-step .step-number { color: #4ca4d9; border: 1px solid #4ca4d9; } .single-step h4 { font-size: 24px; } .red .single-step h4 { color: #ff1f44; } .blue .single-step h4 { color: #4ca4d9; } .single-step-text { /*background: url(/img/home/advantage-line.jpg) center top no-repeat;*/ padding: 26px 0 0; margin: 31px 0 71px; } .single-step-text p { max-width: 560px; font-size: 16px; line-height: 23px; letter-spacing: 1.5px; margin: 0 auto; } .steps-wrap.faq { padding: 67px 15px 78px; } .faq .steps-top h3 { color: #ff1f44; margin-bottom: 53px; } .faq .single-step-text { margin: 31px 0 60px; } .about-block { background-color: #e9e9e9; padding: 126px 0 0; } .about-success, .about-values { background-color: #fff; text-align: center; margin-bottom: 24px; } .about-success { padding-bottom: 100px; } .about-top-img { width: 100%; height: 505px; /*background: url(/img/home/about-top.jpg) no-repeat;*/ background-size: cover; } .about-success-top { padding: 75px 15px 0; } .about-values .about-success-top { padding: 69px 15px 0; margin-bottom: 86px; } .about-success-top h3 { font-size: 41px; font-weight: 700; letter-spacing: 2px; color: #ff1f44; margin-bottom: 29px; } .about-success-top p, .single-advantege h4 { font-size: 24px; letter-spacing: 1.2px; font-weight: 700; } .about-values .about-success-top h3 { margin-bottom: 33px; } .about-success-top p { max-width: 765px; margin: 0 auto; } .about-values .about-success-top p { max-width: 810px; } .about-advantages { overflow: hidden; margin-top: 62px; } .single-advantege .advantage-img { height: 70px; line-height: 68px; } .single-advantege { width: 33.33%; float: left; text-align: center; } .single-advantege h4 { max-width: 185px; color: #ff1f44; padding: 0 15px; margin: 0 auto; } .single-advantege:first-child h4 { max-width: 265px; } .single-advantege-text { /*background: url(/img/home/advantage-line.jpg) center top no-repeat;*/ padding: 27px 35px 0; margin: 29px 0 0; } .single-advantege:first-child .single-advantege-text { padding: 27px 35px 0 60px; } .single-advantege:last-child .single-advantege-text { padding: 27px 50px 0 35px; } .single-advantege-text p { font-size: 16px; line-height: 23px; letter-spacing: 1.5px; } .single-value { width: 538px; display: inline-block; vertical-align: top; margin-bottom: 77px; } .single-value h5 { font-size: 33px; font-weight: 700; color: #4ca4d9; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 18px; } .quote-author, .single-value-quote { font-size: 16px; letter-spacing: 0.8px; font-weight: 700; } .single-value-quote { max-width: 280px; margin: 0 auto 13px; } .quote-author { display: block; color: #ff1f44; margin-bottom: 26px; } .single-value-text { max-width: 315px; font-size: 15px; letter-spacing: 1.5px; margin: 0 auto; } .single-value-text p { line-height: 21px; margin-bottom: 21px; } @media (min-width: 1154px) { .container { width: 1154px; } #footer { padding: 85px 0 20px; } .footer-logo { display: inline-block; margin: 55px 32px 0 -8px; } .single-profile:nth-child(2n) { margin: 0 0 25px; } .single-profile .profile-photo, .single-profile:nth-child(2n) .profile-photo { float: right; } .single-profile:nth-child(2n) .profile-photo:after, .single-profile:nth-child(2n) .profile-photo:before { border-color: transparent transparent transparent #fff; left: 0; } .single-profile.even-row .profile-photo { float: left; } .single-profile.even-row .profile-photo:after, .single-profile.even-row .profile-photo:before { border-color: transparent #fff transparent transparent; left: auto; right: 0; } } @media (min-width: 992px) and (max-width: 1153px) { .single-result { height: 240px; } .result-photo { width: 230px; height: 252px; } .result-info { width: 354px; padding: 14px 0 0; } #footer { text-align: center; } .footer-list { text-align: left; } .single-language { width: 290px; height: 202px; margin: 0 10px 15px 0; } .single-profile { height: auto; } .single-profile, .single-profile:nth-child(2n + 2) { display: block; margin: 0 auto 25px; } .price-buttons { display: block; margin: 10px 0 0; } .user-comment-wrap { width: 612px; } .user-comment, .user-recommendation { padding-right: 40px; } .single-comment { width: 425px; } .comment-text { width: 330px; } .my-profile-tab-active { padding: 0 30px; } .results-number { width: 100%; margin: 0 0 15px; } .view-list, .view-map { width: 195px; } .results-pagination li a { height: 37px; width: 37px; padding: 10px 0 0; } .messages-block { width: 481px; } .messages-block .single-message-name { max-width: 300px; } .single-value { width: 447px; } } @media (min-width: 640px) and (max-width: 991px) { .home-header .logo { /*background: url(/images/home/logo.png) no-repeat*/ } .navbar-nav > li { font-size: 16px; } #header.home-header { background-color: #fff; } .home-header .navbar-nav > li > a { color: #313131; } .home-header .navbar-nav > li > a.send-course { color: #f45363; } .home-header.visible .navbar-nav > li > a.send-course, .navbar-nav > li > a.send-course { width: 100%; text-align: left; } .home-header .navbar-nav > li > a.send-course:hover { color: #fff; } #footer { text-align: center; } .footer-list { width: 240px; text-align: left; } .footer-list:nth-child(2n + 2) { margin-right: 0; } .footer-block-title { font-size: 20px; } .footer-list ul { border: 0; } .footer-list a { font-size: 18px; } .search-block { min-height: 400px; padding: 175px 0 20px; } .search { width: 100%; } .search-form input[type='submit'] { margin-top: 20px; } .phone-number { margin-right: 15px; } .phone-tip { margin-left: 0; } .single-language, .single-language:nth-child(3n + 3) { width: 327px; height: 228px; margin: 0 13px 20px 0; } .single-language:nth-child(2n + 2) { margin-right: 0; } .single-profile, .single-profile:nth-child(2n + 2) { margin: 0 auto 25px; display: block; } .single-profile { height: auto; } .price-buttons { display: block; margin: 30px 0 80px; } .contacts-block, .user-comment-wrap { float: none; width: 100%; } .user-comment, .user-recommendation { padding-right: 0; } .single-comment { width: 100%; margin: 0 0 15px; } .comment-text { width: 450px; } .more-comments { display: block; float: none; text-align: center; } .my-profile-tab-active { padding: 0; } .formation-description { width: 520px; } .experience-description { width: 580px; } .results-number { min-width: 100%; text-align: center; margin-bottom: 15px; } .all-button, .top-btns-group, .view-list, .view-map { display: block; width: 100%; } .search-filter input[type='text'] { width: 100%; } .results-pagination li a { height: 41px; width: 41px; padding: 10px 0 0; } .messages-block { width: 260px; } .messages-block .single-message-name { max-width: 130px; } .about-top-img { height: 305px; } .single-value { width: 337px; } } @media (max-width: 991px) { .single-result .result-photo:after, .single-result .result-photo:before { border-color: transparent transparent #fff; bottom: 0; top: auto; right: 48%; } } @media (max-width: 767px) { .conversation-title, .experience-description, .formation-description, .formation-year, .langue-text, .my-profile-tab-active .title, .profile-messages-main-name h2, .results-number, .single-interlocutor { text-align: center; } .single-language, .single-language:nth-child(2n + 2), .single-language:nth-child(3n + 3) { display: block; margin: 0 auto 27px; } .schedule-tab-active table td, .schedule-tab-active table th { font-size: 10px; } .schedule-tab-active table td img { max-width: 100%; } .user-comment-img { float: none; margin: 0 auto 20px; } .single-profile { display: block; margin: 0 auto 25px; height: auto; } .my-profile-tab-active { padding: 0; } .formation-item-img { display: block; margin: 10px auto 0; } .formation-year { display: block; margin: 5px 0; } .formation-description { display: block; width: 100%; } .formation-description-text { margin: auto; } .experience-year { display: block; text-align: center; margin: 10px 0; } .experience-description { display: block; width: 100%; } .results-number { min-width: 100%; margin-bottom: 15px; } .all-button, .top-btns-group, .view-list, .view-map { display: block; width: 100%; } .messages-branch, .new-messages { display: none; } .result-stars { float: none; } .result-info-tags { max-height: none; } .offers-description-text { width: 100%; } .offers-wrap a { font-size: 16px; } .profile-chat-wrap { border-bottom-width: 0; } .conversations-block, .messages-block { width: 100%; float: none; } .interlocutor-img, .interlocutor-text, .new-messages { float: none; margin: 0 auto; } .interlocutor-label { width: 100%; text-align: left; } .interlocutor-text p { width: 100%; } .messages-block { margin-top: 20px; } .interlocutors, .messages-branch { height: 250px; } .interlocutors { padding: 5px 0 !important; } .single-interlocutor { max-height: 50px; padding: 10px; } .about-success, .about-values { padding-bottom: 30px; } .about-top-img { height: 205px; } .single-advantege { width: 100%; float: none; margin-bottom: 30px; } .single-advantege-text { padding: 27px 15px 0; } .single-value { width: 100%; margin-bottom: 45px; } .single-value-quote, .single-value-text { max-width: 100%; padding: 0 30px; } } @media (max-width: 639px) { .comment-img, .comment-text, .messages, .more-comments, .single-profile .profile-info, .single-profile .profile-photo { float: none; } .home-header .logo, .home-header.visible .logo, .logo { width: 200px; height: 37px; margin: 8px 5px 0 0; } .footer-blocks, .footer-list, .search { width: 100%; } .home-header .logo { /*background: url(/images/home/logo.png) no-repeat;*/ background-size: contain; } .navbar-nav > li { font-size: 18px; } #header.home-header { background-color: #fff; } .home-header .navbar-nav > li > a { color: #313131; } .home-header .navbar-nav > li > a.send-course { color: #f45363; } .home-header.visible .navbar-nav > li > a.send-course, .navbar-nav > li > a.send-course { width: 100%; text-align: left; } .comment-name, .more-comments { text-align: center; } .home-header .navbar-nav > li > a.send-course:hover { color: #fff; } .footer-list { display: block; } .footer-block-title { font-size: 20px; } .footer-list ul { border: 0; } .footer-list a { font-size: 18px; } .search-block { min-height: 350px; padding: 125px 0 20px; } .post-code, .search-form input[type='submit'], .search-form input[type='text'], .select2, .select2-container .select2-selection { width: 100% !important; display: block; margin-top: 20px; } .advantage, .single-review { width: 100%; } .slogan { min-height: 202px; padding: 55px 0 50px; } .phone-number { display: block; margin: 0 0 10px; } .phone-tip { display: block; margin: 10px 0 0; } .advantage-text { max-width: 100%; } .single-language, .single-language:nth-child(2n + 2), .single-language:nth-child(3n + 3) { display: block; width: 250px; height: 174px; margin: 0 auto 27px; } .single-language span { padding: 63px 0 0; } .single-profile, .single-profile:nth-child(2n + 2) { display: block; margin: 0 auto 25px; height: auto; width: 264px; } .single-profile .profile-photo:after, .single-profile .profile-photo:before, .single-profile:nth-child(2n) .profile-photo:after, .single-profile:nth-child(2n) .profile-photo:before { border-color: transparent transparent #fff; left: 110px; bottom: 0; right: auto; top: auto; } .price-buttons { display: block; margin: 10px 0 0; } .profile-tabs { display: block; } .tab-link { display: block; border: 1px solid; } .contacts-block, .user-comment-wrap { float: none; width: 100%; } .user-comment, .user-recommendation { padding-right: 0; } .single-comment { width: 100%; margin: 0; } .comment-img { margin: 0 auto 15px; } .comment-text { width: 100%; } .more-comments { display: block; } .search-filter input[type='text'] { width: 100%; } .results-pagination li a { height: 41px; width: 41px; padding: 10px 0 0; } .messages, .offers-description-text, .profile-messages-status-box > div { width: 100%; } .offers-wrap a { font-size: 16px; } .profile-messages-main-name { margin-top: 20px; } .profile-messages-description { padding: 23px 20px 21px; text-align: center; } .profile-messages-description ul { display: inline-block; } .profile-messages-description ul li { text-align: left; } .messages-branch { padding: 22px 0 0; } #take-contact div.col-xs-2 { width: 33%; } #take-contact .checkbox-inline.col-xs-offset-4, #take-contact div.col-xs-4, #take-contact div.col-xs-6 { width: 63%; } #take-contact label.col-xs-4 { width: 36%; } } .profile-main-name h1.profile-teacher-title span.profile-teacher-price { color: #ff1f44; float: right; text-transform: lowercase; } #account h4, #findTutor a, #pricingModal .header h1, .promo-code-field, .user-comment-text .send-mail, .wrap-profile h4 { text-transform: uppercase; } #topSearch #searchBarAside .chosen-container .chosen-single { padding-left: 27px; } .pac-container { background-color: #fff; position: absolute !important; z-index: 1000; border-radius: 2px; border-top: 1px solid #d9d9d9; font-family: Arial, sans-serif; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .slick-dots li button:before, .slick-next:before, .slick-prev:before { font-family: slick; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pac-container:after { content: ''; padding: 1px 1px 1px 0; height: 16px; text-align: right; display: block; /*background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);*/ background-position: right; background-repeat: no-repeat; background-size: 104px 16px; } .hdpi.pac-container:after { /*background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png)*/ } .pac-item { cursor: default; padding: 0 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px; text-align: left; border-top: 1px solid #e6e6e6; font-size: 11px; color: #999; } .pac-item:hover { background-color: #fafafa; } .pac-item-selected, .pac-item-selected:hover { background-color: #ebf2fe; } .pac-matched { font-weight: 700; } .pac-item-query { font-size: 13px; padding-right: 3px; color: #000; } .pac-icon { width: 15px; height: 20px; margin-right: 7px; margin-top: 6px; display: inline-block; vertical-align: top; /*background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);*/ background-size: 34px; } .hdpi .pac-icon { /*background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)*/ } .pac-icon-search { background-position: -1px -1px; } .pac-item-selected .pac-icon-search { background-position: -18px -1px; } .pac-icon-marker { background-position: -1px -161px; } .pac-item-selected .pac-icon-marker { background-position: -18px -161px; } .pac-placeholder { color: gray; } .toast-title { font-weight: 700; } .toast-message a, .toast-message label { color: #fff; } .toast-message a:hover { color: #ccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: 0.8; } .toast-top-center, .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #fff; opacity: 0.8; } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; cursor: pointer; } #toast-container > .toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important; } #toast-container > .toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important; } #toast-container > .toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; } #toast-container > .toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important; } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin: auto; } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; } .toast { opacity: 1 !important; } .toast.ng-enter { opacity: 0 !important; } .toast.ng-enter.ng-enter-active { opacity: 1 !important; } .toast.ng-leave { opacity: 1; } .toast.ng-leave.ng-leave-active { opacity: 0 !important; } @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } .bar-legend, .chart-legend, .doughnut-legend, .line-legend, .pie-legend, .polararea-legend, .radar-legend { list-style-type: none; margin-top: 5px; text-align: center; } .bar-legend li, .chart-legend li, .doughnut-legend li, .line-legend li, .pie-legend li, .polararea-legend li, .radar-legend li { display: inline-block; white-space: nowrap; position: relative; margin-bottom: 4px; border-radius: 5px; padding: 2px 8px 2px 28px; font-size: smaller; cursor: default; } .bar-legend li span, .chart-legend li span, .doughnut-legend li span, .line-legend li span, .pie-legend li span, .polararea-legend li span, .radar-legend li span { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 5px; } .slick-list, .slick-slider, .slick-track { position: relative; display: block; } .slick-slider { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-loading .slick-list { /*background: url(ajax-loader.gif) center center no-repeat #fff*/ } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { left: 0; top: 0; } .slick-track:after, .slick-track:before { content: ''; display: table; } .slick-track:after { clear: both; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /*@font-face {*/ /*font-family: slick;*/ /*src: url(fonts/slick.eot);*/ /*src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");*/ /*font-weight: 400;*/ /*font-style: normal*/ /*}*/ .slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: 0 0; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: 0; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: 0; background: 0 0; color: transparent; } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1; } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25; } .slick-next:before, .slick-prev:before { font-size: 20px; line-height: 1; color: #fff; opacity: 0.75; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: '←'; } .slick-next:before, [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { left: -25px; right: auto; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-slider { margin-bottom: 30px; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: 0 0; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0; } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: '•'; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: 0.25; } .slick-dots li.slick-active button:before { color: #000; opacity: 0.75; } .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient( linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4) ); background: -webkit-linear-gradient( top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100% ); background: -moz-linear-gradient( top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100% ); background: -o-linear-gradient( top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100% ); background: linear-gradient( top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100% ); background-clip: padding-box; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; /*background: url(chosen-sprite.png) -42px 1px no-repeat;*/ font-size: 1px; } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; /*background: url(chosen-sprite.png) 0 2px no-repeat*/ } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type='text'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; /*background: url(chosen-sprite.png) 100% -20px no-repeat;*/ font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient( linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc) ); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient( linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff) ); background-image: -webkit-linear-gradient(#eee 1%, #fff 15%); background-image: -moz-linear-gradient(#eee 1%, #fff 15%); background-image: -o-linear-gradient(#eee 1%, #fff 15%); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type='text'] { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: 0 0 !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient( linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee) ); background-image: -webkit-linear-gradient( #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); background-image: -moz-linear-gradient( #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); background-image: -o-linear-gradient( #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); background-image: linear-gradient( #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; /*background: url(chosen-sprite.png) -42px 1px no-repeat;*/ font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient( linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee) ); background-image: -webkit-linear-gradient( top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); background-image: -moz-linear-gradient( top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); background-image: -o-linear-gradient( top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); background-image: linear-gradient( top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100% ); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient( linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff) ); background-image: -webkit-linear-gradient(#eee 20%, #fff 80%); background-image: -moz-linear-gradient(#eee 20%, #fff 80%); background-image: -o-linear-gradient(#eee 20%, #fff 80%); background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: 0; background: 0 0; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type='text'] { color: #111 !important; } .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type='text'] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: 0; } .chosen-rtl .chosen-search input[type='text'] { padding: 4px 5px 4px 20px; /*background: url(chosen-sprite.png) -30px -20px no-repeat;*/ direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type='text'], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type='text'] { /*background-image: url(chosen-sprite@2x.png) !important;*/ background-size: 52px 37px !important; background-repeat: no-repeat !important; } } .wrap-profile { background-color: #eee; } .wrap-profile .account-main { padding-top: 103px; } .wrap-profile .profile-body { margin-bottom: 35px; background-color: #fff; padding: 34px 50px 50px 31px; } .wrap-profile h4 { color: #363636; font-size: 24px; font-weight: 300; margin-bottom: 16px; } .wrap-profile .btn-update { color: #fff; border-radius: 0; background-color: #2ecc71; border-color: #1abc9c; } .wrap-profile .form-horizontal .control-label, .wrap-profile .form-vertical .control-label { font-weight: 300; font-size: 16px; } .wrap-profile #topic-profil.form-vertical .control-label, .wrap-profile .form-vertical .control-label { padding: 0 0 9px; } .wrap-profile .info-box { font-weight: 300; font-size: 14px; } .wrap-profile #topic-profil .control-label { margin-bottom: 0; padding-left: 27px; text-align: left; } .wr .messages { background-color: #eee; } .first-hour-free:focus, .first-hour-free:hover { color: #fff; margin-left: 15px; } .pagination { padding-left: 0 !important; } .search-form .custom-select optgroup, .search-form .custom-select option { color: #000; background: #fff; } .slider { position: relative; height: 99px; } .slider .slider:hover { cursor: pointer; } .slider .slider-auto-cursor .slider-auto-cursor:hover { cursor: auto; } .slider .slider-bar { position: absolute; top: 29px; left: -1px; width: 100%; height: 9px; border-radius: 4px; } .slider .slider-progress { position: relative; height: 9px; border-radius: 4px; } .slider .slider-progress .slider-progress-transition { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .slider .slider-handle { position: absolute; top: -5px; right: -30px; width: 40px; height: 23px; /*background: url(/img/slider/slider-handle.png) left top no-repeat;*/ user-drag: none; -moz-user-select: none; -webkit-user-drag: none; z-index: 20; } .slider .slider-label-bar { position: relative; height: 60px; top: 39px; } .slider .slider-label-bar .slider-label { font-size: 10px; background-color: transparent; font-weight: 700; color: #555; } .slider .slider-label-bar .slider-label .contentSlider { position: relative; left: -50%; /*background: url(/img/slider/slider-label-small-mark.png) 50% top no-repeat;*/ padding-top: 16px; height: 45px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .slider .slider-label-bar .active .contentSlider { position: relative; left: -50%; height: 60px; /*background: url(/img/slider/slider-label-mark.png) 50% top no-repeat;*/ padding-top: 27px; } .slider-progress-transition { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .slider-vertical { position: relative; top: 0; width: 75px; padding-left: 10px; } .slider-vertical .slider-vertical:hover { cursor: pointer; } .slider-vertical .slider-vertical-auto-cursor .slider-vertical-auto-cursor:hover { cursor: auto; } .slider-vertical .slider-vertical-bar { position: absolute; top: -1px; left: 9px; height: 100%; width: 5px; background: orange; border-radius: 4px; } .slider-vertical .slider-vertical-progress { position: relative; width: 5px; background-color: grey; border-radius: 4px; height: 100%; } .slider-vertical .slider-vertical-handle { position: absolute; /*background: url(/img/slider/slider-handle-vertical.png) left top no-repeat;*/ width: 18px; height: 39px; right: -7px; bottom: -23px; z-index: 1; user-drag: none; -moz-user-select: none; -webkit-user-drag: none; } .slider-vertical .slider-vertical-handle .slider-vertical-handle-transition { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .slider-vertical .slider-vertical-label-bar { position: relative; width: 60px; left: 15px; } .slider-vertical .slider-vertical-label-bar .slider-label { font-size: 10px; background-color: transparent; } .slider-vertical .slider-vertical-label-bar .slider-label .contentSlider { position: relative; background-color: transparent; top: -50%; height: 20px; margin-top: -10px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .slider-vertical .slider-vertical-label-bar .slider-label .active { color: green; font-size: 18px; } .slider-vertical .slider-vertical-label-bar .slider-label .active .contentSlider { position: relative; top: -50%; height: 30px; margin-top: -15px; } .toggle-switch { border: 1px solid; cursor: pointer; display: inline-block; text-align: left; overflow: hidden; line-height: 8px; min-width: 100px; } .toggle-switch.disabled > div > span.knob { background: #aaa; } .toggle-switch span { cursor: pointer; display: inline-block; float: left; height: 100%; line-height: 20px; padding: 4px; text-align: center; width: 33%; white-space: nowrap; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .toggle-switch > div { position: relative; width: 150%; } .toggle-switch .knob { background: #f5f5f5; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 34%; z-index: 100; } .toggle-switch .switch-on { left: 0; } .toggle-switch .switch-off { left: -50%; } .toggle-switch .switch-left, .toggle-switch .switch-right { z-index: 1; } .toggle-switch .switch-left { color: #fff; background: #005fcc; } .toggle-switch .switch-right { color: #333; background: #f0f0f0; } .toggle-switch-animate { transition: left 0.5s; -o-transition: left 0.5s; -moz-transition: left 0.5s; -webkit-transition: left 0.5s; } #account .account-main { padding-top: 103px; } #account { margin-bottom: 35px; background-color: #fff; padding: 34px 50px 50px 61px; } #account h4 { color: #363636; font-size: 24px; font-weight: 300; margin-bottom: 16px; } #account .btn-update { color: #fff; border-radius: 0; background-color: #2ecc71; border-color: #1abc9c; } #account .form-horizontal .control-label, .#account .form-vertical .control-label { font-weight: 300; font-size: 16px; } #account #topic-profil.form-vertical .control-label, .#account .form-vertical .control-label { padding: 0 0 9px; } #account .info-box { font-weight: 300; font-size: 14px; } #account #topic-profil .control-label { margin-bottom: 0; padding-left: 27px; text-align: left; } .messages { background-color: #eee; } .messages .background-white { background-color: #fff; } .messages .profile-main { padding-top: 103px; } .messages .profile-main-left-row .check-block, .messages .profile-main-left-row a, .messages span.description-title { color: #575456; } .messages .profile-main-left-row a:focus, .messages .profile-main-left-row a:hover { color: #0090cd; } #empty-mail-box h4 { border: none; } #report table th { background-color: #4ca4d9; color: #fff; width: 60px; } #report table .accept { color: #fff; border-radius: 0; background-color: #4ca4d9; border-color: #0090cd; } #report table .refuse { color: #fff; border-radius: 0; background-color: #ff1f44; border-color: #d43f3a; } #report table .warning { color: #fff; border-radius: 0; background-color: #eea236; border-color: #eea236; } #report table tr td { background-color: #eee; } #report table tr.warning td { color: #f39c12; } #report table tr.success td { color: #27ae60; } #report table tr.danger td { color: #c0392b; } #validateMessages { margin: 30px; } #validateMessages .animate-repeat { line-height: 40px; list-style: none; box-sizing: border-box; } #validateMessages .animate-repeat.ng-enter, #validateMessages .animate-repeat.ng-leave, #validateMessages .animate-repeat.ng-move { transition: all linear 0.5s; } #validateMessages .animate-repeat.ng-enter, #validateMessages .animate-repeat.ng-leave.ng-leave-active, #validateMessages .animate-repeat.ng-move { opacity: 0; background-color: green; max-height: 0; } #validateMessages .animate-repeat.ng-enter.ng-enter-active, #validateMessages .animate-repeat.ng-leave, #validateMessages .animate-repeat.ng-move.ng-move-active { opacity: 1; max-height: 40px; } #validateMessages .animate-repeat:hover { background-color: #0ddc00; } #validateMessages textarea { padding: 20px; } #validateMessages table { margin-top: 25px; } #validateMessages th { font-weight: 500; font-size: 20px; cursor: pointer; } #validateMessages tr { font-size: 15px; } #city .cityBlock { height: 150px; } #city h5 { margin-bottom: 30px; } #city .offers-wrap a { font-size: 18px; } #city .tutor-block a { margin-top: 15px; } #city .tutor-block { margin-top: 10px; } #city .offers-description-text { width: 100%; } .payment-choice-directive { margin-top: 40px; } .payment-choice-directive-price { padding-bottom: 30px; padding-top: 30px; background-color: #f8f8f8; } .choice-payment { padding: 20px; font-size: 1.1em; font-weight: 600; cursor: pointer; } .payment-choice-directive .subTitle { margin-top: 15px; } .choice-payment label { cursor: pointer; width: 100%; } .choice-payment input[type='radio'] { position: relative; margin-right: 4px; cursor: pointer; } .choice-payment.active { background-color: #f8f8f8; } .promo-code-btn { font-size: 1em; border: none; text-align: center; cursor: pointer; background-color: #269fd7; color: #fff; margin: 0 auto; } .promo-code-text { font-size: 1.3em; margin-bottom: 10px; } .promo-code-field { height: 27px; padding: 10px; } .promo-code-btn { height: 28px; width: 50px; } .discount-text { margin-top: 10px; color: green; font-size: 1.3em; } .discount-text.error { color: red; } .impotDiscount { text-align: center; margin-top: 10px; font-weight: 700; } .billing { margin-top: 30px; } .billing .info-billing { height: 100%; padding-bottom: 30px; background-color: #f8f8f8; } .billing .info-billing h2 { font-size: 1.5em; font-weight: 700; text-align: center; } .billing .info-billing .creditCard .subTitle { font-weight: 100; text-align: center; margin-top: 10px; font-size: 1.2em; margin-bottom: 20px; } .billing .info-billing .creditCard { width: 330px; margin: 0 auto; } .billing .info-billing .creditCard .card-logo { margin-bottom: 20px; } .billing .info-billing .creditCard .expiration { padding-top: 15px; } .billing .info-billing .creditCard .secure { font-weight: 700; text-align: center; margin-top: 25px; } .billing .info-billing .creditCard .secureBy { margin-top: 10px; text-align: center; } .billing .info-billing .creditCard .submit { border-color: #ff5a5f #ff5a5f #e00007; background-color: #ff5a5f; color: #fff; border-radius: 0; height: 42px; } .billing .info-billing .cheque .text, .billing .info-billing .phone .text { margin-top: 40px; text-align: center; } .billing .info-billing .cheque .order { font-weight: 700; margin-top: 30px; } .billing .info-billing .phone .number { margin-top: 30px; font-weight: 700; text-align: center; font-size: 1.4em; } @media (min-width: 768px) { .modal-sm { width: 315px; } } #identification { color: #565a5c; border-radius: 2px; } #identification .title { font-size: 22px; font-weight: 300; text-align: center; } #identification form { margin-top: 20px; margin-bottom: 25px; } #identification input[type='email'] { /*background-image: url(/img/login/icons-login.png);*/ background-position: right -33px; } #identification input[type='password'] { /*background-image: url(/img/login/icons-login.png);*/ background-position: right -77px; } #identification .chosen a, #identification input, #identification select { background-repeat: no-repeat; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 14px; height: 40px; padding: 10px; width: 100%; color: #565a5c; } #identification .chosen-container .chosen-single { border-radius: 0; height: 40px; padding-top: 8px; color: #565a5c; /*background-image: url(/img/home/all-btn-arrow.png);*/ font-size: 14px; } #identification input, #identification select { border-color: #c4c4c4; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-radius: 2px; border-style: solid; border-width: 1px; } #identification .row-space-1 { margin-bottom: 6.25px; } #identification .row-space-1 .password-forgotten { float: right; color: #565a5c; margin-top: 10px; text-decoration: none; } #sendMessageSuccess .linkMailbox, .form-profile-contact .form-notice a { text-decoration: underline; } #identification .footer { margin-top: 55px; } #identification .inscription .footer { margin-top: 25px; } #identification .footer .submit-button { border-color: #ff5a5f #ff5a5f #e00007; background-color: #ff5a5f; color: #fff; height: 42px; } #identification .footer .switchIdentification { margin-top: 20px; } #identification .link-red { color: #ff5a5f; } #identification .conditions { font-size: 12px; margin-bottom: 12px; } #identification .choice-sign-up a { color: #fff; } #identification .choice-sign-up .tutee { height: 50px; background-color: #ff1f44; width: 135px; display: inline-block; padding-top: 16px; padding-left: 7px; border-radius: 2px; } #identification .choice-sign-up .tutee:hover { background-color: #fc6464; } #identification .choice-sign-up .tutor { display: inline-block; height: 50px; background-color: #0090cd; padding-top: 16px; padding-left: 32px; width: 133px; margin-left: 10px; border-radius: 2px; } #identification .choice-sign-up .tutor:hover { background-color: #32a4dc; } #identification .has-error { border-color: #ff5a5f; } #identification .error-text p { color: #ff5a5f; padding-top: 7px; } #identification .error-text .chosen-container .chosen-single, #identification .error-text input, #identification .error-text select { border: 1px solid #ff5a5f; } #identification .info-modal { text-align: center; margin: 10px 0; font-weight: 600; } #identification .facebook-login-block .separator { text-align: center; padding: 10px; } #identification .facebook-login-block .fb-connect-btn { width: 100%; padding: 0 10px; cursor: pointer; } #findTutor a { background-color: #f8ba00; color: #fff; padding-top: 23px; line-height: 32px; margin: 20px auto 0; height: 100px; width: 100%; } .user-comment-text { margin-bottom: 44px; } .user-comment-text textarea { color: #898989; height: 44px; border: 1px solid #b3b3b3; outline: 0; resize: none; padding: 10px 22px; } .user-comment-text .send-mail { display: inline-block; height: 44px; margin-left: 20px; font-size: 14px; color: #fff; line-height: 20px; background-color: #ff1f44; border: 0; } .user-comment-text .send-mail:focus, .user-comment-text .send-mail:hover { background-color: #fc6464; } .conversations-block h4 { cursor: pointer; } .empty-mail-box-title { font-size: 30px; font-weight: 700; } .empty-mail-box-text { margin-top: 50px; font-size: 26px; } @media (min-width: 767px) and (max-width: 991px) { .user-comment-text .send-mail { margin-top: 20px; width: 200px; } .user-comment-text textarea { width: 200px; } } @media (max-width: 479px) { .user-comment-text { text-align: center; } .user-comment-text .send-mail { margin-top: 20px; margin-left: 20px; } } #one-conversation .single-message { font-size: 14px; margin: 0 auto 44px; width: 94%; } #one-conversation { margin-bottom: 30px; } #one-conversation .messages-block { margin-top: 87px; } #one-conversation form { width: 94%; margin: 0 auto; } #one-conversation textarea { width: 100%; font-size: 17px; padding: 11px; } #one-conversation .user-comment-text input { width: 100%; margin-top: 5px; font-size: 19px; height: 55px; } #one-conversation h4 { margin: 25px; } #one-conversation .single-message-text { font-size: 17px; border-radius: 13px; padding: 15px; color: #494c4d; } #one-conversation .message-from-tutor { text-align: right; } #pricingModal .header { margin: 1.5em 0 2.9em; width: 96%; } #pricingModal .header h1 { font-size: 1.3em; text-align: center; color: #0f79c6; font-weight: 700; margin-bottom: 0.5em; } #pricingModal table { width: 93%; margin: 0 auto 3em; } #pricingModal tr.tfoot td.bestOffer h3 { font-size: 2.2em; text-align: center; } #pricingModal tr.tfoot .perMonth { font-size: 11px; } #pricingModal tr.tfoot td.bestOffer button { background-color: #00d522; } #pricingModal thead { background-color: #5893cc; color: #fff; font-size: 20px; } #pricingModal thead th { width: 20%; text-align: center; padding: 0.5em 0; } #pricingModal thead th:first-child { width: 40%; border-right: 2px solid #fff; } #pricingModal tbody { text-align: center; } #pricingModal tbody tr td { text-align: center; padding: 0.6em 0; height: 1em; vertical-align: middle; } #pricingModal tbody tr td:first-child { border-right: 2px solid #fff; } #pricingModal tbody td.border-end, #pricingModal tbody td.border-side, #pricingModal thead th.border-start { border-right: 2px solid #a6a6a6; border-left: 2px solid #a6a6a6; } #pricingModal tbody .fa-check { color: #00db2d; display: block; font-size: 1.5em; margin-bottom: 0.5em; } #pricingModal tbody tr td .titleDescription { text-align: left; margin: 0 0.2em 0 1em; font-style: italic; } #pricingModal tbody tr:nth-child(odd) { background: #d8dfed; } #pricingModal tbody tr:nth-child(even) { background: #edf1f7; } #pricingModal thead th.border-start { position: relative; } #pricingModal thead th.border-start .famous-pack { position: absolute; bottom: 54px; color: #00d522; } #pricingModal tbody td.border-end { border-bottom: 2px solid #a6a6a6; } #pricingModal tbody tr td h3 { font-weight: 700; font-style: normal; font-size: 1.3em; text-align: left; margin: 0.3em 0 0.3em 0.9em; color: #393939; } #pricingModal .tfoot, #pricingModal tbody tr.tfoot { background-color: #fff; } #pricingModal tr.tfoot td h3 { font-weight: 700; font-style: normal; font-size: 1.8em; color: #393939; text-align: center; } #pricingModal tr.tfoot td h3 span { font-size: 0.7em; } #pricingModal .tfoot .choose-offer { display: block; width: 86%; padding: 1em 0; font-size: 1em; border: none; text-align: center; cursor: pointer; background-color: #269fd7; color: #fff; margin: 0 auto; } #pricingModal .tfoot tr td.bestOffer .choose-offer { background-color: #00db2d; } #pricingModal .tfoot .price { height: 5em; } #pricingModal .tfoot .descriptionPrice { text-align: center; font-weight: 300; color: grey; font-size: 1.2em; } #pricingModal .tfoot td { width: 10%; text-align: center; } #pricingModal .infoAbo { text-align: center; margin: 1em auto; width: 74%; } #pricingModal .tfoot td .promo-code { margin-bottom: 16px; } #pricingModal .tfoot td .promo-code-block .message { color: #27ae60; } #pricingModal .promo-code-text { margin-bottom: 1em; } #pricingModal .tfoot td .promo-code-field { width: 141px; height: 31px; margin-left: 15px; padding-left: 11px; text-transform: uppercase; } #pricingModal .tfoot td .promo-code-btn { width: 21%; padding: 0.5em 0; font-size: 1em; border: none; text-align: center; cursor: pointer; background-color: #269fd7; color: #fff; margin: 0 auto; } @media (max-width: 768px) { #pricingModal thead th.border-start .famous-pack { font-size: 14px; } #pricingModal tr.tfoot td h3 { font-size: 1.2em; } #pricingModal .tfoot .descriptionPrice { font-size: 0.8em; } #pricingModal tr.tfoot td.bestOffer h3 { font-size: 1.3em; } } @media (min-width: 769px) and (max-width: 991px) { #pricingModal thead th.border-start .famous-pack { font-size: 15px; } #pricingModal tr.tfoot td h3 { font-size: 1.4em; } #pricingModal .tfoot .descriptionPrice { font-size: 1em; } #pricingModal tr.tfoot td.bestOffer h3 { font-size: 1.6em; } #pricingModal .tfoot .choose-offer { padding: 1em 0.3em; font-size: 0.7em; margin: 11px auto 0; } } @media (max-width: 481px) { #pricingModal table, #pricingModal tfoot { font-size: 9px; } #pricingModal .header h1 { font-size: 0.9em; } #pricingModal thead th { font-size: 0.7em; } #pricingModal .infoAbo { font-size: 11px; } #pricingModal tr.tfoot td h3, #pricingModal tr.tfoot td.bestOffer h3 { font-size: 1.3em; } #pricingModal tr.tfoot .price { height: 5em; } #pricingModal .tfoot td .promo-code { height: 5em; text-align: center; margin-bottom: 3px; } #pricingModal .tfoot td .promo-code-field { width: auto; height: auto; margin-left: 3px; border: 1px solid #bdbcbc; } #pricingModal .promo-code-text { margin-bottom: 1em; font-size: 0.9em; text-align: center; } #pricingModal .tfoot td .promo-code-btn { display: block; width: 86%; padding: 1em 0; font-size: 1em; border: none; text-align: center; cursor: pointer; background-color: #269fd7; color: #fff; margin: 0 auto; } #pricingModal thead th.border-start .famous-pack { bottom: 36px; } } #payment-modal .modal-header { border: none; } #payment-modal .modal-header h4 { text-align: center; } #payment-modal .modal-footer { text-align: center; border: none; } #payment-modal .modal-footer h4 { line-height: 44px; display: inline-block; margin-right: 20px; vertical-align: middle; } #payment-modal .color-title { color: #ff1f44; } #payment-modal .argument-footer { font-size: 14px; font-weight: 100; margin-top: 10px; } @media (max-width: 766px) { #payment-modal .modal-body .top20 { margin-top: 5px; } #payment-modal .modal-body .top-title { margin-top: 30px; } } #sendFreeMessage h1 { text-align: center; font-size: 1.6em; font-weight: 500; } #sendFreeMessage h2 { font-size: 1.2em; font-weight: 300; margin-top: 17px; } #sendFreeMessage textarea { padding: 20px; } #sendFreeMessage .btn-update { background-color: #69c7e8; } #sendMessage > .panel-heading { text-align: center; } .send-message-submit-btn { background-color: #fc6464; color: #fff; border-radius: 1px; } .send-message-submit-btn:hover { color: #fff; } .send-message-text-title { text-align: center; margin: 20px 0 0; font-size: 24px; } .send-message-text { resize: vertical; background-color: #faebd7; } .send-message-inputs > div { padding: 0; } #sendMessage .revealPhone { font-size: 21px; margin-top: 15px; font-weight: 800; text-align: center; } #sendMessage .btn-update { background-color: #69c7e8; } #sendMessage .revealPhone.success { color: #2ecc71; } #successSendFreeMessage h1 { text-align: center; font-size: 1.6em; font-weight: 500; margin-top: 20px; } #successSendFreeMessage h2 { font-size: 1.4em; font-weight: 300; margin-top: 17px; } #successSendFreeMessage .contactOtherStudent { background-color: #ff1f44; } #successSendFreeMessage .moreInfo { background-color: #6ec4e2; font-weight: 500; font-size: 1.2em; padding: 19px; margin-top: 40px; } .partager, .sauvegarder { text-align: center; padding: 25px; } .modal-header > p.question { margin-bottom: 10px; text-align: center; margin-top: 10px; } .partager > div { margin-bottom: 10px; } .partager > div > .input, .sauvegarder > div > .input { padding: 0; } .partager > div > .button-partager, .sauvegarder > div > .button-sauvegarder { padding: 15px 30px; background: #0090cd; color: #fff; text-transform: uppercase; border-radius: 2px; } .partager > div > .text, .sauvegarder > div > .text { margin-top: 5px; } .partager > div > .text > span, .sauvegarder > div > .text > span { font-size: 16px; margin-top: 6px; } .sauvegarder > div > .button-sauvegarder { margin-top: 25px; } .modal-backdrop.in { opacity: 0.5; height: 100%; position: fixed; background-color: #fff; } @media (max-width: 425px) { .sauvegarder > div > .text { margin: 0; } } .courses-row img { width: 41px; } .main-content .profile-top-img { margin-top: 72px; } .profile-main .member-since { font-weight: 900; text-align: left; } .profile-main-name .first-hour-free-profile { position: relative; float: right; } .contacts-comments .comment-rate { margin-bottom: 30px; } .contacts-comments .comment-rate .stars { display: inline-block; font-size: 32px; margin-left: 24px; } .contacts-comments .comment-rate .stars-color.active { color: #f8ba00; } .contacts-comments .comment-rate .stars-color { color: #b5b5b5; } .contacts-comments .comment-rate .recommandation { display: inline-block; font-weight: 700; font-size: 24px; color: #0090cd; letter-spacing: 1px; margin-left: 150px; } .contacts-comments .comment-rate .recommandation i { margin-left: 10px; } .contacts-comments .fa-thumbs-o-up { color: #18ae2e; } .contacts-comments .fa-thumbs-o-down { color: red; } .contacts-comments .row-comment { overflow: hidden; margin-bottom: 15px; } .comment-body { display: inline-block; border: 1px solid #000; margin-left: 20px; padding: 10px; } .comment-body .comment-title { margin-bottom: 20px; font-size: 15px; color: #333; font-weight: 300; } .comment-body .comment-title .comment-date { text-align: right; float: right; } .comment-body .comment-text { font-size: 17px; text-align: justify; margin-bottom: 10px; } .comment-img, .contact-button { text-align: center; text-transform: uppercase; } .comments-block h4, .user-comment-wrap h4 { width: 98%; } .comment-img { font-size: 50px; font-weight: 700; padding-top: 4px; width: 80px; height: 78px; color: #fff; float: left; margin: 1px 13px 0 0; } @media (max-width: 766px) { .user-comment { margin-left: 20px; margin-right: 20px; } .comment-body { display: block; border: none; margin-left: 0; width: 100%; } .comment-body .comment-title { font-size: 13px; } .contacts-comments .comment-rate .recommandation { display: block; margin-top: 14px; margin-left: 26px; } .comments-block h4, .user-comment-wrap h4 { margin-left: 4px; } } .tutor-experience-wrapper { margin-top: 15px; } .tutor-experience-right { padding: 0 0 0 25px; } .tutor-experience-left { padding: 0 25px 0 0; } .experiance > h1.title, .formation > h1.title, .hobbies > h1.title, .languages > h1.title { text-transform: uppercase; font-size: 20px; font-weight: lighter; border-bottom: 1px solid; margin-bottom: 15px; padding-bottom: 5px; } .formation > div { margin-top: 10px; } .item-title { float: left; text-transform: uppercase; font-weight: 700; width: 100%; } .item-description { float: left; } .hobbies > span, .languages > span { font-size: 16px; font-weight: 700; } .hobbies, .languages { margin-bottom: 15px; } .contact-button-wrapper { padding: 0 2px; } .contact { padding: 0 13px; margin-top: 20px; margin-bottom: 10px; } .contact-button { font-size: 16px; background-color: #ff1f44; border: 0; padding: 15px; } .contact-button-blue, .profile-main-left > .contact-button-wrapper > .contact-button-blue { font-size: 16px; background-color: #0090cd; border: 0; text-transform: uppercase; text-align: center; } .contact-button-blue { padding: 15px; } .contact-button-blue > a, .contact-button > a { color: #fff; } @media (max-width: 767px) { .tutor-experience-left, .tutor-experience-right { padding: 0; margin-top: 10px; } } @media (max-width: 991px) { .contact-button-wrapper { padding: 0; margin-top: 10px; } .contact { margin-bottom: 20px; } } .profile-main-left > .profile-info { padding: 0; margin-bottom: 100px; width: 100%; text-align: center; margin-top: -100px; } .profile-main-left > .contact-button-wrapper > .contact-button-blue { padding: 12px 20px; } .certifie-image > img, .profile-level { background-color: #f1f1f1; } .profile-main-left > .contact-button-wrapper { padding: 0; margin-top: 5px; } .profile-level, .profile-level-white { padding: 10px 0; font-size: 18px; font-weight: 400; } .status { color: green; } .certifie-image { margin-top: -100px; } .certifie-image > img { width: 100%; } .certifie-description { margin-top: 60px; text-align: center; } .certifie-description > .title > h1 { text-transform: uppercase; font-weight: 700; font-size: 25px; padding-bottom: 20px; } .certifie-description > .text { padding: 0 20px; } .heuro-prix { text-align: center; margin-top: 50px; } #topSearch select { border-radius: 0; -moz-appearance: none; } #topSearch .school-choice { width: 388px; position: relative; margin-left: 83px; display: inline-block; margin-right: 26px; } #topSearch .chosen-container.chosen-container-single { width: auto; } @media (max-width: 1153px) { #topSearch .school-choice { width: 100%; display: block; margin: 0; } #topSearch .chosen-container.chosen-container-single { width: 100% !important; } } #topSearch .chosen-container .chosen-single { border-radius: 0; padding-left: 50px; border: none; height: 74px; line-height: 77px; color: #fff; /*background: url(/img/home/all-btn-arrow.png) right 18px center no-repeat #3D3D3D;*/ font-size: 17px; box-shadow: none; } #topSearch .chosen-container .chosen-results li.group-result { font-weight: 700; margin: 10px 0; } #topSearch .chosen-container .chosen-results li.highlighted { background-color: #0090cd; background-image: none; padding: 10px 15px; } #topSearch .chosen-container .chosen-results li { font-size: 15px; font-weight: 100; } #topSearch .chosen-container-single .chosen-search input[type='text'] { height: 40px; font-size: 1.5em; } #topSearch .school-choice select { width: 100%; } #topSearch .close-school { position: absolute; left: 8px; top: 30px; color: #c9c9c9; font-size: 15px; cursor: pointer; } #topSearch .result-info-text { color: #989898; } #topSearch .custom-checkbox input[type='checkbox'] + label, .custom-checkbox input[type='radio'] + label { font-weight: 500; } #topSearch .result-name { color: #0090cd; } #topSearch .result-university { color: #989898; } #topSearch .all-button { text-transform: none; font-size: 17px; } #topSearch .loading-results { font-size: 35px; min-height: 1154px; } .first-hour-free { margin-top: 34px; height: 28px; display: block; } .first-hour-free .space { margin-right: 17px; float: none; color: #fff; } .first-hour-free .exposant { font-size: 0.85em; position: absolute; bottom: 12px; color: #fff; } #topSearch .result-options { color: #0090cd; margin-top: 10px; margin-bottom: 8px; text-transform: none; } #topSearch .result-options i { display: inline-block; margin-right: 15px; } .heuro-price { background-color: #fc6464; padding: 12px 8px 10px 5px; color: #fff; font-size: 17px; font-weight: 700; } .text-price { text-transform: lowercase; color: #ff1f44; font-size: 17px; font-weight: 600; } #ficheEcole { background-color: #e9e9e9; padding: 126px 0 44px; text-align: center; } #ficheEcole .relative { position: relative; } #ficheEcole .schoolCard { background-color: #fff; padding: 60px 60px 80px; } #ficheEcole .description { margin-bottom: 50px; } #ficheEcole .description img { max-width: 200px; max-height: 200px; min-width: 120px; } #ficheEcole .description h1 { font-size: 45px; font-weight: 700; color: #4ca4d9; margin: 30px 0; } #ficheEcole .description a { color: #4ca4d9; } #ficheEcole .description p { color: #4b4b4b; text-align: justify; font-weight: 700; font-size: 16px; } #ficheEcole .wrapInfos { margin: 0 auto; font-weight: 300; font-size: 17px; } #ficheEcole .wrapInfos > div { margin-bottom: 50px; } #ficheEcole .wrapInfos h3 { color: #4ca4d9; font-size: 19px; letter-spacing: 1px; } #ficheEcole .wrapInfos hr { width: 50px; color: #4b4b4b; } #ficheEcole .wrapInfos .percent { color: #ff1f44; font-weight: 700; } #ficheEcole .wrapTable { background-color: #f3f3f3; margin-bottom: 30px; } #ficheEcole .wrapTable .wrapSalary { border-right: 1px solid #fff; } #ficheEcole .wrapTable .title { height: 50px; color: #fff; text-transform: uppercase; padding-top: 17px; margin-bottom: 20px; } #ficheEcole .wrapTable .title.salary { background-color: #ff1f44; } #ficheEcole .wrapTable .wrapGroup .triangle { width: 0; height: 0; bottom: 31px; left: -6px; border-style: solid; border-width: 15px 15px 0; border-color: #4ca4d9 transparent transparent; position: absolute; } #ficheEcole .wrapTable .wrapGroup .title.group { background-color: #4ca4d9; } #ficheEcole .wrapTable .numbers { color: #575456; font-weight: 700; font-size: 26px; padding-bottom: 32px; } #ficheEcole .row.no-gutter { margin-left: 0; margin-right: 0; } #ficheEcole .img-thumbnail { border: none; } #ficheEcole .row.no-gutter [class*='col-']:not(:first-child), #ficheEcole .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; } #ficheEcole .contacts-block { background-color: #fff; float: right; margin-top: 30px; height: 337px; } #ficheEcole .contacts-block .contact-phone { margin-top: 51px; } #ficheEcole .similar-profiles { margin-top: 30px; float: left; width: 755px; text-align: center; background-color: #fff; } #ficheEcole .similar-profiles .name { font-size: 20px; } #ficheEcole .similar-profiles a { margin-bottom: 10px; color: #4ca4d9; } #ficheEcole .similar-profiles h3 { height: 66px; font-size: 18px; color: #fff; line-height: 66px; text-transform: uppercase; background-color: #3b3b3b; } #ficheEcole .angular-charts-template .ac-chart { width: 100%; } #ficheEcole .angular-charts-template table { max-width: none; text-align: left; } #ficheEcole .angular-charts-template table td { padding-left: 20px; } #ficheEcole .findTeacher { margin-top: 100px; } #ficheEcole .findTeacher input:hover, #ficheEcole .findTeinputcher a:focus { background-color: #4eabe3; } #ficheEcole .findTeacher input { background-color: #4ca4d9; height: 62px; color: #fff; padding: 23px 18px 18px; border: none; text-transform: uppercase; border-radius: 0; } #ficheEcole .container .wrapGraph { margin: 0 auto; width: 482px; height: 241px; } #ficheEcole #legend { margin-top: 20px; } #ficheEcole #legend .box { background-color: #50597b; color: #fff; border: 1px solid #fff; height: 100%; padding-bottom: 10px; } #ficheEcole #legend .box .topic { padding-top: 10px; color: #abb4d5; font-weight: 600; font-size: 16px; height: 105px; line-height: 18px; } #ficheEcole #legend .box .number { font-size: 27px; font-weight: 600; position: relative; } #ficheEcole #legend .box .percentNumber { position: absolute; bottom: 8px; font-size: 19px; font-weight: 300; margin-left: 3px; } #ficheEcole #legend .box.first { -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; } #ficheEcole #legend .box.last { -moz-border-radius: 0 0 10px; -webkit-border-radius: 0 0 10px; border-radius: 0 0 10px; } #ficheEcole .more-teachers { margin-bottom: 20px; } @media (min-width: 991px) and (max-width: 1153px) { #ficheEcole .similar-profiles { width: 578px; } } @media (max-width: 991px) { #ficheEcole .similar-profiles { width: 100%; float: none; } } @media (max-width: 693px) { #ficheEcole .container .wrapGraph { width: 241px; height: 121px; } #ficheEcole #legend .box .topic { height: 78px; } } #footer { width: 100%; background-color: #262626; padding: 30px 0 20px; } .footer-logo { display: block; vertical-align: top; margin: 0 0 30px; } .footer-logo a { display: block; width: 222px; height: 41px; /*background: url(/img/home/logo-white.png) no-repeat;*/ background-size: contain; margin: 0 auto; } .footer-blocks, .footer-list { display: inline-block; vertical-align: top; } .footer-list { width: 147px; color: #fff; margin: 0 58px 20px 0; } .footer-list:last-child { margin: 0 0 20px; } .footer-block-title { display: block; font-weight: 700; border-width: 1px 0; border-color: #fff; border-style: solid; padding: 3px 0 5px 5px; } .footer-list ul { border-bottom: 1px solid #fff; padding-bottom: 5px; } .footer-list a { display: block; font-size: 14px; color: #fff; margin-top: 7px; } .footer-list a:focus, .footer-list a:hover { color: #c1c1c1; } #header, #header.home-header.visible { width: 100%; background-color: #fff; border: 0; margin: 0; } #header.home-header { background-color: transparent; } #header .navbar-header { margin-left: -6px; padding-top: 14px; padding-right: 22px; height: 72px; } .navbar-nav > li { font-size: 14px; letter-spacing: 0.3px; } .home-header.visible .logo, .logo { width: 257px; height: 47px; float: left; /*background: url(/images/home/logo.png) no-repeat;*/ background-size: contain; text-indent: -9999px; } @media only screen and (max-device-width: 500px) { .home-header.visible .logo, .logo { max-width: 200px !important; max-height: 40px !important; } } .logo a { display: block; height: 100%; } .home-header .logo { /*background: url(/img/home/logo-white.png) no-repeat;*/ background-size: contain; } .navbar-right { margin-right: -11px; } .navbar-nav { margin-top: 15px; } .home-header.visible .navbar-nav > li > a, .navbar .navbar-nav > li > a { color: #313131; padding: 10px 17px; } .home-header .navbar-nav > li > a { color: #fff; } .home-header .navbar-nav > li > a:focus, .home-header .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover { color: #f45363; } .home-header.visible .navbar-nav > li > a.send-course, .navbar-nav > li > a.send-course { color: #f45363; width: 164px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #f45363; padding: 10px 20px; cursor: pointer; } .home-header.visible .navbar-nav > li > a.send-course:focus, .home-header.visible .navbar-nav > li > a.send-course:hover, .navbar-nav > li > a.send-course:focus, .navbar-nav > li > a.send-course:hover { color: #ebebea; background-color: #f45363; } .header-btn.navbar-toggle, .header-btn.navbar-toggle:focus, .header-btn.navbar-toggle:hover { width: 45px; height: 44px; /*background: url(/img/home/toggle-ico.png) no-repeat;*/ border-radius: 0; border: none; margin: 10px 0 0; } .header_v2 { padding-bottom: 10px; } .header_v2 > .blue-line { margin-top: -20px; margin-bottom: 15px; position: relative; border-bottom: 5px solid #4ca4d9; z-index: 10; } .header_v2 > div.header-head > div.title { text-align: center; font-size: 35px; margin-top: 40px; font-weight: 700; } .header_v2 > div.header-head > div.header-logo > img { margin-left: -17px; height: 75px; } .header_v2 > div.header-head > div.header-logo { padding: 10px; } .header_v2 > div.header-body { background: url(https://clevermate.cloudimg.io/s/cdn/x/clevermate.fr/img/home/home-top.jpg) no-repeat; background-size: cover; height: 160px; } .header-body > .main-text { text-align: center; color: #fff; text-transform: uppercase; font-size: 50px; font-weight: 700; margin-top: 40px; } .header_v2 > .images { text-align: center; margin-top: -45px; } .header_v2 > .images > div > img { border-radius: 50%; } .header_v2 > .images > .left-block { padding-left: 60px; } .header_v2 > .images > .right-block { padding-right: 60px; } .header_v2 > .images > .left-block > img { float: left; } .header_v2 > .images > .right-block > img { float: right; } .header_v2 > .images > .arrow > img { height: 40px; margin-top: 60px; } .in-line { margin-top: -15px; margin-left: -10px; position: relative; z-index: 11; } .header_v2 > .images-text { text-align: center; font-size: 20px; color: #4ca4d9; } .header_v2 > .images-text > .left-block, .header_v2 > .images-text > .right-block { padding: 0; } .header_v2 > .images-text > .left-block > span { float: left; } .header_v2 > .images-text > .right-block > span { float: right; } @media (max-width: 768px) { .header_v2 { padding: 0; } .header_v2 > .header-body { margin-top: 20px; } .header_v2 > div.header-head > div.title { height: 0; visibility: hidden; } .header-body > .main-text { font-size: 30px; margin-top: 20px; } .left-block, .right-block { visibility: hidden; } .center-block { margin-top: -25px; } } @media (max-width: 639px) { .header_v2 .images-text > div { height: 0; } } .questions-container { background-color: #4ca4d9; color: #fff; text-align: center; padding: 8px; } div > .number { font-weight: 700; font-size: 30px; } div > .time { font-size: 16px; } div > .command { font-size: 18px; font-weight: 600; } .language_blue, .language_red { font-weight: 700; letter-spacing: 2px; font-size: 20px; text-transform: uppercase; } .questions-info { margin-top: 35px; margin-bottom: 35px; } .questions-info div > .left { text-align: center; float: left; } .questions-info > div > .right { text-align: center; float: right; } .questions-languages { margin-top: 15px; } .questions-languages > ul > li { margin-top: 7px; } .language_blue { color: #4ca4d9; } .language_red { color: red; } .les-cours-par { width: 100%; float: left; font-size: 20px; margin-bottom: 10px; } .border-line-wrapper { width: 100%; float: left; margin: 20px 0; } .border-line { border-bottom: 1px solid; } @media (max-width: 768px) { .questions-info div > .left, .questions-info > div > .right { float: none; } } .infoBlock { background-color: #f1f1f1; } .review-quote { font-weight: 100; } .mix-panel { margin-left: 210px; } .search-block { margin-top: -75px; min-height: 493px; background: url(https://clevermate.cloudimg.io/s/cdn/x/clevermate.fr/img/home/home-top.jpg) no-repeat; background-size: cover; padding: 275px 0 0; } .search { width: 100%; text-align: center; margin: 0 auto; } .search h3 { font-size: 36px; text-align: center; color: #fff; text-transform: uppercase; } .information .container h2 { font-size: 41px; font-weight: 700; text-align: center; color: #575456; } .search > h1 { font-size: 26px; font-weight: 400; color: #fff; line-height: 25px; } .search-form { margin-top: 21px; } .search-form input[type='text'], select { height: 43px; color: #000; border: 1px solid #fff; background: #fff; } .search-form input[type='text'] { width: 168px; padding: 0 31px; } .search-form input[type='text']::-ms-clear { display: none; } .search-form input[type='submit'] { height: 43px; width: 167px; font-size: 13px; color: #fff; background-color: #ff1f44; border: 0; vertical-align: top; padding: 0 38px; text-transform: uppercase; } .search-form input[type='submit']:hover { font-size: 14px; background-color: #fc6464; } .post-code.error input[type='text'] { color: #ff1f44; border: 1px solid #ff1f44; } .post-code input[type='text']::-webkit-input-placeholder { color: #fff; } .post-code input[type='text']:-moz-placeholder { color: #fff; opacity: 1; } .post-code input[type='text']::-moz-placeholder { color: #fff; opacity: 1; } .post-code input[type='text']:-ms-input-placeholder { color: #fff; } .post-code.error input[type='text']::-webkit-input-placeholder { color: #ff1f44; } .post-code.error input[type='text']:-moz-placeholder { color: #ff1f44; opacity: 1; } .post-code.error input[type='text']::-moz-placeholder { color: #ff1f44; opacity: 1; } .post-code.error input[type='text']:-ms-input-placeholder { color: #ff1f44; } .post-code { display: inline-block; position: relative; } .post-code .error-text, .slick-dots { position: absolute; text-align: center; } .post-code .error-text { display: none; width: 100%; top: 35px; left: 0; font-size: 15px; color: #ff1f44; margin: 8px 0; } .post-code.error .error-text { display: block; } @media (min-width: 1154px) { .single-profile:nth-child(2n) { margin: 0 0 25px; } .single-profile .profile-photo, .single-profile:nth-child(2n) .profile-photo { float: right; } .single-profile:nth-child(2n) .profile-photo:after, .single-profile:nth-child(2n) .profile-photo:before { border-color: transparent transparent transparent #fff; left: 0; } .single-profile.even-row .profile-photo { float: left; } .single-profile.even-row .profile-photo:after, .single-profile.even-row .profile-photo:before { border-color: transparent #fff transparent transparent; left: auto; right: 0; } } @media (min-width: 992px) and (max-width: 1153px) { .single-language { width: 290px; height: 202px; margin: 0 10px 15px 0; } .single-profile, .single-profile:nth-child(2n + 2) { display: block; margin: 0 auto 25px; } } @media (min-width: 640px) and (max-width: 991px) { .search-block { min-height: 400px; padding: 175px 0 20px; } .search { width: 100%; } .search-form input[type='submit'] { margin-top: 20px; } .phone-number { margin-right: 15px; } .phone-tip { margin-left: 0; } .single-language, .single-language:nth-child(3n + 3) { width: 327px; height: 228px; margin: 0 13px 20px 0; } .single-language:nth-child(2n + 2) { margin-right: 0; } .single-profile, .single-profile:nth-child(2n + 2) { display: block; margin: 0 auto 25px; } } @media (max-width: 639px) { .search-block { min-height: 350px; padding: 125px 0 20px; } .search { width: 100%; padding-top: 100px; } .post-code, .search-form input[type='submit'], .search-form input[type='text'], .select2, .select2-container .select2-selection { width: 100% !important; display: block; margin-top: 20px; } .advantage, .single-review { width: 100%; } .slogan { min-height: 202px; padding: 55px 0 50px; } .phone-number { display: block; margin: 0 0 10px; } .phone-tip { display: block; margin: 10px 0 0; } .advantage-text { max-width: 100%; } .single-language, .single-language:nth-child(2n + 2), .single-language:nth-child(3n + 3) { display: block; width: 250px; height: 174px; margin: 0 auto 27px; } .single-language span { padding: 63px 0 0; } .single-profile, .single-profile:nth-child(2n + 2) { display: block; margin: 0 auto 25px; height: auto; width: 264px; } .single-profile .profile-info, .single-profile .profile-photo { float: none; } .single-profile .profile-photo:after, .single-profile .profile-photo:before, .single-profile:nth-child(2n) .profile-photo:after, .single-profile:nth-child(2n) .profile-photo:before { border-color: transparent transparent #fff; left: 110px; bottom: 0; right: auto; top: auto; } } .information-title { font-size: 41px; font-weight: 700; text-align: center; color: #575456; } .information-title > .blue-text { color: #4ca4d9; } .information-title > .red-text { color: #fc6464; } .information-video { text-align: center; border-top: 1px solid #f1f1f1; } .information-video iframe { border-radius: 5px; border: 5px solid #ececec; } .information-video > h4 { margin-top: 35px; font-size: 40px; text-transform: none; font-weight: 700; color: #4ca4d9; padding-bottom: 35px; } .slick-dots { bottom: -10px; list-style: none; padding: 0; width: 100%; } .slick-initialized .slick-slide { outline: 0; display: block; } .slick-dots > li { background-color: #4ca4d9; } .profiles-button { margin-top: 30px; margin-bottom: 30px; } .profiles-button > button { height: 60px; } #infoBlocks { margin-bottom: 45px; } #infoBlocks h3 { margin-top: 30px; color: #48a6da; font-size: 41px; font-weight: 700; text-align: center; margin-bottom: 40px; } #infoBlocks .home-city { font-size: 22px; font-weight: 300; margin: 20px 0; } #infoBlocks .all-cities { display: block; font-size: 32px; font-weight: 700; color: #ff1f44; text-align: center; } .miniMap { height: 500px; display: block; } .miniMapBlock { margin-bottom: 35px; } .map-info-card, .mapTabProfile, .mapView { margin: 0; padding: 0; border: 1px solid #ccc; } .map img, .miniMap img { max-width: none; } .mapView { width: 762px; height: 800px; } .mapTabProfile { height: 445px; } .map-info-card { height: 300px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { color: #86cbe3; margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding-top: 3px; } .pagination > li > a, .pagination > li > a:focus, .pagination > li > span { background-color: #fff; color: #999; } .post-code > input { height: 43px; width: 100%; border: 1px solid #fff; background: #fff; padding: 0 31px; color: #000; } .search-form .custom-select { color: #000; width: 168px; border-radius: 0; text-indent: 10px; /*background: url(/img/home/all-btn-arrow.png) right 18px center no-repeat #fff;*/ -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; } .rechercher { height: 43px; width: 100%; font-size: 13px; color: #fff; background-color: #ff1f44; border: 0; vertical-align: top; padding: 0 38px; text-transform: uppercase; } #searchBar > div > .code-postal { height: 43px; color: #000; border: 1px solid #e2dddd; background: #fff; } #searchBar select.all-button { width: 100%; font-size: 15px; padding-left: 22px; margin-bottom: 11px; font-weight: 500; height: 43px; line-height: 17px; color: #3b3b3b; border: 1px solid #e2dddd; /*background: url(/img/home/all-btn-arrow.png) right 18px center no-repeat #fff*/ } @media (max-width: 767px) { #searchBar > .button { margin-top: 10px; } } .slider .slider-bar { background: #ddd; } .slider .slider-progress { background-color: #4ca4d9; } .slider .slider-label-bar .active { color: #4ca4d9; font-size: 18px; } .no-background { background-image: none; } .tel-contact { display: block; color: #4ca4d9; font-size: 25px; font-weight: 700; letter-spacing: 0.5px; } #team h4, .btn-signup:focus, .btn-signup:hover { font-size: 20px; } .btn-signup.teacher, .btn-signup.teacher:focus, .btn-signup.teacher:hover { background-color: #4ca4d9; } .btn-signup, .btn-signup:focus, .btn-signup:hover { width: 243px; height: 62px; background-color: #ff1f44; color: #fff; padding-top: 20px; text-transform: uppercase; border-radius: 0; } #cgu .single-step-text strong { font-weight: 600; color: #ff1f44; padding-bottom: 0; display: block; margin-top: 15px; } #cgu .single-step-text p { max-width: 900px; text-align: justify; } #team h4 { color: #4ca4d9; display: block; font-weight: 600; margin: 20px; } #team .description { font-weight: 200; margin: 20px; } .single-advantege h4 { height: 100px; } #ecoles .single-step-text p { max-width: 643px; } .cv-medias { /*background-image: url(/img/presse/medias.png);*/ display: block; opacity: 0.42; padding: 17px 0; transition: opacity 0.3s ease-in-out 0s; background-position: center center; background-repeat: no-repeat; background-size: contain; } #partners .container { width: 900px; } #partners h4 { font-size: 34px; } #partners .steps-top h3 { font-weight: 500; } #partners .imgAbcde img { margin: 20px 0; } #partners p { line-height: 30px; margin-top: 20px; text-align: justify; padding: 0 27px; } #presse img.cv-presse-img { width: 100px; height: 30px; } #presse .steps-top p { font-size: 14px; font-weight: 900; margin: 0 0 10px; } #presse .steps-top p.text-right { font-size: 14px; font-weight: 500; } #presse strong.cv-color-2 { font-size: 19px; font-weight: 200; } #presse .steps-top p.text-right a { color: #4ca4d9; } #presse h4 { font-size: 30px; margin-bottom: 54px; } #stripe p, #take-contact .control-label { font-size: 17px; font-weight: 100; } #stripe { padding-top: 0; margin-bottom: 300px; } #stripe .profile-main { padding-top: 170px; } #stripe h4 { color: #2ecc71; margin-bottom: 25px; } #stripe h4.fail { color: #fc6464; } #stripe p { color: #333; line-height: 25px; } #take-contact .modal-header { border: none; } #take-contact .radio-inline { font-weight: 100; font-size: 15px; } #take-contact .checkbox-inline { width: 273px; font-weight: 100; } #tarifs .offers-wrap { padding-bottom: 72px; } #tarifs .offers-wrap h5 { padding: 38px 0 29px; } #tarifs .content { font-size: 1.3em; } .header-container { padding: 0 20px; } .bank-details > .information { color: #000; border: 1px solid rgba(229, 229, 255, 0.9); padding: 15px; margin-top: 15px; } .information > .enregistrees { padding: 15px; margin-right: 5px; } .message > div > .info { margin-right: 5px; color: #4ca4d9; } .message-success > div > .success { margin-right: 5px; color: green; } .message-success > div > .fa-times { float: right; cursor: pointer; color: green; } .message-success { margin-top: 10px; color: #000; background-color: rgba(229, 229, 255, 0.5); border: 2px solid green; border-radius: 9px; padding: 15px; } .information > .form > div > input { background-color: rgba(229, 229, 255, 0.9); font-size: 20px; font-weight: 100; color: #000; height: 50px; } .information > .form > div.valider-button > button { float: left; background-color: #4ca4d9; border-color: #4ca4d9; border-radius: 2px; width: 100%; height: 50px; } .bank-details-modal > .modal-footer, .bank-details-modal > .modal-header { border: none; text-align: center; } .enregistrees > span > .info { margin-right: 5px; color: #000; } .information > .form > .title > span { float: left; } .information > .form > div.title { margin-top: 35px; text-transform: uppercase; } .information > .form > div { margin-top: 15px; } @media (min-width: 1154px) { .information > .form > div.title-custom, .information > .form > div.valider-button, .information > .form > div > input { margin-left: -50px; } } @media (min-width: 992px) and (max-width: 1153px) { .information > .form > div > input { margin-left: -30px; } .information > .form > div.title-custom, .information > .form > div.valider-button { margin-left: -40px; } } .bank-details-modal > .valider-button > div > button { background-color: #4ca4d9; border-color: #4ca4d9; border-radius: 2px; width: 100%; padding: 10px; } .body-header { color: #fff; background-color: #4ca4d9; text-align: center; padding: 10px; } .body-header > .body-header-text { text-transform: uppercase; font-size: 20px; font-weight: 700; } .modal-body > div.row { background-color: rgba(229, 229, 255, 0.7); } .left-part, .right-part { padding: 15px; } .left-part > .part-title, .right-part > .part-title { text-align: center; } .left-part > .part-title > .text, .right-part > .part-title > .text { text-transform: uppercase; color: #4ca4d9; font-weight: 700; } .left-part > .part-title > .prompts, .right-part > .part-title > .prompts { margin-top: 5px; color: #a8a8a8; } .left-part > .part-inputs, .right-part > .part-inputs { text-align: center; } .left-part > .part-inputs > input, .right-part > .part-inputs > input { margin-top: 15px; border-radius: 2px; } .left-part > .date { margin-top: 15px; } .left-part > .date > .text { margin-top: 9px; } .left-part > .date > div > input { border-radius: 2px; } .left-part > .code { margin-top: 15px; } .left-part > .code > .text { margin-top: 9px; } .left-part > .code > div > input { border-radius: 2px; } @media (max-width: 992px) { .information > .form > div.title-custom { margin-left: 0; } .left-part { border-bottom: solid 2px #fff; } } @media (min-width: 992px) { .left-part { border-right: solid 2px #fff; } } .tutee-change-password > .top-question { margin-top: 15px; font-weight: 700; } .tutee-change-password > .form { margin-top: 15px; } .form > .title { margin-top: 6px; } .form > .valider-button > button { float: right; background-color: #4ca4d9; border-color: #4ca4d9; border-radius: 2px; width: 40%; } .message-error > div > .error { margin-right: 5px; color: red; } .message-error > div > .fa-times { cursor: pointer; color: red; } .message-error { margin-top: 10px; color: #000; background-color: rgba(255, 200, 200, 0.5); border: 2px solid red; border-radius: 9px; padding: 15px; } .ico { display: inline-block; vertical-align: top; } .ico-lock-mini { /*background: url(images/commencer/ico-lock-mini.png) no-repeat;*/ /*width: 9px;*/ height: 12px; } .ico-calendar, .ico-magnifier, .ico-money, .ico-refresh, .ico-thumb { width: 30px; height: 30px; } /*.ico-money {*/ /*!*background: url(images/commencer/ico-money.png) no-repeat*!*/ /*!*}*!*/ /*.ico-magnifier {*/ /*!*background: url(images/commencer/ico-magnifier.png) no-repeat*!*/ /*}*/ /*.ico-thumb {*/ /*!*background: url(images/commencer/ico-thumb.png) no-repeat*!*/ /*}*/ /*.ico-calendar {*/ /*!*background: url(images/commencer/ico-calendar.png) no-repeat*!*/ /*}*/ /*.ico-refresh {*/ /*!*background: url(images/commencer/ico-refresh.png) no-repeat*!*/ /*}*/ /*.ico-logo {*/ /*!*background: url(images/commencer/ico-logo.png) no-repeat;*!*/ /*width: 28px;*/ /*height: 33px*/ /*}*/ .ico-check { /*background: url(images/commencer/ico-check.png) no-repeat;*/ width: 31px; height: 23px; } .shell { margin: 0 auto; } .nav-tabs { border-bottom: 6px solid #2ca3dd; } .nav-tabs > li { margin: 0 20px; } .nav-tabs > li > a { font-size: 14px; line-height: 20px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: #2ca3dd; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; } .section-profile-pane { background: #eee; padding-bottom: 78px; } .profile-pane { background: #fff; border: 1px solid #e3e3e3; } .profile-pane h1 { font-size: 32px; color: #575456; text-align: center; text-transform: uppercase; font-weight: 700; } .profile-pane-head { padding: 44px 0 62px; } .profile-pane-main { margin: 0 auto; padding-bottom: 45px; } .profile-pane-main:after { clear: both; display: table; } .profile-pane-sidebar { padding: 0 15px 0 45px; } .profile-pane-content { border: 2px solid #cecece; background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 45px; } .profile-pane-content h2 { font-size: 30px; font-weight: 700; text-align: center; color: #2ca3dd; padding-bottom: 25px; } .profile-pane-content-wrapper { padding: 0 45px 0 15px; } .profile-pane-foot { background: #2ca3dd; color: #fff; text-align: center; font-size: 16px; padding: 21px 0 25px; } .profile-pane-foot h2 { font-size: 35px; line-height: 30px; font-weight: 700; padding-bottom: 6px; } @media (max-width: 992px) { .profile-pane-content, .profile-pane-sidebar { border: none; box-shadow: none; } .profile-pane-content-wrapper { padding: 0; } .profile-pane-sidebar { padding: 0; border-radius: 0; } } .form-profile-contact { position: relative; border: 2px solid #cecece; background: #eee; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .form-profile-contact:before { position: absolute; left: 50%; top: -53px; /*background: url(img/commencer/title-arrow.png) no-repeat;*/ width: 36px; height: 36px; margin-left: -5px; } .form-profile-contact h4 { color: #2ca3dd; font-size: 14px; font-weight: 700; text-align: center; padding: 0 0 4px; } .form-profile-contact p.small { font-size: 12px; color: #9d9d9d; text-align: center; } .form-profile-contact p.small .ico { margin: 2px 2px 0 0; } .form-profile-contact .field { font-size: 14px; padding: 6px 11px; border: 1px solid #c6c6c6; width: 100%; } .field-mini-wrapper { padding: 0; } .field-mini-delimeter { padding: 0; margin-top: 5px; text-align: center; } .form-profile-contact .field-mini { width: 100%; padding-left: 0; padding-right: 0; text-align: center; } .form-profile-contact .submit { font-size: 14px; text-transform: uppercase; color: #fff; border: 0; background: #e5464f; width: 168px; height: 43px; display: block; margin: 0 auto; } .form-profile-contact .form-row { padding-bottom: 11px; } .form-profile-contact .form-row:after { clear: both; display: table; } .form-profile-contact .form-content { padding: 15px 20px; } .form-profile-contact .form-row-right { float: right; padding: 0 0 0 10px; } .form-profile-contact .form-row-left { float: left; padding: 0; text-align: left; } .form-profile-contact .form-title { margin-top: -16px; padding: 25px 0 22px; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px; line-height: 18px; background: #2ca3dd; -webkit-clip-path: polygon( 0 90px, 0 0, 46% 0, 50% 15px, 54% 0, 105% 0, 105% 90px ); clip-path: polygon(0 90px, 0 0, 46% 0, 50% 15px, 54% 0, 105% 0, 105% 90px); } .form-profile-contact .form-content-title { padding: 7px 0 10px; } .form-profile-contact .form-actions { padding: 14px 0; } .form-profile-contact .form-notice { font-size: 12px; text-align: center; } .form-profile-contact .form-subnotice { left: 0; right: 0; top: 100%; margin-top: 10px; text-align: center; font-size: 12px; font-weight: 700; } .form-profile-contact .form-content-top { /*background: url(img/commencer/form-bg.jpg) center center no-repeat;*/ background-size: cover; border-radius: 4px 4px 0 0; padding-bottom: 30px; } .form-profile-contact .form-content-top label { text-align: center; display: block; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 400; margin: 0; } .form-profile-contact .form-content-top .field { background-color: rgba(255, 255, 255, 0.8); border-radius: 2px; padding: 11px; } .form-profile-contact .form-content-top .form-row { padding-bottom: 5px; } .form-profile-contact .form-content-middle { border-bottom: 1px solid #dadada; padding-bottom: 5px; margin: 15px 0; } .form-profile-contact .form-content-middle .form-row-left { text-align: left; } .form-profile-contact .form-content-middle .form-row-left label { color: #575456; font-weight: 400; display: block; line-height: 32px; margin: 0; } .form-profile-contact .form-content-middle .form-row-right .field:first-child { margin-right: 4px; } .form-profile-contact .form-content-bottom { margin: 15px 0; } @media (max-width: 1153px) { .form-profile-contact .form-content-bottom { padding-bottom: 15px; } .form-profile-contact .form-subnotice { margin-top: 30px; } } .about-steps { margin: 0 auto 62px; } .about-steps .ico { position: absolute; left: -52px; top: 17px; } .about-steps p { display: inline-block; vertical-align: middle; line-height: 1.2; } #new-comment .ratingWrapper, #new-comment .teacher { vertical-align: top; display: inline-block; } .about-steps ol { list-style: none; padding-left: 80px; counter-reset: section; } .about-steps li { position: relative; min-height: 63px; border-style: solid; border-color: #2ca3dd; border-width: 3px 0; margin: 23px 0; padding-left: 10px; line-height: 57px; } .about-steps li:before { position: absolute; /*background: url(img/commencer/about-list-ico.png) no-repeat;*/ width: 72px; height: 76px; left: -80px; top: -15px; } .about-steps li:after { counter-increment: section; content: counter(section); position: absolute; left: -62px; top: -17px; color: #fff; font-size: 16px; font-weight: 700; line-height: 26px; } .plans-notice:after, .plans:after { content: ''; } .service-boxes { margin: 0 auto; padding: 18px 0; } .service-box { padding: 0 15px 10px; font-size: 16px; text-align: center; } .service-box p { padding-top: 6px; } .service-box:nth-child(3n + 1) { clear: both; } .section-plans { background-color: #fff; padding: 48px 0 50px; } .section-plans-head { padding-bottom: 58px; } .section-plans-head h2 { font-size: 40px; font-weight: 700; color: #2ca3dd; text-align: center; } .plan { padding-bottom: 14px; } .plans:after { clear: both; display: table; } .plans-notice { font-size: 16px; text-align: center; padding-bottom: 26px; position: relative; padding-top: 13px; } .plans-notice:after { position: absolute; left: 50%; bottom: 0; height: 2px; background: #333; width: 60px; margin-left: -30px; } .plan { height: 330px; position: relative; overflow: hidden; text-align: center; font-size: 25px; line-height: 30px; color: #fff; font-weight: 700; margin-left: 30px; } .plan:first-child { margin-left: 0; } .plan-image { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .plan-price-2 { position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 2; color: #e53c3e; } .plan-price-2 span { display: block; font-size: 20px; } .plan-price-2 strong { display: block; font-size: 40px; } .benefits-wrap:after, .testimonials:after { clear: both; display: table; content: ''; } .plan-name { font-size: 30px; line-height: 40px; padding-bottom: 28px; position: relative; z-index: 2; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 32px; padding-top: 33px; } .plan-name:after { position: absolute; left: 50%; bottom: 0; content: ''; width: 60px; margin-left: -30px; height: 2px; background: #fff; } .plan-price { position: relative; z-index: 2; letter-spacing: 2px; } .plan-wrapper { padding: 0 5px; } @media (max-width: 992px) { .form-profile-contact .form-title { -webkit-clip-path: polygon( 0 90px, 0 0, 47% 0, 50% 15px, 53% 0, 105% 0, 105% 90px ); clip-path: polygon(0 90px, 0 0, 47% 0, 50% 15px, 53% 0, 105% 0, 105% 90px); } .form-profile-contact { border-radius: 0; box-shadow: none; } .plan-wrapper { padding: 10px 30px 0; } .plan { height: 450px; } } @media (max-width: 669px) { .plan { height: 300px; } } .benefits h3 { font-size: 25px; font-weight: 700; text-align: center; padding: 26px 0; } .benefit { margin: 20px; text-align: center; font-size: 20px; } .benefit p { padding-top: 4px; } .benefit:first-child { margin-left: 0; } @media (max-width: 1153px) { .benefit { margin: 16px; } } @media (max-width: 992px) { .benefit { margin: 10px 0; } } .section-testimonials { background: #f1f1f1; } .section-testimonials-head { padding: 48px 0 40px; } .section-testimonials-head h2 { font-size: 40px; font-weight: 700; color: #2ca3dd; text-align: center; } .testimonial { /*background: url(img/commencer/testimonial-stars.png) center 20px no-repeat #fff;*/ height: 300px; margin: 0 15px 30px; padding: 60px 20px; position: relative; } .testimonial .author { position: absolute; bottom: 16px; left: 20px; right: 20px; text-align: center; color: #2ca3dd; text-transform: uppercase; font-size: 18px; } .testimonial p { text-align: center; font-size: 16px; line-height: 25px; font-style: italic; color: #333; } .testimonial-body { height: 100%; display: flex; justify-content: center; flex-direction: column; } .testimonials-actions { text-align: center; padding: 20px 0 60px; } .testimonials-btn { font-size: 20px; padding: 22px 40px; display: inline-block; border: 1px solid #e44048; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .testimonials-btn, .testimonials-btn:focus, .testimonials-btn:hover { color: #e44048; } .testimonial-wrapper { padding: 0 5px; } .add-child > button.btn-primary, .add-child > button.btn-primary.active, .add-child > button.btn-primary.focus, .add-child > button.btn-primary:active, .add-child > button.btn-primary:focus, .add-child > button.btn-primary:hover { background-color: #4ca4d9; border-color: #4ca4d9; border-radius: 2px; margin-top: 37px; float: right; width: 100%; } .enfants-table > .table, .enfants-table > .table-bordered > tbody > tr > td, .enfants-table > .table-bordered > tbody > tr > th, .enfants-table > .table-bordered > tfoot > tr > td, .enfants-table > .table-bordered > tfoot > tr > th, .enfants-table > .table-bordered > thead > tr > td, .enfants-table > .table-bordered > thead > tr > th, .factures-table > .table, .factures-table > .table-bordered > tbody > tr > td, .factures-table > .table-bordered > tbody > tr > th, .factures-table > .table-bordered > tfoot > tr > td, .factures-table > .table-bordered > tfoot > tr > th, .factures-table > .table-bordered > thead > tr > td, .factures-table > .table-bordered > thead > tr > th { border: 2px solid #fff; } .enfants-table, .enfants > .add-child, .enfants > div > form > .form, .factures-table { margin-top: 15px; } .enfants-table { margin-left: -2px; color: #fff; } .enfants-table > table > thead > tr { background-color: #4ca4d9; } .enfants-table > table > tbody > tr { background-color: #f9f9f9; color: #000; } .table-row-remove { color: #4ca4d9; cursor: pointer; } .table-th-empty { background-color: #fff; } .factures-table { margin-left: -2px; color: #fff; } .factures-table > table > thead > tr { background-color: #4ca4d9; } .message, tr > td.prix { background-color: rgba(229, 229, 255, 0.5); } tr > th.prix { width: 10%; font-weight: 700; } tr > td.prix { color: #000; font-weight: 700; } tr > td.download-pdf { color: #4ca4d9; cursor: pointer; } .factures-table > .table-bordered > tbody > tr > td > a:link { color: #7e7e7e; } .factures-table > .table-bordered > tbody > tr > td > a:hover { color: #000; } .factures-table > table > tbody > tr { color: #7e7e7e; } .message { color: #000; border: 2px solid #4ca4d9; border-radius: 9px; padding: 15px; } .message > .info { color: #4ca4d9; } #new-comment h1 { font-size: 1.6em; font-weight: 100; } #new-comment .commentWrapper { margin-top: 30px; } #new-comment .commentWrapper h3 { font-size: 1.2em; color: #626262; text-align: left; padding: 0.7em 0; font-weight: 400; } #new-comment .steps-block { background-color: #e9e9e9; padding: 142px 0 158px; } #new-comment .teacher { width: 11em; } #new-comment .ratingWrapper .error-text { color: red; margin-top: 10px; } #new-comment .ratingWrapper div { margin-bottom: 30px; } #new-comment .ratingWrapper .satisfaction .glyphicon { font-size: 1.8em; color: #0090cd; } #new-comment .comment textarea { display: block; margin-top: 2em; padding: 13px; } #new-comment .comment .tips { color: #626262; } #new-comment .recommendation .fa { font-size: 2.5em; color: #626262; } #new-comment .recommendation .down { margin: 0 1em; } #new-comment .recommendation .fa-thumbs-o-up:hover, #new-comment .recommendation .hold-up { color: #18ae2e; } #new-comment .recommendation .fa-thumbs-o-down:hover, #new-comment .recommendation .hold-down { color: red; } #new-comment .submit { margin-left: 380px; } #new-comment .submit button { height: 43px; width: 167px; font-size: 13px; color: #fff; background-color: #ff1f44; border: 0; vertical-align: top; padding: 0 38px; text-transform: uppercase; } #paymentTutee { padding-top: 30px; background-color: #fff; } #paymentTutee .first-hour-free { font-size: 17px; } #paymentTutee.noPaddingForPaymentTutee { padding-top: 0; } #paymentTutee h1 { font-size: 1.4rem; text-align: center; font-weight: 600; background-color: #3f80cd; text-transform: uppercase; color: #fff; padding: 20px; margin: 0 auto; width: 90%; } .proposal > .comment-part > .header > h4, .proposal > .message > .header { text-transform: none; font-weight: 700; } #paymentTutee h3 { font-weight: 700; text-align: left; margin-top: 23px; font-size: 20px; } #paymentTutee .form-group { margin: 15px 0; } #paymentTutee .offers { margin-top: 30px; list-style: outside; font-size: 1.3em; margin-left: 16px; } .wrapUpdateCard { background-color: #f8f8f8; padding-top: 30px; } .wrap-planning .planning-body { margin-bottom: 35px; background-color: #fff; padding: 34px 50px 50px 31px; } .planning-table { margin-left: -2px; margin-top: 15px; color: #fff; } .planning-table > table > thead > tr { background-color: #4ca4d9; } .planning-table > .table, .planning-table > .table-bordered > tbody > tr > td, .planning-table > .table-bordered > tbody > tr > th, .planning-table > .table-bordered > tfoot > tr > td, .planning-table > .table-bordered > tfoot > tr > th, .planning-table > .table-bordered > thead > tr > td, .planning-table > .table-bordered > thead > tr > th { border: 2px solid #fff; } .planning-table > table > tbody > tr { color: #7e7e7e; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { font-size: 17px; border-radius: 0; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:hover .pagination > .active > a:focus .pagination > .active > span:focus { background-color: #7e7e7e; border-color: #7e7e7e; } tr > td.comment { width: 40%; } .proposal { background-color: #fff; } .proposal > .message { width: 100%; border-radius: 1px; text-align: center; padding-bottom: 50px; } @media (min-width: 1154px) { .proposal > .message { padding-left: 150px; padding-right: 150px; } } @media (max-width: 1154px) { .proposal > .message { padding-left: 50px; padding-right: 50px; } } .proposal > .message > .body { margin-top: 30px; } .proposal > .message > .body > figure > img { background-color: rgba(229, 229, 255, 0.1); } .proposal > .message > .body > figure > figcaption { font-size: 20px; margin-top: 15px; } .proposal > .comment-part { text-align: center; margin-top: 50px; } .proposal > .comment-part > .header > h4 { color: #4ca4d9; font-size: 30px; } .proposal > .comment-part > .questions > ul > li > span, .support > p { font-size: 20px; } #empty-mail-box h4, .clevermate-button, .start-lessons-button { text-transform: uppercase; } .proposal > .comment-part > .questions { padding-left: 50px; padding-right: 50px; padding-bottom: 50px; } .proposal > .comment-part > .questions > ul, .proposal > .comment-part > .questions > ul > li { margin-top: 15px; } #tuteeProfile.serenity-pack li { list-style: none; margin-left: 10px; margin-top: 20px; } #tuteeProfile.serenity-pack li ul i { margin-right: 10px; } #tuteeProfile.serenity-pack .target-form .civility { margin-left: 0; } #tuteeProfile.serenity-pack .target-form { margin-top: 30px; padding: 35px; background-color: #eee; height: 483px; } #tuteeProfile.serenity-pack .target-form .target input { height: 40px; } .support > .contacts { margin-top: 20px; margin-bottom: 40px; } #premiumList ul, .support > .certificate { margin-bottom: 20px; } .support > .contacts > li { margin-top: 10px; font-size: 20px; } #listCard, #listCard .date { margin-top: 20px; } .support > .contacts > li > span > i { margin-right: 15px; } #tutee-apply .woman, #tutee-profil .woman { margin-right: 10px; } .support > .certificate > span { font-weight: 700; } .support > .certificate > a { color: #4ca4d9; } #tutee-home-sidebar .list-group .list-group-item { border-radius: 0; height: 60px; padding-top: 21px; cursor: pointer; } #tutee-home-sidebar .list-group .list-group-item.active { background-color: #4ca4d9; color: #fff; } #listCard { width: 500px; padding: 5px 26px 26px; color: #4b4a4a; height: 107px; background-color: #eee; border: 2px outset; } #listCard .title { margin-top: 20px; font-weight: 700; font-size: 18px; color: #2ecc71; } #tutee-apply #lessonTaken h3, #tutee-profil #lessonTaken h3 { font-size: 24px; } #tutee-apply-sidebar .list-group .list-group-item.active, .nav > li > a.commencer, .nav > li > a.commencer:active, .nav > li > a.commencer:hover, .nav > li > a.commencer:link, .nav > li > a.commencer:visited { background-color: #4ca4d9; color: #fff; } #listCard .date .expire { font-style: italic; float: right; } #tutee-apply-sidebar .list-group .list-group-item { border-radius: 0; height: 60px; padding-top: 21px; cursor: pointer; } .videowrapper { text-align: center; } #cursus canvas { background-color: #f3f3f3; -webkit-box-shadow: 3px 3px 3px 0 #e3e3e3; -moz-box-shadow: 3px 3px 3px 0 #e3e3e3; box-shadow: 3px 3px 3px 0 #e3e3e3; border: 1px solid #c3c3c3; height: 100px; margin: 6px 0 0 6px; } #cursus .chosen-container-single .chosen-single { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #cursus .chosen-container .chosen-results li.highlighted { background-color: #4ca4d9; background-image: none; padding: 10px 15px; } #cursus .chosen-container-single .chosen-single.chosen-default span { color: #999; } #cursus .close-school { position: absolute; right: 21px; top: 10px; color: #c9c9c9; font-size: 15px; cursor: pointer; } #premiumList ul { list-style: inside; margin-top: 20px; } #premiumList { font-size: 1.1rem; } #tutor-sidebar .list-group .list-group-item { border-radius: 0; height: 60px; padding-top: 21px; cursor: pointer; } #tutor-sidebar .list-group .list-group-item.active { background-color: #4ca4d9; color: #fff; } #empty-mail-box h4 { color: #363636; font-size: 24px; font-weight: 300; margin-bottom: 12px; } #empty-mail-box .search-prof { margin-top: 20px; text-align: center; } #empty-mail-box .search-prof a { color: #fff; font-weight: 300; font-size: 18px; } #topic-profil .control-label { margin-bottom: 0; padding-left: 27px; text-align: left; } #topic-profil .info-checkbox { font-weight: 300; font-size: 14px; margin-left: 16px; } .profile-messages-main-name { margin-top: 0; padding: 34px 0 24px; } .profile-messages-conversations, .profile-messages-description { margin-bottom: 35px; } .new-messages { background-color: #0090cd; } .new-messages-unread { background-color: #ff1f44; } .next-button { border-color: #ff5a5f #ff5a5f #e00007; background-color: #ff5a5f; color: #fff; width: 233px; font-size: 21px; border-radius: 0; height: 61px; } #tutor-profil table .blue-title { background-color: #4ca4d9; color: #fff; } .main-content .toggle-switch .switch-left { background-color: #4ca4d9; } #tutor-profil p { margin-bottom: 16px; margin-top: 16px; } #tutor-validation { font-size: 18px; padding: 25px 0 44px; } #tutor-validation h4 { margin-bottom: 10px; margin-top: 25px; } #tutor-validation .single-step span { text-align: center; padding-top: 9px; border-color: inherit; color: inherit; } #tutor-validation .single-step i { margin-right: 7px; } #tutor-validation .line-height-center { line-height: 43px; font-size: 18px; } #tutor-validation .single-step .first-step { text-align: left; margin-left: 360px; } #tutor-validation .btn-send { color: #fff; height: 44px; border-radius: 0; background-color: #4ca4d9; } #tutor-validation span.validated { margin-left: 10px; color: #2ecc71; } #tutor-validation .not-school-email { font-weight: 200; font-size: 15px; margin-top: 10px; } #tutor-validation .email-sent { font-weight: 200; font-size: 15px; margin-top: 5px; color: #e67e22; } #tutor-validation .form-control.phone_code { width: 70px; } #tutor-validation .btn-change, #tutor-validation .btn-resend { color: #fff; border-radius: 0; background-color: #eea236; border-color: #eea236; } #tutor-validation .form-control { display: inline; width: 270px; height: 44px; font-size: 18px; } #tutor-validation .complete, #tutor-validation .fa-check { color: #2ecc71; } #tutor-validation .btn-update a, .btn-update:focus, .btn-update:hover { color: #fff; } #validate-email .profile-main { margin-top: 157px; padding-top: 0; margin-bottom: 300px; } @media (max-width: 639px) { #tutor-validation h3 { font-size: 30px; } #tutor-validation .single-step .step-number { width: 33px; height: 33px; } #tutor-validation .step-number { font-size: 15px; } #tutor-validation h4 { font-size: 18px; } } /*@font-face {*/ /*font-family: FuturaStd;*/ /*src: url(fonts/light/FuturaStdLight.eot);*/ /*src: url(fonts/light/FuturaStdLight.eot) format('embedded-opentype'), url(fonts/light/FuturaStdLight.woff) format('woff'), url(fonts/light/FuturaStdLight.ttf) format('truetype');*/ /*font-weight: 300;*/ /*font-style: normal*/ /*}*/ /*@font-face {*/ /*font-family: FuturaStd;*/ /*src: url(fonts/book/FuturaStdBook.eot);*/ /*src: url(fonts/book/FuturaStdBook.eot) format('embedded-opentype'), url(fonts/book/FuturaStdBook.woff) format('woff'), url(fonts/book/FuturaStdBook.ttf) format('truetype');*/ /*font-weight: 500;*/ /*font-style: normal*/ /*}*/ /*@font-face {*/ /*font-family: FuturaStd;*/ /*src: url(fonts/medium/FuturaStdMedium.eot);*/ /*src: url(fonts/medium/FuturaStdMedium.eot) format('embedded-opentype'), url(fonts/medium/FuturaStdMedium.woff) format('woff'), url(fonts/medium/FuturaStdMedium.ttf) format('truetype');*/ /*font-weight: 600;*/ /*font-style: normal*/ /*}*/ /*@font-face {*/ /*font-family: FuturaStd;*/ /*src: url(fonts/heavy/FuturaStdHeavy.eot);*/ /*src: url(fonts/heavy/FuturaStdHeavy.eot) format('embedded-opentype'), url(fonts/heavy/FuturaStdHeavy.woff) format('woff'), url(fonts/heavy/FuturaStdHeavy.ttf) format('truetype');*/ /*font-weight: 700;*/ /*font-style: normal*/ /*}*/ /*@font-face {*/ /*font-family: FuturaStd;*/ /*src: url(fonts/heavy_oblique/FuturaStdHeavyOblique.eot);*/ /*src: url(fonts/heavy_oblique/FuturaStdHeavyOblique.eot) format('embedded-opentype'), url(fonts/heavy_oblique/FuturaStdHeavyOblique.woff) format('woff'), url(fonts/heavy_oblique/FuturaStdHeavyOblique.ttf) format('truetype');*/ /*font-weight: 800;*/ /*font-style: normal*/ /*}*/ /*@font-face {*/ /*font-family: Raleway;*/ /*font-style: normal;*/ /*font-weight: 400;*/ /*src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ISg.ttf) format('truetype')*/ /*}*/ .body-main { overflow-x: hidden; } @media (max-width: 991px) { .hidden-md-down { visibility: hidden; height: 0; } .profile-main-left > .profile-info { margin-top: 10px; } .profile-main-tags { margin-top: -40px; } } @media (min-width: 991px) { .hidden-md-up { visibility: hidden; height: 0; } } .ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] { display: none !important; } .top10 { margin-top: 10px; } .top15 { margin-top: 15px; } .top20 { margin-top: 20px; } .top25 { margin-top: 25px; } .top50 { margin-top: 50px; } .form-control { border-radius: 0; } .fa-spin { margin-top: 3px; } .cursor-pointer { cursor: pointer; } .btn-update { color: #fff; border-radius: 0; background-color: #2ecc71; } .btn-contact, .btn-contact a, .btn-contact:focus, .btn-contact:hover { background-color: #0090cd; margin-top: 16px; color: #fff; border-radius: 0; font-size: 20px; display: block; } .red-button { height: 44px; font-size: 15px; color: #fff; line-height: 20px; background-color: #ff1f44; border: 0; } .clevermate-button { border: none; display: block; width: 166px; height: 43px; font-size: 14px; color: #fff; text-align: center; background-color: #ff1f44; padding: 14px 0; margin: 20px auto 0; } .clevermate-button button:focus, .clevermate-button button:hover { background-color: #fc6464; } .submit-button { border-color: #ff5a5f #ff5a5f #e00007; background-color: #ff5a5f; color: #fff; border-radius: 0; height: 42px; } .submit-button:active, .submit-button:hover { color: #fff; } .iframe-responsive-wrapper { margin: 50px 0 25px; } .text-error { color: #ff5a5f; } button { cursor: pointer; border: none; background-color: #fff; } @media (max-width: 639px) { .search-form .custom-select { width: 100%; margin-top: 20px; } .container { padding: 0 10px; } .messages-branch { padding: 40px 19px 0 0; } .profile-main-left { margin-top: 0; } .single-profile .profile-photo { float: none !important; } .wrap-profile .profile-body { padding: 12px 0; } #tutor-report .profile-body { padding: 12px 12px 0; } .navbar-collapse { padding: 0 30px; } } @media (min-width: 767px) { .modal-dialog { margin-top: 100px; } } @media (max-width: 766px) { .iframe-responsive-wrapper { position: relative; } .iframe-responsive-wrapper .iframe-ratio { display: block; width: 100%; height: auto; } .iframe-responsive-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }