@import 'fonts/icomoon/font-icons.css'; /*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{display:block;border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(font/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:'\f101'}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:'\f102'}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:'\f103'}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:'\f104'}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:'\f105'}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:'\f106'}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:'\f107'}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:'\f108'}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:'\f109'}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:'\f10a'}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:'\f10b'}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:'\f10c'}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:'\f10d'}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:'\f10e'}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:'\f10f'}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:'\f110'}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:'\f111'}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:'\f112'}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:'\f113'}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:'\f114'}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:'\f115'}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:'\f116'}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:'\f117'}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:'\f118'}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:'\f119'}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:'\f11a'}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:'\f11b'}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:'\f11c'}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:'\f11d'}.video-js{display:block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{-webkit-box-sizing:inherit;box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);border-radius:.3em;-webkit-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;-webkit-transition:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media �screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical:focus .vjs-menu-content,.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-ms-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-ms-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);-webkit-box-sizing:border-box;box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;-webkit-box-sizing:inherit;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.8)),to(rgba(255,255,255,0)));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1} /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @font-face { font-family: 'Hind Siliguri'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/hindsiliguri/v12/ijwTs5juQtsyLLR5jN4cxBEoTJzawg.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype'); } form { font-size: 0; text-align: left; } .field { width: 96%; padding: 0 ; margin: 8px 2%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; display: inline-block; } .field.transparent input { color: #545454 !important; background-color: rgba(255, 255, 255, 0.2) !important; border: 1px solid #545454 !important; } .field.half { width: 46%; -webkit-box-sizing: border-box; box-sizing: border-box; } .field.half:nth-child(odd) { margin-right: 2%; } .field.half:nth-child(even) { margin-left: 2%; } .field a { text-decoration: underline; color: inherit; } .field input[type=text], .field input[type=password], .field input[type=tel], .field input[type=email], .field .select-style, .field textarea { -webkit-appearance: none; display: inline-block; background-color: transparent; border: 1px solid rgba(84, 84, 84, 0.3); outline: none; color: #545454; font-size: 16px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; padding: 5px 10px; -webkit-border-radius: 1px; -webkit-background-clip: padding-box; -moz-border-radius: 1px; -moz-background-clip: padding; border-radius: 1px; background-clip: padding-box; } .field input[type=text].invalid, .field input[type=password].invalid, .field input[type=tel].invalid, .field input[type=email].invalid, .field .select-style.invalid, .field textarea.invalid { border: 1px solid red; } .field input[type=text].disabled, .field input[type=password].disabled, .field input[type=tel].disabled, .field input[type=email].disabled, .field .select-style.disabled, .field textarea.disabled { background-color: rgba(84, 84, 84, 0.3); color: #000000; border: 1px solid rgba(84, 84, 84, 0.5); } .field input[type=text].active, .field input[type=password].active, .field input[type=tel].active, .field input[type=email].active, .field .select-style.active, .field textarea.active { border: 1px solid rgba(84, 84, 84, 0.9); } .field .select { -webkit-appearance: none; display: inline-block; background-color: transparent; border: 1px solid rgba(84, 84, 84, 0.3); outline: none; color: #545454; font-size: 16px; width: 30%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; padding: 5px 10px; -webkit-border-radius: 1px; -webkit-background-clip: padding-box; -moz-border-radius: 1px; -moz-background-clip: padding; border-radius: 1px; background-clip: padding-box; } .field .select.invalid { border: 1px solid red; } .field .select.disabled { background-color: rgba(84, 84, 84, 0.3); color: #000000; border: 1px solid rgba(84, 84, 84, 0.5); } .field .select.active { border: 1px solid rgba(84, 84, 84, 0.9); } .field input[type=checkbox] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; opacity: 0; } .field label, .field .field-title { width: 100%; font-size: #545454; padding-bottom: 3px; display: block; text-align: left; font-weight: 800; color: #545454; } .field input[type=checkbox] + label { color: #545454; width: 100%; font-size: #545454; font-weight: 700; text-align: left; } .field input[type=checkbox] + label:before { content: "\e901"; font-family: 'icomoon'; margin-right: 5px; font-size: 21px; position: relative; top: 3px; color: #410460; } .field input[type=checkbox]:checked + label { text-align: left; } .field input[type=checkbox]:checked + label:before { content: "\e90a"; color: #410460; } .field textarea { resize: none; height: 120px; padding: 10px; } .field .select, .select-style { position: relative; } .field .select:after, .select-style:after { content: "\e910"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 10px; position: absolute; top: 16px; right: 15px; color: #545454; } .field .select select, .select-style select { padding: 0; width: 100%; border: none; background-color: transparent; height: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; } .button, .fake-button { outline: none; text-decoration: none; background-color: #FF52A5; border: 2px solid #FF52A5; color: #fff; width: 96%; text-transform: uppercase; font-size: 13px; padding: 14px 10px; -webkit-border-radius: 0 15px; -webkit-background-clip: padding-box; -moz-border-radius: 0 15px; -moz-background-clip: padding; border-radius: 0 15px; background-clip: padding-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 2%; display: inline-block; position: relative; text-align: center; font-weight: 200; width: 100%; max-width: 260px; -webkit-transition: 0.3s; transition: 0.3s; } .button:hover, .fake-button:hover { background-color: transparent; color: #FF52A5; border-color: #FF52A5; } .button.disabled, .fake-button.disabled { background-color: #9E9E9E; cursor: default; -webkit-appearance: none; } .button.disabled:hover, .fake-button.disabled:hover { background-color: #9E9E9E; } .button.small, .fake-button.small { padding: 7px 14px; font-size: 12px; margin: 12px 2%; width: auto; -webkit-border-radius: 0 10px; -webkit-background-clip: padding-box; -moz-border-radius: 0 10px; -moz-background-clip: padding; border-radius: 0 10px; background-clip: padding-box; } .button.medium, .fake-button.medium { padding: 10px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; margin: 12px 2%; max-width: 160px; -webkit-border-radius: 0 10px; -webkit-background-clip: padding-box; -moz-border-radius: 0 10px; -moz-background-clip: padding; border-radius: 0 10px; background-clip: padding-box; } .button.transparent, .fake-button.transparent { background-color: transparent; border: 2px solid #FF52A5; padding: 12px 15px; color: #fff; font-size: 20px; } .button.transparent p, .fake-button.transparent p { margin: 0px; display: inline-block; vertical-align: middle; } .button.transparent img, .fake-button.transparent img { width: 35px; vertical-align: middle; position: relative; right: 10px; } .button.transparent span, .fake-button.transparent span { font-size: 25px; vertical-align: middle; margin-right: 10px; } .button.invert, .fake-button.invert { background-color: rgba(255, 255, 255, 0.6); border: 2px solid rgba(255, 255, 255, 0.6); color: #FF52A5; border-color: rgba(255, 255, 255, 0.6); } .button.invert:hover, .fake-button.invert:hover { background-color: #ffffff; color: #FF52A5; border-color: #ffffff; } .button-box { text-align: center; } .button-box.left { text-align: left; } .button-box.right { text-align: right; } .mx-0 { margin-top: 0; margin-bottom: 0; } .my-0 { margin-left: 0; margin-right: 0; } .mt-0 { margin-top: 0; } .ml-0 { margin-left: 0; } .mb-0 { margin-bottom: 0; } .mr-0 { margin-right: 0; } .mx-1 { margin-top: 15px; margin-bottom: 15px; } .my-1 { margin-left: 15px; margin-right: 15px; } .mt-1 { margin-top: 15px; } .ml-1 { margin-left: 15px; } .mb-1 { margin-bottom: 15px; } .mr-1 { margin-right: 15px; } .mx-2 { margin-top: 30px; margin-bottom: 30px; } .my-2 { margin-left: 30px; margin-right: 30px; } .mt-2 { margin-top: 30px; } .ml-2 { margin-left: 30px; } .mb-2 { margin-bottom: 30px; } .mr-2 { margin-right: 30px; } .mx-3 { margin-top: 45px; margin-bottom: 45px; } .my-3 { margin-left: 45px; margin-right: 45px; } .mt-3 { margin-top: 45px; } .ml-3 { margin-left: 45px; } .mb-3 { margin-bottom: 45px; } .mr-3 { margin-right: 45px; } .px-0 { padding-top: 0; padding-bottom: 0; } .py-0 { padding-left: 0; padding-right: 0; } .pt-0 { padding-top: 0; } .pl-0 { padding-left: 0; } .pb-0 { padding-bottom: 0; } .pr-0 { padding-right: 0; } .px-1 { padding-top: 15px; padding-bottom: 15px; } .py-1 { padding-left: 15px; padding-right: 15px; } .pt-1 { padding-top: 15px; } .pl-1 { padding-left: 15px; } .pb-1 { padding-bottom: 15px; } .pr-1 { padding-right: 15px; } .px-2 { padding-top: 30px; padding-bottom: 30px; } .py-2 { padding-left: 30px; padding-right: 30px; } .pt-2 { padding-top: 30px; } .pl-2 { padding-left: 30px; } .pb-2 { padding-bottom: 30px; } .pr-2 { padding-right: 30px; } .px-3 { padding-top: 45px; padding-bottom: 45px; } .py-3 { padding-left: 45px; padding-right: 45px; } .pt-3 { padding-top: 45px; } .pl-3 { padding-left: 45px; } .pb-3 { padding-bottom: 45px; } .pr-3 { padding-right: 45px; } html, body, button, input, select, textarea { font-family: 'Roboto', sans-serif; } html, body { margin: 0; padding: 0; height: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } body { height: 100%; min-height: 100%; font-weight: 200; } body #wrapper { min-height: 100%; position: relative; font-size: 0; background-color: #ebebeb; } body #wrapper a { outline: 0; } .main-header a, .main-footer a { text-decoration: none; } .main-header .ead-title, .main-footer .ead-title, .main-header .ead-sub-title, .main-footer .ead-sub-title { font-family: 'Hind Siliguri', sans-serif; color: white; } .main-header .ead-title, .main-footer .ead-title { font-size: 28px; line-height: 28px; margin-bottom: 0px; } .main-header .ead-sub-title, .main-footer .ead-sub-title { font-size: 14px; } .main-footer { text-align: center; } .main-footer .ead-title { font-size: 18px; line-height: 18px; } .main-footer .ead-sub-title { font-size: 10px; } @media only screen and (max-width: 479px) { .main-header .ead-title { font-size: 20px; line-height: 20px; } .main-header .ead-sub-title { font-size: 10px; } .main-footer .ead-title { font-size: 16px; line-height: 16px; margin-top: 22px; } } #content { padding-bottom: 80px; } #site-footer { position: absolute; bottom: 0; width: 100%; } .centralizer { margin: 0 auto; text-align: center; max-width: 100%; position: relative; width: 1024px; -webkit-box-sizing: border-box; box-sizing: border-box; } .align-left { text-align: left; } .align-right { text-align: right; } #video-classes { text-align: left; } #loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: #fff; z-index: 99999999999; } #loading img { position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; } #site-header { font-size: 0; } #site-header > div { background-color: #410460; padding: 20px 0; } #site-header > div .centralizer { text-align: left; font-size: 0; } #site-header > div section { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } #site-header > div section#logo { width: calc(50% - 20px); text-align: left; margin-left: 20px; } #site-header > div section#logo a { display: inline-block; } #site-header > div section#logo a img { margin: 0; display: inline-block; width: 200px; } #site-header > div section#menu { text-align: right; } #site-header > div section#menu .desktop { height: 100%; position: relative; } #site-header > div section#menu .desktop p { font-size: 14px; color: #fff; display: inline-block; margin: 0; vertical-align: top; line-height: 60px; margin-right: 10px; } #site-header > div section#menu .desktop p span { font-size: 12px; margin-left: 5px; } #site-header > div section#menu .desktop #profile-picture { vertical-align: top; height: 60px; width: 60px; display: inline-block; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; overflow: hidden; } #site-header > div section#menu .desktop #profile-picture img { display: inline-block; width: 100%; } #site-header > div #menu-bubble { display: none; position: absolute; top: 75px; right: 8px; background-color: #fff; z-index: 99999; font-size: 0; padding: 0; border-radius: 5px; -webkit-box-shadow: 0px 0px 30px -5px; box-shadow: 0px 0px 30px -5px; } #site-header > div #menu-bubble:before { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 213, 213, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -17px; } #site-header > div #menu-bubble li { text-align: left; min-width: 180px; border-top: 1px solid rgba(65, 4, 96, 0.2); } #site-header > div #menu-bubble li.disabled a { color: rgba(84, 84, 84, 0.6); } #site-header > div #menu-bubble li.disabled:hover a { color: rgba(84, 84, 84, 0.6); } #site-header > div #menu-bubble li:first-child { border-top: none; } #site-header > div #menu-bubble li:hover a { color: #20022f; } #site-header > div #menu-bubble li a { text-decoration: none; font-size: 14px; letter-spacing: 0.5px; padding: 12px 15px; display: block; color: #410460; font-weight: 400; } #site-header > div #menu-bubble li a span { font-size: 16px; position: relative; top: 1px; padding-right: 10px; color: inherit; } #site-header #breadcrumb { vertical-align: top; background-color: #2B003C; padding: 10px 0; } #site-header #breadcrumb ul { text-align: left; list-style: none; padding: 0; padding-left: 15px; margin: 0; } #site-header #breadcrumb ul li { font-size: 13px; display: inline-block; color: #fff; } #site-header #breadcrumb ul li a { text-decoration: none; font-size: inherit; color: inherit; } #site-header #breadcrumb ul li a:hover { text-decoration: underline; } @media only screen and (max-width: 479px) { #site-header #breadcrumb { display: none; } } #mobile-menu { display: none; position: fixed; overflow-y: scroll; z-index: 9999; background-image: url('img/bg_login.jpg'); background-size: cover; top: 0; left: 0; width: 100%; height: 100%; } #mobile-menu .mobile-menu-close { position: absolute; top: 20px; outline: 0; right: 20px; background-color: transparent; border: none; } #mobile-menu .mobile-menu-close span { font-size: 20px; color: #fff; } #mobile-menu #mobile-menu-header { text-align: center; margin-top: 60px; } #mobile-menu #mobile-menu-header #profile-picture { vertical-align: top; height: 80px; width: 80px; display: inline-block; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; overflow: hidden; border: 6px solid rgba(255, 255, 255, 0.25); } #mobile-menu #mobile-menu-header #profile-picture img { display: inline-block; width: 100%; } #mobile-menu #mobile-menu-header p { font-size: 20px; color: #fff; } #mobile-menu #mobile-menu-list { list-style: none; padding: 0; padding-top: 20px; } #mobile-menu #mobile-menu-list li { display: inline-block; width: 100%; font-size: 15px; font-weight: 200; text-transform: uppercase; border-bottom: 2px solid rgba(255, 255, 255, 0.2); } #mobile-menu #mobile-menu-list li:first-child { border-top: 2px solid rgba(255, 255, 255, 0.2); } #mobile-menu #mobile-menu-list li a { color: #fff; text-decoration: none; padding: 40px 20px; display: inline-block; width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } #mobile-menu #mobile-menu-list li a span { color: inherit; position: absolute; right: 20px; font-size: 14px; } #mobile-menu #mobile-menu-list li a span.left { position: relative; right: auto; margin-left: 10px; } @media only screen and (max-width: 1024px) { #site-header > div .centralizer { padding-right: 20px; } } @media only screen and (max-width: 479px) { #site-header > div section#menu { text-align: right; } #site-header > div section#menu .mobile span { font-size: 30px; color: #fff; line-height: 65px; cursor: pointer; } #site-header > div section#menu .desktop { display: none; } #site-header > div #menu-bubble { display: none !important; } } #site-footer { background-color: #410460; -webkit-box-sizing: border-box; box-sizing: border-box; height: 80px; } #site-footer a, #site-footer a:link, #site-footer a:active, #site-footer a:visited { color: #fff; text-decoration: none; } #site-footer a:hover { color: #FF52A5; } #login #wrapper { background-image: url('img/bg_login.jpg'); background-size: cover; } #login #wrapper #login-header img { display: inline-block; max-width: 240px; } #login #wrapper #content > .centralizer { max-width: 350px; font-size: 16px; font-weight: 200; color: #fff; } #login #wrapper #content > .centralizer #login-form .field { border-color: #fff; margin: 20px 0; } #login #wrapper #content > .centralizer #login-form .field input { border-color: #fff; border-top: none; border-left: none; border-right: none; color: #fff; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; } #login #wrapper #content > .centralizer #login-form .field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white; } #login #wrapper #content > .centralizer #login-form .field input::-moz-placeholder { /* Firefox 19+ */ color: white; } #login #wrapper #content > .centralizer #login-form .field input:-ms-input-placeholder { /* IE 10+ */ color: white; } #login #wrapper #content > .centralizer #login-form .field input:-moz-placeholder { /* Firefox 18- */ color: white; } #login #wrapper #content > .centralizer #login-form button { width: 96%; max-width: 100%; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; background-color: #fff; border-color: #fff; color: #410460; margin: 30px 0; } #login #wrapper #content > .centralizer #login-form button:hover { color: white; border-color: #fff; background-color: transparent; } #login #wrapper #content > .centralizer #error { font-size: 14px; color: inherit; text-align: center; margin: 0; } #login #wrapper #content > .centralizer #login-extra h4 a { font-weight: 600; text-decoration: none; } #login #wrapper #content > .centralizer #login-extra a { text-decoration: underline; outline: 0; color: inherit; display: inline-block; width: 100%; font-weight: 200; } #login #wrapper #content > .centralizer #login-extra img { display: inline-block; } #login #wrapper #content > .centralizer #login-extra p { font-weight: 200; } #home .mobile { display: none; } #home #banner-box { width: 100%; } #home #banner-box > .banner { width: 100%; height: 340px; background-size: cover; background-repeat: no-repeat; background-position: center top; position: relative; color: #410460; cursor: pointer; } #home #banner-box > .banner .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 440px; } #home #banner-box > .banner .banner-content .banner-title { font-size: 26px; color: inherit; text-transform: uppercase; } #home #banner-box > .banner .banner-content .banner-description { font-size: 20px; color: inherit; font-weight: 400; } #home #banner-box > .banner .banner-content .button { font-weight: 400; } #home #banner-box .banner-control { position: absolute; top: 50%; margin-top: -10px; z-index: 999; } #home #banner-box .banner-control.cycle-prev { left: 20px; } #home #banner-box .banner-control.cycle-next { right: 20px; } #home #banner-box .banner-control span { width: 40px; display: inline-block; height: 40px; line-height: 40px; border: 2px solid #410460; color: #410460; font-size: 16px; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; cursor: pointer; } #home .banner-pager { /*position: absolute;*/ top: 10px; width: 100%; /*z-index: 999;*/ } #home .banner-pager span { position: relative; width: 9px; height: 9px; display: inline-block; background-color: #410460; margin: 5px; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; padding: 2px; background-clip: content-box; border: 2px solid transparent; } #home .banner-pager span.cycle-pager-active { border-color: #410460; } #home #search-box #search-form h2 { text-transform: uppercase; color: #FF52A5; padding: 0; margin-right: 10px; font-size: 20px; line-height: 20px; font-weight: 400; display: inline-block; } #home #search-box #search-form .field { width: 100%; max-width: 200px; margin-left: 0; } #home #search-box #search-form #search-button { max-width: auto; width: auto; margin: 0; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; padding: 10px 12px; font-size: 0; } #home #search-box #search-form #search-button span { font-size: 14px; } #home #themes-box { border-top: 10px solid #d8d8d8; margin-bottom: 50px; } #home #themes-box .event-box { border-bottom: 2px solid #d8d8d8; padding: 15px 0; } #home #themes-box .event-box .event-box-header { text-align: left; } #home #themes-box .event-box .event-box-header .event-title { font-size: 24px; font-weight: 600; text-transform: uppercase; color: #FF52A5; margin: 10px 0; margin-bottom: 0; } #home #themes-box .event-box .event-box-header .event-description { color: #2B003C; font-size: 16px; font-weight: 600; margin-top: 0; } #home #themes-box .event-box .event-box-body { font-size: 0; margin-top: 10px; text-align: left; } #home #themes-box .event-box .event-box-body .event-image { vertical-align: top; background-color: #a1a1a1; width: 33.33333333%; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; } #home #themes-box .event-box .event-box-body .event-activities-list { vertical-align: top; display: inline-block; width: 66.66666667%; list-style: none; padding: 0; margin: 0; font-size: 0; text-align: left; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } #home #themes-box .event-box .event-box-body .event-activities-list li { padding: 0 10px; vertical-align: top; padding-bottom: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: left; width: 50%; } #home #themes-box .event-box .event-box-body .event-activities-list li p { margin: 0; font-size: 16px; color: rgba(46, 46, 46, 0.8); font-weight: 400; display: inline-block; } #home #themes-box .event-box .event-box-body .event-activities-list li p.enabled { color: #410460; cursor: pointer; } #home #themes-box .event-box .event-box-body .event-activities-list li p.enabled:hover { text-decoration: underline; } #home #themes-box .event-box .event-box-body .event-activities-list li p a { text-decoration: none; color: inherit; } #home #themes-box .event-box .event-box-body .event-activities-list li p span { margin-right: 5px; font-size: inherit; color: inherit; } @media only screen and (max-width: 1024px) { #home .button-box { margin-right: 20px; } #home .button-box .button { font-size: 12px; padding: 10px 14px; max-width: 235px; -webkit-border-radius: 0 15px; -webkit-background-clip: padding-box; -moz-border-radius: 0 15px; -moz-background-clip: padding; border-radius: 0 15px; background-clip: padding-box; } #home #search-box, #home #themes-box { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 800px) { #home .button-box { display: none; } #home .mobile { display: inline-block; } #home #search-box #search-form h2 { display: none; } #home #search-box #search-form .field { width: 40%; max-width: 40%; margin-left: 0; margin-right: 2.5%; } #home #search-box #search-form #search-button { max-width: 15%; width: 15%; margin: 0; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; padding: 10px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } #home #themes-box .event-box .event-box-header { text-align: center; } #home #themes-box .event-box .event-box-body .event-image { width: 100%; } #home #themes-box .event-box .event-box-body .event-activities-list { display: none; } #home #themes-box .event-box .event-box-body .mobile { display: block; text-align: center; margin: 0 auto; margin-top: 30px; margin-bottom: 15px; max-width: 285px; } } @media only screen and (max-width: 479px) { #home .mobile { display: inline-block; } #home #banner-box > div .banner-content .banner-title { font-size: 22px; } #home #banner-box > div .banner-content .banner-description { font-size: 16px; } #home #banner-box > div .banner-content .button { font-size: 12px; max-width: 130px; } #home #search-box #search-form h2 { display: none; } #home #search-box #search-form .field { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } #home #search-box #search-form #search-button { max-width: 100%; width: 100%; margin: 0; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; padding: 10px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; } #home #search-box #search-form #search-button span { font-size: 0; } } #videoClass #top-content { font-size: 0; text-align: left; margin: 30px 0; margin-top: 60px; } #videoClass #top-content h1 { font-size: 36px; font-weight: 400; color: #FF52A5; display: inline-block; width: 50%; text-align: left; padding: 0; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; font-weight: 200; margin: 0; vertical-align: top; } #videoClass #top-content h1 span { font-size: 30px; margin-right: 5px; } #videoClass #top-content .button-box { display: inline-block; width: 50%; vertical-align: top; } #videoClass #top-content .button-box button { margin: 0; } #videoClass #video-container { text-align: left; margin-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } #videoClass #video-container h1 { font-size: 22px; color: #2B003C; text-transform: uppercase; margin: 0; font-weight: 600; padding-left: 20px; } #videoClass #video-container p { display: inline-block; font-size: 13px; color: #545454; margin: 0; position: relative; font-weight: 400; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; } #videoClass #video-container p:before { content: '|'; position: absolute; font-size: inherit; right: 4px; } #videoClass #video-container #videoPlayer { background-color: black; margin: 10px 0; } #videoClass #video-container #videoPlayer #curent-video { width: 100%; } #videoClass #video-container #videoPlayer #curent-video .vjs-big-play-button { height: 80px; width: 80px; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; } #videoClass #video-container #videoPlayer #curent-video .vjs-big-play-button:before { line-height: 75px; } #videoClass .related-container { margin: 20px 0; } #videoClass .related-container .related-video-title-box { background-color: #d8d8d8; text-align: left; } #videoClass .related-container .related-video-title-box h1 { padding-right: 5px; margin: 0; display: inline-block; font-size: 16px; text-transform: uppercase; font-weight: 600; background-color: #ebebeb; color: #410460; line-height: 16px; } #videoClass .related-container .related-video-list { list-style: none; padding: 0; text-align: left; padding: 15px 0; } #videoClass .related-container .related-video-list li { display: inline-block; margin: 15px 0; margin-right: 40px; width: 186px; vertical-align: top; } #videoClass .related-container .related-video-list li:last-child { margin-right: 0; } #videoClass .related-container .related-video-list li a { display: inline-block; text-decoration: none; width: 100%; } #videoClass .related-container .related-video-list li a figure { margin-bottom: 10px; position: relative; } #videoClass .related-container .related-video-list li a figure:before { content: "\e902"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; font-size: 15px; color: #fff; width: 35px; height: 35px; background-color: #545454; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; text-align: center; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; line-height: 35px; padding-left: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } #videoClass .related-container .related-video-list li a figure img { width: 100%; height: auto; } #videoClass .related-container .related-video-list li a h1 { color: #545454; font-size: 16px; font-weight: 600; margin: 0; } #videoClass .related-container .related-video-list li a p { color: #545454; font-size: 13px; font-weight: 400; margin: 0; } @media only screen and (max-width: 1024px) { #videoClass .button-box { padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } #videoClass .button-box .button { font-size: 12px; padding: 10px 14px; max-width: 235px; -webkit-border-radius: 0 15px; -webkit-background-clip: padding-box; -moz-border-radius: 0 15px; -moz-background-clip: padding; border-radius: 0 15px; background-clip: padding-box; } #videoClass .related-container { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 800px) { #videoClass #top-content { margin-top: 40px; } #videoClass #top-content h1 { font-size: 24px; } #videoClass #top-content h1 span { font-size: 20px; } #videoClass #top-content .button-box { display: none; } #videoClass #video-container #video-title { font-size: 20px; } #videoClass .related-container .related-video-list { text-align: center; } } @media only screen and (max-width: 479px) { .curent-video-dimensions { height: 210px !important; } #videoClass .mobile { display: inline-block; } #videoClass #top-content { margin-top: 30px; margin-bottom: 20px; } #videoClass #top-content h1 { font-size: 20px; } #videoClass #top-content h1 span { font-size: 16px; } #videoClass #top-content .button-box { display: none; } #videoClass #video-container #video-title { font-size: 16px; } #videoClass .related-container .related-video-list { text-align: center; } #videoClass .related-container .related-video-list li { width: 100%; margin-right: 0; } } #transmissions { /* @media @smartphones, @tablets{ .gallery-video{ overflow: scroll; } } @media @desktop{ .gallery-video{ overflow: hidden; } }*/ } #transmissions .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #transmissions .transmission-title { text-align: left; display: inline-block; width: 50%; text-transform: uppercase; } #transmissions .transmission-title p { color: #410460; font-size: 34px; margin-top: 10px; } @media only screen and (max-width: 479px) { #transmissions .transmission-title p { font-size: 28px; } } @media only screen and (max-width: 479px) { #transmissions .transmission-title { width: 100%; } } #transmissions .button-box { width: 50%; display: inline-block; text-align: right; } @media only screen and (max-width: 479px) { #transmissions .button-box { display: none; } } #transmissions hr { color: #adadad; height: 1px; } #transmissions hr.right { text-align: right; } #transmissions hr.left { text-align: left; } #transmissions #section-transmission { margin-top: 34px; } #transmissions #section-transmission .gallery-video { border: none; height: 150px; overflow: hidden; text-align: left; position: relative; } #transmissions #section-transmission .gallery-video .gallery-video-scroller { width: ; position: absolute; } #transmissions #section-transmission .gallery-video .gallery-video-scroller .gallery-video-item { position: relative; height: 100px; display: inline-block; margin-right: 16px; text-decoration: none; } #transmissions #section-transmission .gallery-video .gallery-video-scroller .gallery-video-item img { width: 175px; height: 100px; } #transmissions #section-transmission .gallery-video .gallery-video-scroller .gallery-video-item .gallery-video-item-overlay { display: block; position: absolute; top: 0; width: 100%; height: 100px; background: rgba(255, 255, 255, 0.5) url('img/video-player-play.png') no-repeat center; } #transmissions #section-transmission .gallery-video .gallery-video-scroller .gallery-video-item .gallery-video-item-overlay:hover { background: transparent; } #transmissions #section-transmission .gallery-video .gallery-video-scroller .gallery-video-item .desc { text-align: left; font-size: 14px; color: #545454; margin-top: 6px; } @media only screen and (max-width: 479px) { #transmissions #section-transmission .gallery-video { overflow: scroll; } } #transmissions .gallery-video-controls { position: relative; } #transmissions .gallery-video-controls .arrow { width: 32px; height: 32px; display: block; position: absolute; top: -115px; } #transmissions .gallery-video-controls .arrow.right { right: -50px; background-image: url('img/slider-arrow-right.png'); } #transmissions .gallery-video-controls .arrow.left { left: -50px; background-image: url('img/slider-arrow-left.png'); } @media only screen and (max-width: 479px), only screen and (max-width: 800px) { #transmissions .gallery-video-controls { display: none; } } #transmissions iframe { width: 100%; height: 626px; } @media only screen and (max-width: 479px) { #transmissions iframe { height: 176px; } } @media only screen and (max-width: 800px) { #transmissions iframe { height: 486px; } } #transmissions .section-comments-videos { width: 100%; display: table; margin-top: 56px; position: relative; } #transmissions .section-comments-videos .comments { width: 75%; display: inline-block; text-align: left; min-width: 320px; left: 0; float: left; } #transmissions .section-comments-videos .comments .comment-list { margin: 0; list-style-type: none; text-decoration: none; text-align: left; padding: 0px; width: 100%; } #transmissions .section-comments-videos .comments .comment-list.padding { padding: 0 0 0 40px; } #transmissions .section-comments-videos .comments .comment-list .height-comments { width: 100%; } #transmissions .section-comments-videos .comments .comment-list .photo-left { width: 80px; display: inline-block; vertical-align: top; margin-top: 20px; margin-right: 10px; } @media only screen and (max-width: 479px) { #transmissions .section-comments-videos .comments .comment-list .photo-left { display: none; } } #transmissions .section-comments-videos .comments .comment-list .comment-right { width: 85%; display: inline-block; margin-top: 20px; } @media only screen and (max-width: 479px) { #transmissions .section-comments-videos .comments .comment-list .comment-right { width: 100%; } } #transmissions .section-comments-videos .comments .comment-list .align-comments { width: 100%; } #transmissions .section-comments-videos .comments .comment-list .circle-profile-photo { border-radius: 50%; width: 80px; background-image: url('img/profile.png'); text-align: left; } #transmissions .section-comments-videos .comments .comment-list .name { font-size: 16px; color: #2d1f21; margin-top: 0; font-weight: 600; margin-bottom: 7px; } #transmissions .section-comments-videos .comments .comment-list .date { font-size: 12px; color: #686868; } #transmissions .section-comments-videos .comments .comment-list .box-comment { font-size: 14px; color: #686868; margin-top: 5px; } #transmissions .section-comments-videos .comments .comment-list .reply { color: #410460; font-size: 14px; text-align: right; text-decoration: none; text-transform: uppercase; } #transmissions .section-comments-videos .comments .comment-list .reply a:style { color: #410460; text-decoration: none; } #transmissions .section-comments-videos .comments .comment-list .reply a:hover { text-decoration: underline; } #transmissions .section-comments-videos .comments .comment-list .reply .answer { color: #410460; text-decoration: none; } #transmissions .section-comments-videos .more-comments { color: #410460; text-align: center; text-transform: uppercase; font-size: 14px; } #transmissions .section-comments-videos .more-comments a { color: #410460; text-decoration: none; } #transmissions .section-comments-videos .more-comments a:hover { text-decoration: underline; } #transmissions .section-comments-videos textarea { color: #545454; background-color: transparent; border-radius: 5px; border: 1px solid #545454; width: 100%; height: 124px; margin-top: 14px; font-size: 14px; } #transmissions .section-comments-videos textarea::-webkit-input-placeholder { color: #545454; font-style: italic; } #transmissions .section-comments-videos textarea::-moz-placeholder { color: #545454; font-style: italic; } #transmissions .section-comments-videos textarea:-ms-input-placeholder { color: #545454; font-style: italic; } #transmissions .section-comments-videos textarea::-ms-input-placeholder { color: #545454; font-style: italic; } #transmissions .section-comments-videos textarea::placeholder { color: #545454; font-style: italic; } #transmissions .section-comments-videos textarea::-ms-input-placeholder { color: #545454; font-style: italic; } #transmissions .section-comments-videos textarea:-ms-input-placeholder { color: #545454; font-style: italic; } #transmissions .section-comments-videos .btn-comment { background-color: #410460; border: 0; color: white; border-radius: 5px; height: 35px; margin-top: 17px; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; } #transmissions .section-comments-videos .last-videos { width: 20%; text-align: right; right: 0; float: right; } #transmissions .section-comments-videos .last-videos .last-transmissions { width: 100%; text-align: left; margin-top: 0; } #transmissions .section-comments-videos .last-videos .last-transmissions .gallery-last-transmission-item { position: relative; height: 173px; display: inline-block; text-decoration: none; } #transmissions .section-comments-videos .last-videos .last-transmissions .gallery-last-transmission-item img { width: 100%; height: 129px; margin-top: 25px; } #transmissions .section-comments-videos .last-videos .last-transmissions .gallery-last-transmission-item .gallery-video-item-overlay { display: block; position: absolute; top: 25px; width: 100%; height: 129px; background: rgba(255, 255, 255, 0.5) url('img/video-player-play.png') no-repeat center; } #transmissions .section-comments-videos .last-videos .last-transmissions .gallery-last-transmission-item .gallery-video-item-overlay:hover { background: transparent; } #transmissions .section-comments-videos .last-videos .last-transmissions .gallery-last-transmission-item .about-video .date-video { font-size: 13px; color: #545454; margin-top: 10px; } #transmissions .section-comments-videos .last-videos .last-transmissions .gallery-last-transmission-item .about-video .desc-video { font-size: 16px; color: #2d1f21; font-weight: 600; } #transmissions .section-comments-videos .title { text-transform: uppercase; color: #545454; font-weight: 400; } #transmissions .section-comments-videos .title.videos { font-size: 22px; margin-bottom: 0px; text-align: left; } #transmissions .section-comments-videos .title.comment { font-size: 22px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #transmissions .section-comments-videos .last-videos, #transmissions .section-comments-videos .comments { position: relative; width: 100%; } } #transmissions .section-comments-videos h3 { font-size: 12px; } #questions-and-answer .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #questions-and-answer .main-title { text-align: left; display: inline-block; width: 50%; } #questions-and-answer .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #questions-and-answer .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #questions-and-answer .main-title .title { font-size: 22px; } #questions-and-answer .main-title .title img { width: 25px; height: 25px; } } #questions-and-answer .main-title .subtitle { font-size: 16px; color: #545454; margin-top: 10px; margin-bottom: 50px; font-family: 'Arial'; } @media only screen and (max-width: 479px) { #questions-and-answer .main-title { width: 100%; } } #questions-and-answer .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; vertical-align: text-bottom; } @media only screen and (max-width: 479px) { #questions-and-answer .button-box { display: none; } } #questions-and-answer .section-questions-answers { width: 100%; text-align: left; } #questions-and-answer .section-questions-answers .box-question-answer { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 40px; } #questions-and-answer .section-questions-answers .box-question-answer .box-question { background-color: #410460; padding-left: 18px; padding-right: 18px; padding-bottom: 20px; padding-top: 20px; } #questions-and-answer .section-questions-answers .box-question-answer .box-question span { font-size: 16px; color: #fff; margin-top: 0; margin-bottom: 0px; font-family: 'Open Sans'; font-weight: bold; } #questions-and-answer .section-questions-answers .box-question-answer .box-question span div { display: inline-block; } #questions-and-answer .section-questions-answers .box-question-answer .box-question span p { display: inline-block; } #questions-and-answer .section-questions-answers .box-question-answer .box-question .question { font-size: 16px; color: #fff; margin-top: 0; margin-bottom: 0px; font-family: 'Open Sans'; font-weight: bold; } #questions-and-answer .section-questions-answers .box-question-answer .box-question .about-question { font-size: 12px; color: #FF52A5; margin-top: 0; margin-bottom: 0; font-family: 'Open Sans'; font-style: italic; } #questions-and-answer .section-questions-answers .box-question-answer .box-answer { background-color: #fff; padding-left: 18px; padding-right: 18px; } #questions-and-answer .section-questions-answers .box-question-answer .box-answer .about-answer { font-size: 12px; color: #9c9c9c; margin-top: 0; margin-bottom: 0; padding-top: 30px; font-family: 'Open Sans'; font-style: italic; } #questions-and-answer .section-questions-answers .box-question-answer .box-answer .answer { font-size: 14px; color: #545454; padding-bottom: 25px; text-align: justify; margin-bottom: 0; font-family: 'Open Sans'; } @media only screen and (max-width: 479px) { #questions-and-answer .section-questions-answers .box-question-answer .box-answer .answer { margin-top: 2px; } } #questions-and-answer .paginate { text-align: center; display: table; width: 100%; } #questions-and-answer .paginate a { color: #545454; } #questions-and-answer .paginate a:hover { color: #545454; } #questions-and-answer .paginate .circle-page-arrow { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 20px; } #questions-and-answer .paginate .circle-page-arrow.left { background-image: url('img/arrow-left4.svg'); margin-right: 7px; } #questions-and-answer .paginate .circle-page-arrow.right { background-image: url('img/arrow-right4.svg'); } #questions-and-answer .paginate .circle-page-number { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; margin-right: 7px; vertical-align: top; } #questions-and-answer .paginate .circle-page-number p { font-size: 16px; margin-top: 12px; margin-bottom: 0; } #questions-and-answer .paginate .circle-page-number:hover { background: #410460; border: 1px solid transparent; overflow: hidden; color: #fff; } @media only screen and (max-width: 479px) { #questions-and-answer .paginate .mobile { display: none; } } #test .message { margin-top: 50px; } #test .message img { margin-bottom: 10px; width: 30px; height: 30px; } #test .message .green, #test .message .red { color: #410460; font-size: 18px; } #test .message h3 { font-size: 15px; margin-top: 5px; margin-bottom: 35px; color: #434343; font-weight: 400; } #test .message .btn { text-transform: uppercase; background-color: #410460; color: #fff; font-size: 16px; width: 157px; padding: 10px; border: 1px solid transparent; border-radius: 5px; margin-bottom: 30px; margin-left: 30px; } #test .message .btn.left { text-align: left; } #test .message .btn.right { text-align: right; } #test .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #test .main-title { text-align: left; display: inline-block; width: 50%; } #test .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #test .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #test .main-title .title { font-size: 22px; } #test .main-title .title img { width: 25px; height: 25px; } } @media only screen and (max-width: 479px) { #test .main-title { width: 100%; } } #test .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #test .button-box { display: none; } } #test .section-questions { width: 100%; text-align: left; margin-top: 43px; } #test .section-questions .box-question-answer { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 40px; } #test .section-questions .box-question-answer .box-question { background-color: #410460; padding-left: 18px; padding-right: 18px; padding-bottom: 20px; padding-top: 20px; } #test .section-questions .box-question-answer .box-question span { font-size: 16px; color: #fff; margin-top: 0; margin-bottom: 0px; } #test .section-questions .box-question-answer .box-question span div { display: inline-block; } #test .section-questions .box-question-answer .box-question span p { display: inline-block; } #test .section-questions .box-question-answer .box-answer { background-color: #fff; padding-left: 18px; padding-right: 18px; padding-top: 15px; padding-bottom: 20px; } #test .section-questions .box-question-answer .box-answer form { font-size: 14px; color: #545454; } #test .section-questions .box-question-answer .box-answer form input { margin-right: 8px; margin-bottom: 0; margin-top: 15px; } #test .section-points { width: 100%; font-size: 14px; margin-top: 20px; display: table; font-family: 'Arial'; } #test .section-points .points { width: 80%; display: inline-block; } #test .section-points .points ul { padding-left: 27px; list-style-image: url('img/arrow-right5.svg?nocahe'); text-align: left; } #test .section-points .points ul li { font-size: 13px; font-style: italic; color: #545454; } #test .section-points .points ul li p { margin-top: 0; margin-bottom: 0; display: inline-block; margin-left: 3px; } @media only screen and (max-width: 479px) { #test .section-points .points { width: 100%; } } #test .section-points .btn { width: 20%; display: inline-block; text-align: right; } #test .section-points .btn .btn-answer { background-color: #410460; border: 0; color: #fff; border-radius: 5px; font-size: 14px; text-transform: uppercase; height: 35px; text-align: right; } @media only screen and (max-width: 479px) { #test .section-points .btn { width: 100%; text-align: left; } } #test .section-points .alert { display: inline-block; text-align: right; } #test .section-points .alert .wrong { background-color: #fff; border: 0; border-radius: 50px; text-transform: uppercase; height: 35px; text-align: right; width: 200px; font-weight: bold; font-size: 14px; font-family: 'Arial'; text-align: center; padding-top: 13px; color: #410460; } #test .section-points .alert .correct { background-color: #fff; border: 0; border-radius: 50px; text-transform: uppercase; height: 35px; text-align: right; width: 200px; font-weight: bold; font-size: 14px; font-family: 'Arial'; text-align: center; padding-top: 13px; color: #407f1d; } #test .section-points .alert img { text-align: center; padding-top: 4px; vertical-align: top; margin-right: 6px; } @media only screen and (max-width: 479px) { #test .section-points .alert { width: 100%; text-align: left; } } #test .about-points-ranking { text-align: right; font-family: 'Arial'; } #test .about-points-ranking .position-question { font-size: 15px; color: #410460; font-style: italic; text-align: right; margin-bottom: 3px; } @media only screen and (max-width: 479px) { #test .about-points-ranking .position-question { text-align: left; } } #test .about-points-ranking .points-ranking { font-style: italic; font-size: 14px; } #test .about-points-ranking .points-ranking p { margin-bottom: 0; margin-top: 0; } #test .about-points-ranking .points-ranking .border { border-left: 1px solid #545454; margin-left: 7px; } @media only screen and (max-width: 479px) { #test .about-points-ranking .points-ranking .border { display: none; } } @media only screen and (max-width: 479px) { #test .about-points-ranking { text-align: left; } } #test-feedback .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #test-feedback .main-title { text-align: left; display: inline-block; width: 50%; } #test-feedback .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #test-feedback .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #test-feedback .main-title .title { font-size: 22px; } #test-feedback .main-title .title img { width: 25px; height: 25px; } } #test-feedback .main-title .subtitle { font-size: 16px; color: #545454; margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 479px) { #test-feedback .main-title { width: 100%; } } #test-feedback .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #test-feedback .button-box { display: none; } } #test-feedback .section-questions-answers { width: 100%; text-align: left; } #test-feedback .section-questions-answers .attempts { text-align: left; } #test-feedback .section-questions-answers .attempts select { border: 1px solid #545454; border-radius: 5px; background-color: transparent; font-size: 14px; font-family: 'Open Sans'; font-weight: 600; color: #545454; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; background-image: url("img/arrow-down4.svg"); background-repeat: no-repeat; background-position: right 7px center; height: 30px; width: 175px; padding-left: 5px; padding-right: 5px; } #test-feedback .section-questions-answers .box-question-answer { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 15px; margin-top: 20px; font-family: 'Open Sans'; } #test-feedback .section-questions-answers .box-question-answer .box-question { background-color: #410460; padding-left: 18px; padding-right: 18px; padding-bottom: 20px; padding-top: 20px; /*.question{ font-size: 16px; color: @color1; margin-top: 0; margin-bottom: 0px; }*/ } #test-feedback .section-questions-answers .box-question-answer .box-question span { font-size: 16px; color: #fff; margin-top: 0; margin-bottom: 0px; } #test-feedback .section-questions-answers .box-question-answer .box-question span div { display: inline-block; } #test-feedback .section-questions-answers .box-question-answer .box-question span p { display: inline-block; } #test-feedback .section-questions-answers .box-question-answer .box-answer { background-color: #fff; padding-left: 18px; padding-right: 18px; padding-top: 15px; padding-bottom: 20px; } #test-feedback .section-questions-answers .box-question-answer .box-answer form { font-size: 14px; color: #545454; } #test-feedback .section-questions-answers .box-question-answer .box-answer form input { margin-right: 8px; margin-bottom: 0; margin-top: 15px; } #test-feedback .section-questions-answers .section-points { width: 100%; font-size: 14px; margin-top: 20px; display: table; } #test-feedback .section-questions-answers .section-points .points { width: 80%; display: inline-block; } #test-feedback .section-questions-answers .section-points .points ul { padding-left: 27px; list-style-image: url('img/arrow-right5.svg?nocahe'); text-align: left; } #test-feedback .section-questions-answers .section-points .points ul li { font-size: 13px; font-style: italic; color: #545454; font-family: 'Arial'; } #test-feedback .section-questions-answers .section-points .points ul li span { margin-top: 0; margin-bottom: 0; display: inline-block; margin-left: 3px; } @media only screen and (max-width: 479px) { #test-feedback .section-questions-answers .section-points .points { width: 100%; } } #test-feedback .section-questions-answers .section-points .alert { width: 20%; display: inline-block; text-align: right; } #test-feedback .section-questions-answers .section-points .alert .wrong { background-color: #fff; border: 0; border-radius: 50px; text-transform: uppercase; height: 35px; text-align: right; width: 200px; font-weight: bold; font-size: 14px; font-family: 'Arial'; text-align: center; padding-top: 13px; color: #410460; } #test-feedback .section-questions-answers .section-points .alert .correct { background-color: #fff; border: 0; border-radius: 50px; text-transform: uppercase; height: 35px; text-align: right; width: 200px; font-weight: bold; font-size: 14px; font-family: 'Arial'; text-align: center; padding-top: 13px; color: #407f1d; } #test-feedback .section-questions-answers .section-points .alert img { text-align: center; padding-top: 4px; vertical-align: top; margin-right: 6px; } @media only screen and (max-width: 479px) { #test-feedback .section-questions-answers .section-points .alert { width: 100%; text-align: left; } } #test-feedback .section-questions-answers hr { color: #545454; margin-top: 20px; margin-bottom: 30px; } #test-feedback .box-results { margin-top: 30px; text-align: left; width: 100%; background-color: #fff; border: 0; border-radius: 5px; padding-bottom: 25px; padding-top: 25px; } #test-feedback .box-results .line { margin-top: 5px; margin-bottom: 5px; } @media only screen and (max-width: 479px) { #test-feedback .box-results .line { display: none; } } #test-feedback .box-results .icon { width: 10%; display: inline-block; } #test-feedback .box-results .icon img { vertical-align: baseline; margin-left: 23px; } @media only screen and (max-width: 479px) { #test-feedback .box-results .icon { display: none; margin-bottom: 10px; } } #test-feedback .box-results .points, #test-feedback .box-results .nota, #test-feedback .box-results .ranking { font-size: 14px; width: 30%; display: inline-block; vertical-align: top; } #test-feedback .box-results .points label, #test-feedback .box-results .nota label, #test-feedback .box-results .ranking label { color: #410460; } #test-feedback .box-results .points span, #test-feedback .box-results .nota span, #test-feedback .box-results .ranking span { color: #545454; margin-left: 3px; } @media only screen and (max-width: 479px) { #test-feedback .box-results .points, #test-feedback .box-results .nota, #test-feedback .box-results .ranking { width: 100%; margin-left: 15px; } } #test-feedback .paginate { text-align: center; display: table; width: 100%; margin-top: 55px; } #test-feedback .paginate a { color: #545454; } #test-feedback .paginate a:hover { color: #545454; } #test-feedback .paginate .circle-page-arrow { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 20px; } #test-feedback .paginate .circle-page-arrow.left { background-image: url('img/arrow-left4.svg'); margin-right: 7px; } #test-feedback .paginate .circle-page-arrow.right { background-image: url('img/arrow-right4.svg'); } #test-feedback .paginate .circle-page-number { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; margin-right: 7px; vertical-align: top; } #test-feedback .paginate .circle-page-number p { font-size: 16px; margin-top: 12px; margin-bottom: 0; } #test-feedback .paginate .circle-page-number:hover { background: #410460; border: 1px solid transparent; overflow: hidden; color: #fff; } @media only screen and (max-width: 479px) { #test-feedback .paginate .mobile { display: none; } } #downloads .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #downloads .main-title .title { color: #410460; font-size: 34px; margin: 20px 0px; text-transform: uppercase; } #downloads .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #downloads .main-title .title { font-size: 22px; } #downloads .main-title .title img { width: 25px; height: 25px; } } #downloads .main-title .subtitle { font-size: 16px; color: #545454; margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 479px) { #downloads .main-title { width: 100%; } } #downloads .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #downloads .button-box { display: none; } } #downloads .menu, #downloads .menu-mobile { font-size: 12px; text-transform: uppercase; color: #545454; font-weight: 400; } #downloads .menu ul, #downloads .menu-mobile ul { list-style: none; text-align: left; padding: 0; } #downloads .menu ul a, #downloads .menu-mobile ul a { text-decoration: none; /*color: @color2; margin-right: 60px; padding: 10px;*/ color: #fff; background-color: none; border: 1px solid transparent; border-radius: 20px; padding: 10px; margin-right: 60px; color: #545454; } #downloads .menu ul a li, #downloads .menu-mobile ul a li { display: inline; padding: 10px; } #downloads .menu ul a .active, #downloads .menu-mobile ul a .active { background-color: #410460; border: 1px solid transparent; border-radius: 20px; padding: 10px; color: #fff; } #downloads .menu ul a:hover, #downloads .menu-mobile ul a:hover { background-color: #410460; border: 1px solid transparent; border-radius: 20px; padding: 10px; color: #fff; } #downloads .menu ul .active, #downloads .menu-mobile ul .active { background-color: #410460; border: 1px solid transparent; border-radius: 20px; padding: 10px; color: #fff; } @media only screen and (max-width: 479px), only screen and (max-width: 800px) { #downloads .menu, #downloads .menu-mobile { overflow: scroll; } #downloads .menu ul, #downloads .menu-mobile ul { width: 750px; } #downloads .menu ul a, #downloads .menu-mobile ul a { margin-right: 35px; } } @media only screen and (max-width: 479px) { #downloads .menu-mobile { width: 300px; } #downloads .arrow-menu { float: right; margin-top: -36px; } #downloads .arrow-menu img { height: 28px; width: 28px; } } #downloads .data-downloads { width: 100%; background-color: #fff; border: 1px solid transparent; border-radius: 10px; margin-top: 30px; padding-bottom: 45px; } #downloads .data-downloads table { margin-left: 30px; margin-right: 30px; font-size: 14px; text-align: left; } #downloads .data-downloads table th { font-weight: 800; color: #686868; } #downloads .data-downloads table td { border-bottom: 1px solid #959595; color: #959595; } #downloads .data-downloads table img { height: 30px; width: 30px; margin-right: 5px; } #downloads .data-downloads table .first-column { width: 400px; padding-top: 15px; padding-bottom: 15px; } #downloads .data-downloads table .second-column { width: 150px; padding: 15px; } #downloads .data-downloads table .third-column { width: 150px; padding: 15px; } #downloads .data-downloads table .fourth-column { width: 170px; padding: 15px; } #downloads .data-downloads table .bt-baixar { width: 53px; height: 26px; font-size: 14px; background-color: #a3a3a3; color: #fff; border: 1px solid transparent; border-radius: 5px; margin-left: 0; font-weight: 200; padding: 3px; } #downloads #downloads-mobile { display: none; } #downloads .data-downloads-mobile { background-color: #fff; border-radius: 10px; border: 1px solid transparent; width: 100%; margin-top: 10px; } #downloads .data-downloads-mobile .box-data { padding-right: 15px; padding-left: 15px; } #downloads .data-downloads-mobile .box-data .photo { width: 10%; display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 15px; } #downloads .data-downloads-mobile .box-data .photo img { height: 30px; width: 30px; } #downloads .data-downloads-mobile .box-data .about-photo { width: 80%; font-size: 14px; display: inline-block; text-align: left; margin-top: 15px; } #downloads .data-downloads-mobile .box-data .about-photo label { font-weight: bold; margin-right: 3px; color: #686868; } #downloads .data-downloads-mobile .box-data .about-photo span { color: #959595; } #downloads .data-downloads-mobile .box-data .about-photo .bt-baixar-mobile { width: 54px; height: 26px; font-size: 12px; padding: 3px; background-color: #a3a3a3; color: #fff; border: 1px solid transparent; border-radius: 5px; margin-bottom: 15px; font-weight: 200; } @media only screen and (max-width: 479px) { #downloads #downloads-mobile { display: block; } #downloads #downloads-desktop { display: none; } } #downloads .paginate { text-align: center; display: table; width: 100%; margin-top: 55px; } #downloads .paginate a { color: #545454; } #downloads .paginate a:hover { color: #545454; } #downloads .paginate .circle-page-arrow { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 20px; } #downloads .paginate .circle-page-arrow.left { background-image: url('img/arrow-left4.svg'); margin-right: 7px; } #downloads .paginate .circle-page-arrow.right { background-image: url('img/arrow-right4.svg'); } #downloads .paginate .circle-page-number { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; margin-right: 7px; vertical-align: top; } #downloads .paginate .circle-page-number p { font-size: 16px; margin-top: 12px; margin-bottom: 0; } #downloads .paginate .circle-page-number:hover { background: #410460; border: 1px solid transparent; overflow: hidden; color: #fff; } @media only screen and (max-width: 479px) { #downloads .paginate .mobile { display: none; } } #ranking .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #ranking .main-title { text-align: left; display: inline-block; width: 50%; } #ranking .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #ranking .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #ranking .main-title .title { font-size: 22px; } #ranking .main-title .title img { width: 25px; height: 25px; } } #ranking .main-title .subtitle { font-size: 16px; color: #545454; margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 479px) { #ranking .main-title { width: 100%; } } #ranking .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #ranking .button-box { display: none; } } #ranking section { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 15px; margin-top: 20px; } #ranking section .title-test { background-color: #9e9e9e; font-size: 16px; padding: 20px; color: #fff; text-transform: uppercase; text-align: left; font-weight: 600; } #ranking section .content { background-color: #fff; padding: 20px; text-align: left; } #ranking .head-page { width: 100%; } #ranking .head-page .local { width: 60%; text-align: left; display: inline-block; } #ranking .head-page .local select { border: 1px solid #410460; background-color: transparent; font-size: 14px; text-transform: uppercase; color: #410460; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; background-image: url("img/arrow-down5.svg"); background-repeat: no-repeat; background-position: right 7px center; height: 30px; width: 175px; padding-left: 5px; padding-right: 5px; } #ranking .head-page .points { width: 40%; display: none; text-align: right; } #ranking .head-page .points span { color: #545454; font-size: 12px; text-transform: uppercase; font-weight: bold; } #ranking .sideA, #ranking .sideB { width: calc(53% - 64px); display: inline-block; font-size: 14px; } #ranking .sideA .head-table, #ranking .sideB .head-table { text-transform: uppercase; color: #545454; } #ranking .sideB { margin-left: 64px; } #ranking table { width: 100%; } #ranking table tr { border-bottom: 1px solid #9c9c9c; } #ranking table tr .right { text-align: right; } #ranking table tr td { padding: 7px; } #ranking table tr .your-position { color: #410460; font-weight: bold; } @media only screen and (max-width: 479px) { #ranking .head-page .local select { width: 109px; height: 23px; } #ranking .head-page .points { display: inline-block; } #ranking .sideA, #ranking .sideB { width: 100%; } #ranking .sideB { margin-left: 0; } #ranking table tr { border-bottom: 1px dotted #9c9c9c; } #ranking table tr span { display: none; } } #ranking .observation { font-size: 12px; color: #545454; text-align: center; margin: 0 150px 0 150px; } @media only screen and (max-width: 479px) { #ranking .observation { margin: 0; } } #activities .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #activities .main-title { text-align: left; display: inline-block; width: 50%; } #activities .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #activities .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #activities .main-title .title { font-size: 22px; } #activities .main-title .title img { width: 25px; height: 25px; } } #activities .main-title .subtitle { font-size: 16px; color: #545454; margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 479px) { #activities .main-title { width: 100%; } } #activities .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #activities .button-box { display: none; } } #activities .funcional-search { text-align: left; } #activities .funcional-search p { margin: 0; font-size: 20px; text-transform: uppercase; color: #6a6a6a; display: inline-block; margin-right: 10px; } #activities .funcional-search select { border: 1px solid #9e9e9e; background-color: transparent; font-size: 12px; text-transform: uppercase; color: #6a6a6a; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; background-image: url("img/arrow-down4.svg"); background-repeat: no-repeat; background-position: right 7px center; height: 33px; width: 184px; padding-left: 5px; padding-right: 5px; display: inline-block; vertical-align: super; border-radius: 5px; } #activities .funcional-search img { margin-left: 10px; vertical-align: top; } @media only screen and (max-width: 479px) { #activities .funcional-search { margin-top: 15px; color: #545454; } #activities .funcional-search p { font-size: 17px; } #activities .funcional-search select { width: 286px; } } #activities .desktop { margin-top: 15px; } #activities .desktop table { border: 1px solid transparent; font-size: 15px; overflow: hidden; border-radius: 5px; text-align: left; width: 100%; margin-bottom: 49px; } #activities .desktop table tr { border-bottom: 1px solid #9e9e9e; height: 60px; } #activities .desktop table .first-column { width: 416px; } #activities .desktop table .second-column { width: 284px; } #activities .desktop table .third-column { width: 227px; } #activities .desktop table th { background-color: #9e9e9e; color: #fff; text-transform: uppercase; padding-left: 20px; font-weight: normal; } #activities .desktop table th select { border: 1px solid #fff; background-color: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; background-image: url("img/arrow-down6.svg"); background-repeat: no-repeat; background-position: right 7px center; height: 33px; width: 154px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } #activities .desktop table th select option { color: #6a6a6a; } #activities .desktop table td { background-color: #fff; color: #6a6a6a; padding-left: 20px; } #activities .desktop table td .close-icon { margin-left: 60px; } #activities .mobile { margin-top: 20px; display: none; } #activities .mobile table { border: 1px solid #545454; font-size: 15px; overflow: hidden; border-radius: 5px; text-align: left; width: 100%; margin-bottom: 18px; } #activities .mobile table tr { border-bottom: 1px solid #9e9e9e; height: 70px; } #activities .mobile table tr th { height: 60px; background-color: #9e9e9e; color: #fff; text-transform: uppercase; padding-left: 17px; font-weight: normal; } #activities .mobile table tr th select { border: 1px solid #fff; background-color: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; background-image: url("img/arrow-down6.svg"); background-repeat: no-repeat; background-position: right 7px center; height: 28px; width: 129px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } #activities .mobile table tr th select option { color: #6a6a6a; } #activities .mobile table tr td { background-color: #fff; color: #6a6a6a; padding-left: 17px; } #activities .mobile table tr td .functionality { font-size: 12px; } #activities .mobile table .first-column-mobile { width: 300px; font-weight: 600; } #activities .mobile table .first-column-mobile span { font-weight: normal; font-style: italic; } #activities .mobile table .second-column-mobile { width: 50px; } @media only screen and (max-width: 479px) { #activities .mobile { display: block; } #activities .desktop { display: none; } } #activities .paginate { text-align: center; display: table; width: 100%; margin-top: 55px; } #activities .paginate a { color: #545454; } #activities .paginate a:hover { color: #545454; } #activities .paginate .circle-page-arrow { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 20px; } #activities .paginate .circle-page-arrow.left { background-image: url('img/arrow-left4.svg'); margin-right: 7px; } #activities .paginate .circle-page-arrow.right { background-image: url('img/arrow-right4.svg'); } #activities .paginate .circle-page-number { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; margin-right: 7px; vertical-align: top; } #activities .paginate .circle-page-number p { font-size: 16px; margin-top: 12px; margin-bottom: 0; } #activities .paginate .circle-page-number:hover { background: #410460; border: 1px solid transparent; overflow: hidden; color: #fff; } @media only screen and (max-width: 479px) { #activities .paginate .mobile { display: none; } } #search-reaction .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #search-reaction .main-title { text-align: left; display: inline-block; width: 50%; } #search-reaction .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #search-reaction .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #search-reaction .main-title .title { font-size: 22px; } #search-reaction .main-title .title img { width: 25px; height: 25px; } } #search-reaction .main-title .subtitle { font-size: 16px; color: #545454; margin-top: 10px; margin-bottom: 10px; font-weight: 600; } @media only screen and (max-width: 479px) { #search-reaction .main-title { width: 100%; } } #search-reaction .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; vertical-align: text-bottom; } @media only screen and (max-width: 479px) { #search-reaction .button-box { display: none; } } #search-reaction .legend { color: #545454; font-size: 12px; font-weight: 400; text-align: left; } #search-reaction .desktop { margin-top: 10px; } #search-reaction .desktop .test-box { border: 1px solid transparent; border-radius: 5px; overflow: hidden; } #search-reaction .desktop .test-box-question { background-color: #9e9e9e; font-size: 16px; padding-left: 20px; color: #fff; font-weight: normal; font-weight: 400; text-align: left; display: inline-block; width: 100%; } #search-reaction .desktop .test-box-question .question { display: inline-block; width: 75%; } @media only screen and (max-width: 800px) { #search-reaction .desktop .test-box-question .question { width: 67%; } } #search-reaction .desktop .test-box-question .buttons { display: inline-block; vertical-align: top; width: 23%; } @media only screen and (max-width: 800px) { #search-reaction .desktop .test-box-question .buttons { width: 28%; } } #search-reaction .desktop .test-box-question a { color: white; text-decoration: none; } #search-reaction .desktop .test-box-question a:hover { text-decoration: underline; } #search-reaction .desktop .test-box-question p { display: inline-block; margin: 0; padding: 18px 0 18px 0; } #search-reaction .desktop .test-box-question p:hover { text-decoration: underline; } #search-reaction .desktop .test-box-question .btn-answer, #search-reaction .desktop .test-box-question .btn-see-close-answer { padding: 7px; border: 1px solid transparent; border-radius: 5px; background-color: #fff; color: #9e9e9e; text-transform: uppercase; font-size: 15px; margin: 10px 0 0 0; } #search-reaction .desktop .test-box-question .btn-see-answers { margin-left: 58px; } #search-reaction .desktop .test-box-question .btn-close-answer { margin-left: 26px; } #search-reaction .desktop table { border: 1px solid transparent; border-radius: 5px; width: 100%; text-align: left; overflow: hidden; } #search-reaction .desktop table tr { border-bottom: 1px solid #9e9e9e; } #search-reaction .desktop table th { background-color: #9e9e9e; font-size: 16px; height: 60px; padding-left: 20px; color: #fff; font-weight: normal; font-weight: 400; } #search-reaction .desktop table th p { display: inline-block; } #search-reaction .desktop table .alignLeft { width: 50%; } #search-reaction .desktop table td { font-size: 15px; background-color: #fff; height: 89px; padding-left: 20px; color: #434343; } #search-reaction .desktop table td form { font-size: 15px; } #search-reaction .desktop table td form input { margin-left: 30px; margin-right: 3px; } #search-reaction .desktop table td button { background-color: #410460; color: #fff; min-width: 108px; height: 26px; border-radius: 5px; text-transform: uppercase; border: 0; font-size: 12px; margin: 10px 0 10px 0; } #search-reaction .mobile { display: none; } #search-reaction .mobile .test-box-mobile { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 20px; } #search-reaction .mobile .test-box-question { background-color: #9e9e9e; font-size: 16px; padding: 10px 0 10px 20px; color: #fff; font-weight: normal; font-weight: 400; text-align: left; font-size: 14px; } #search-reaction .mobile .test-box-question a { color: white; text-decoration: none; display: inline-block; } #search-reaction .mobile .test-box-question a:hover { text-decoration: underline; } #search-reaction .mobile .test-box-question p { display: inline-block; margin: 0; } #search-reaction .mobile .test-box-question p:hover { text-decoration: underline; } #search-reaction .mobile .test-box-question .btn-answer-mobile, #search-reaction .mobile .test-box-question .btn-see-close-answer-mobile { padding: 7px; border: 1px solid transparent; border-radius: 5px; background-color: #fff; color: #9e9e9e; text-transform: uppercase; font-size: 15px; margin: 10px 10px 0 0; display: inline-block; } #search-reaction .mobile table { width: 100%; border: 1px solid transparent; border-radius: 5px; text-align: left; overflow: hidden; } #search-reaction .mobile table tr { border-bottom: 1px solid #9e9e9e; } #search-reaction .mobile table th { font-size: 14px; background-color: #9e9e9e; padding-left: 15px; color: #fff; font-weight: normal; height: 60px; } #search-reaction .mobile table td { font-size: 14px; background-color: #fff; padding-left: 15px; padding: 19px 1px 24px 15px; } #search-reaction .mobile table td .reason { margin-bottom: 15px; } #search-reaction .mobile table td input { margin-left: 0; margin-right: 5px; } #search-reaction .mobile table td button { background-color: #410460; color: #fff; min-width: 108px; height: 26px; border-radius: 5px; text-transform: uppercase; border: 0; } @media only screen and (max-width: 479px) { #search-reaction .mobile { display: block; } #search-reaction .desktop { display: none; } } #search-reaction .btn { text-align: right; margin-top: 10px; margin-bottom: 30px; } #search-reaction .btn .btn-answer, #search-reaction .btn .button-answer-mobile { background-color: #410460; color: #fff; text-transform: uppercase; width: 136px; height: 40px; font-size: 14px; border-radius: 5px; border: 0; } #search-reaction .paginate { text-align: center; display: table; width: 100%; margin-top: 55px; } #search-reaction .paginate a { color: #545454; } #search-reaction .paginate a:hover { color: #545454; } #search-reaction .paginate .circle-page-arrow { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 20px; } #search-reaction .paginate .circle-page-arrow.left { background-image: url('img/arrow-left4.svg'); margin-right: 7px; } #search-reaction .paginate .circle-page-arrow.right { background-image: url('img/arrow-right4.svg'); } #search-reaction .paginate .circle-page-number { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; margin-right: 7px; vertical-align: top; } #search-reaction .paginate .circle-page-number p { font-size: 16px; margin-top: 12px; margin-bottom: 0; } #search-reaction .paginate .circle-page-number:hover { background: #410460; border: 1px solid transparent; overflow: hidden; color: #fff; } @media only screen and (max-width: 479px) { #search-reaction .paginate .mobile { display: none; } } #marathon .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #marathon .main-title { text-align: left; display: inline-block; width: 50%; } #marathon .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #marathon .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #marathon .main-title .title { font-size: 22px; } #marathon .main-title .title img { width: 25px; height: 25px; } } @media only screen and (max-width: 479px) { #marathon .main-title { width: 100%; } } #marathon .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #marathon .button-box { display: none; } } #marathon .message { text-align: center; font-size: 14px; color: #6a6a6a; font-weight: 400; } #marathon .message .red { color: #410460; } #marathon .message .green { color: #2e9605; } #marathon .marathon-sidebar #marathon-sidebar-timer { width: 131px; height: 59px; border: transparent; border-radius: 5px; overflow: hidden; background-color: #fff; } #marathon .marathon-sidebar #marathon-sidebar-timer p { font-size: 12px; margin: 0; margin-top: 8px; color: #848181; } #marathon .marathon-sidebar #marathon-sidebar-timer span { font-size: 22px; color: #848181; } @media only screen and (max-width: 479px) { #marathon .marathon-sidebar { margin-top: 15px; } #marathon .marathon-sidebar #marathon-sidebar-timer { width: 100%; } } #marathon .section-questions { width: 100%; text-align: left; margin-top: 20px; } #marathon .section-questions .box-question-answer { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 40px; } #marathon .section-questions .box-question-answer .box-question { background-color: #9e9e9e; padding-left: 18px; padding-right: 18px; padding-bottom: 20px; padding-top: 20px; } #marathon .section-questions .box-question-answer .box-question span { font-size: 16px; color: #fff; margin-top: 0; margin-bottom: 0px; font-weight: 400; } #marathon .section-questions .box-question-answer .box-question span div { display: inline-block; } #marathon .section-questions .box-question-answer .box-question span p { display: inline-block; margin: 0; } #marathon .section-questions .box-question-answer .box-answer { background-color: #fff; padding-left: 18px; padding-right: 18px; padding-top: 15px; padding-bottom: 20px; } #marathon .section-questions .box-question-answer .box-answer form { font-size: 14px; color: #545454; } #marathon .section-questions .box-question-answer .box-answer form input { margin-right: 8px; margin-bottom: 0; margin-top: 15px; } #marathon .section-questions .box-question-answer .box-answer .btn { width: 20%; display: inline-block; text-align: right; } #marathon .section-questions .box-question-answer .box-answer .btn .btn-answer { background-color: #410460; border: 0; font-weight: 400; color: #fff; border-radius: 5px; font-size: 14px; text-transform: uppercase; height: 35px; text-align: right; } @media only screen and (max-width: 479px) { #marathon .section-questions .box-question-answer .box-answer .btn { width: 100%; text-align: left; } } #marathon .section-points { width: 100%; font-size: 14px; margin-top: -40px; display: table; } #marathon .points { width: 80%; display: inline-block; margin-top: 30px; } #marathon .points ul { padding-left: 27px; list-style-image: url('img/arrow-right5.svg?nocahe'); text-align: left; } #marathon .points ul li { font-size: 13px; color: #545454; } #marathon .points ul li p { margin-top: 0; margin-bottom: 0; display: inline-block; margin-left: 3px; color: #9e9e9e; } @media only screen and (max-width: 479px) { #marathon .points { width: 100%; } } #marathon .btn { width: 20%; display: inline-block; text-align: right; margin-bottom: 15px; } #marathon .btn .btn-answer { background-color: #410460; border: 0; font-weight: 400; color: #fff; border-radius: 5px; font-size: 14px; text-transform: uppercase; height: 35px; text-align: right; } @media only screen and (max-width: 479px) { #marathon .btn { width: 100%; text-align: left; } } #marathon .alert { display: inline-block; text-align: right; } #marathon .alert .wrong { background-color: #fff; border: 0; border-radius: 50px; text-transform: uppercase; height: 35px; text-align: right; width: 200px; font-weight: bold; font-size: 14px; font-family: 'Arial'; text-align: center; padding-top: 13px; color: #410460; } #marathon .alert .correct { background-color: #fff; border: 0; border-radius: 50px; text-transform: uppercase; height: 35px; text-align: right; width: 200px; font-weight: bold; font-size: 14px; font-family: 'Arial'; text-align: center; padding-top: 13px; color: #407f1d; } #marathon .alert img { text-align: center; padding-top: 4px; vertical-align: top; margin-right: 6px; } @media only screen and (max-width: 479px) { #marathon .alert { width: 100%; text-align: left; } } #marathon .about-points-ranking { text-align: right; } #marathon .about-points-ranking .position-question { font-size: 15px; color: #410460; text-align: right; margin-bottom: 3px; margin-top: 0; } @media only screen and (max-width: 479px) { #marathon .about-points-ranking .position-question { text-align: left; } } #marathon .about-points-ranking .points-ranking { font-size: 14px; } #marathon .about-points-ranking .points-ranking p { margin-bottom: 0; margin-top: 0; } #marathon .about-points-ranking .points-ranking .border { border-left: 1px solid #545454; margin-left: 7px; } @media only screen and (max-width: 479px) { #marathon .about-points-ranking .points-ranking .border { display: none; } } @media only screen and (max-width: 479px) { #marathon .about-points-ranking { text-align: left; } } #marathon section { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 15px; margin-top: 20px; } #marathon section .title-ranking { font-size: 18px; color: #410460; text-transform: uppercase; text-align: left; font-weight: 600; } #marathon section .title-ranking p { margin-top: 0; } #marathon section .title-ranking img { vertical-align: unset; margin-right: 4px; } #marathon section .content { background-color: #fff; padding: 20px; text-align: left; } #marathon .head-page { width: 100%; } #marathon .head-page .local { width: 60%; text-align: left; display: inline-block; } #marathon .head-page .local select { border: 1px solid #410460; background-color: transparent; font-size: 14px; text-transform: uppercase; color: #410460; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; background-image: url("img/arrow-down5.svg"); background-repeat: no-repeat; background-position: right 7px center; height: 30px; width: 175px; padding-left: 5px; padding-right: 5px; } #marathon .head-page .points { width: 40%; display: none; text-align: right; } #marathon .head-page .points span { color: #545454; font-size: 12px; text-transform: uppercase; font-weight: bold; } #marathon .sideA, #marathon .sideB { width: calc(53% - 64px); display: inline-block; font-size: 14px; } #marathon .sideA .head-table, #marathon .sideB .head-table { text-transform: uppercase; color: #545454; } #marathon .sideB { margin-left: 64px; } #marathon table { width: 100%; } #marathon table tr { border-bottom: 1px solid #9c9c9c; } #marathon table tr .right { text-align: right; } #marathon table tr td { padding: 7px; } #marathon table tr .your-position { color: #410460; font-weight: bold; } @media only screen and (max-width: 479px) { #marathon .head-page .local select { width: 109px; height: 23px; } #marathon .head-page .points { display: inline-block; } #marathon .sideA, #marathon .sideB { width: 100%; } #marathon .sideB { margin-left: 0; } #marathon table tr { border-bottom: 1px dotted #9c9c9c; } #marathon table tr span { display: none; } } #quizz .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #quizz .main-title .title { color: #410460; font-size: 34px; margin: 20px 0px; text-transform: uppercase; } #quizz .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #quizz .main-title .title { font-size: 22px; } #quizz .main-title .title img { width: 25px; height: 25px; } } @media only screen and (max-width: 479px) { #quizz .main-title { width: 100%; } } #quizz .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #quizz .button-box { display: none; } } #quizz section { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 49px; } #quizz section .head-question { background-color: #9e9e9e; color: #fff; padding-top: 17px; padding-bottom: 17px; font-size: 15px; width: 100%; display: inline-block; } #quizz section .head-question .question { text-align: left; margin-left: 20px; float: left; } #quizz section .head-question .question p { margin: 0; } #quizz section .head-question .voto { text-align: right; margin-right: 20px; float: right; } #quizz section .head-question .btn-back { border-radius: 5px; border: 1px solid #fff; background-color: #fff; font-size: 12px; text-transform: uppercase; padding: 5px; color: #9e9e9e; margin-left: 15px; } #quizz section .head-question .see-result { text-align: right; margin-right: 20px; float: right; } #quizz section .head-question .see-result .btn-see-result { border: 1px solid #fff; background-color: transparent; color: #fff; font-size: 12px; text-transform: uppercase; padding: 5px; border-radius: 5px; } @media only screen and (max-width: 479px), only screen and (max-width: 800px) { #quizz section .head-question .voto { text-align: right; float: right; margin-right: 20px; } #quizz section .head-question .voto span { margin-right: 8px; } #quizz section .head-question .voto .btn-back { margin-left: 0; } } #quizz section .answer-percent { background-color: #fff; color: #545454; width: 100%; padding: 0 0 60px 0; margin-bottom: 40px; } #quizz section .answer-percent form { font-size: 14px; } #quizz section .answer-percent form .box-percentage { display: inline-block; width: 450px; margin-right: 20px; padding-left: 20px; vertical-align: top; } #quizz section .answer-percent form input { margin-right: 5px; } #quizz section .answer-percent form .progress { height: 15px; background-color: #9e9e9e; position: relative; width: 92px; display: inline-block; margin-top: 4px; } #quizz section .answer-percent form .progress .progress-bar { position: absolute; height: 100%; width: 30px; background-color: #410460; -webkit-animation: progress-animation 6s infinite; animation: progress-animation 6s infinite; } #quizz section .answer-percent form .value-percent { color: #410460; } #quizz section .answer-percent form .space { margin-top: 30px; } #quizz section .answer-percent form .quiz-box-graph { width: 305px; display: inline-block; margin-left: 35px; } #quizz section .answer-percent form .quiz-box-graph-bar { position: relative; margin-right: 20px; width: 85px; height: 8px; background-color: #9e9e9e; display: inline-block; border: 3px solid #9e9e9e; } #quizz section .answer-percent form .percent { width: 0%; height: 8px; display: inline-block; position: absolute; top: 0; left: 0; background-color: #410460; } #quizz section .answer-percent form .red { color: #410460; } #quizz section .answer-percent form .quiz-box-button-vote { position: absolute; margin: 10px 0 0 600px; } @media only screen and (max-width: 479px), only screen and (max-width: 800px) { #quizz section .answer-percent form .box-percentage { width: calc(100% - 20px); } } #quizz section .answer-percent button { color: #fff; background-color: #410460; border: 1px solid transparent; border-radius: 5px; width: 70px; padding: 5px; font-size: 12px; font-weight: 100; margin-top: 20px; text-transform: uppercase; } #quizz section .answer-percent button.right { float: right; margin-right: 20px; } #quizz section .answer-percent button.left { float: left; margin-left: 20px; } #quizz .last-question { width: 100%; position: relative; } #quizz .last-question .head-last-questions { width: 100%; margin-bottom: 25px; } #quizz .last-question .head-last-questions .line { width: 100%; position: relative; } #quizz .last-question .head-last-questions .line hr { border-top: 15px solid #ccc; } #quizz .last-question .head-last-questions .title-last { background-color: #ebebeb; top: -5px; position: absolute; text-align: left; } #quizz .last-question .head-last-questions .title-last h1 { font-size: 18px; color: #410460; text-transform: uppercase; text-align: left; font-weight: 600; margin: 0 5px 0 0; } #quizz .last-question ul { list-style-image: url('img/arrow-right5.svg'); padding: 0 0 0 20px; color: #545454; } #quizz .last-question li { font-size: 15px; text-align: left; margin-bottom: 20px; } #quizz table { border: 1px solid transparent; border-radius: 5px; width: 100%; text-align: left; overflow: hidden; } #quizz table th { background-color: #9e9e9e; color: #fff; font-size: 15px; font-weight: normal; height: 60px; padding-left: 20px; } #quizz table td { background-color: #fff; color: #545454; padding-left: 20px; font-size: 14px; padding-top: 30px; } #quizz table td form { font-size: 14px; } #quizz table td form input { margin-right: 5px; } #quizz table td form .progress { height: 15px; background-color: #9e9e9e; position: relative; width: 92px; display: inline-block; margin-top: 4px; } #quizz table td form .progress .progress-bar { position: absolute; height: 100%; background-color: #410460; -webkit-animation: progress-animation 6s infinite; animation: progress-animation 6s infinite; } #quizz table td form .value-percent { display: inline-block; font-size: 14px; color: #410460; } #marathon-feedback .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #marathon-feedback .main-title { text-align: left; display: inline-block; width: 50%; } #marathon-feedback .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #marathon-feedback .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #marathon-feedback .main-title .title { font-size: 22px; } #marathon-feedback .main-title .title img { width: 25px; height: 25px; } } #marathon-feedback .main-title .subtitle { font-size: 16px; color: #545454; margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 479px) { #marathon-feedback .main-title { width: 100%; } } #marathon-feedback .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #marathon-feedback .button-box { display: none; } } #marathon-feedback .section-questions-answers { width: 100%; text-align: left; } #marathon-feedback .section-questions-answers .attempts { text-align: left; } #marathon-feedback .section-questions-answers .attempts select { border: 1px solid #545454; background-color: transparent; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #545454; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; background-image: url("img/arrow-down4.svg"); background-repeat: no-repeat; background-position: right 7px center; height: 30px; width: 175px; padding-left: 5px; padding-right: 5px; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype'); } #marathon-feedback .section-questions-answers .box-question-answer { border: 1px solid transparent; border-radius: 5px; overflow: hidden; margin-bottom: 15px; margin-top: 20px; } #marathon-feedback .section-questions-answers .box-question-answer .box-question { background-color: #9e9e9e; padding-left: 18px; padding-right: 18px; padding-bottom: 20px; padding-top: 20px; } #marathon-feedback .section-questions-answers .box-question-answer .box-question span { font-size: 16px; color: #fff; margin-top: 0; margin-bottom: 0px; font-weight: 400; } #marathon-feedback .section-questions-answers .box-question-answer .box-question span div { display: inline-block; } #marathon-feedback .section-questions-answers .box-question-answer .box-question span p { display: inline-block; margin: 0; } #marathon-feedback .section-questions-answers .box-question-answer .box-answer { background-color: #fff; padding-left: 18px; padding-right: 18px; padding-top: 15px; padding-bottom: 20px; } #marathon-feedback .section-questions-answers .box-question-answer .box-answer form { font-size: 14px; color: #545454; } #marathon-feedback .section-questions-answers .box-question-answer .box-answer form input { margin-right: 8px; margin-bottom: 0; margin-top: 15px; } #marathon-feedback .section-questions-answers .section-points { width: 100%; font-size: 14px; margin-top: 20px; display: table; font-family: 'Arial'; } #marathon-feedback .section-questions-answers .section-points .points { width: 80%; display: inline-block; } #marathon-feedback .section-questions-answers .section-points .points ul { padding-left: 27px; list-style-image: url('img/arrow-right5.svg?nocahe'); text-align: left; } #marathon-feedback .section-questions-answers .section-points .points ul li { font-size: 13px; font-style: italic; color: #545454; } #marathon-feedback .section-questions-answers .section-points .points ul li span { margin-top: 0; margin-bottom: 0; display: inline-block; margin-left: 3px; } @media only screen and (max-width: 479px) { #marathon-feedback .section-questions-answers .section-points .points { width: 100%; } } #marathon-feedback .section-questions-answers .section-points .alert { width: 20%; display: inline-block; text-align: right; } #marathon-feedback .section-questions-answers .section-points .alert .alert-answer { background-color: #fff; border: 0; border-radius: 50px; text-transform: uppercase; height: 35px; text-align: right; width: 200px; font-weight: bold; font-size: 14px; } #marathon-feedback .section-questions-answers .section-points .alert .alert-answer p { text-align: center; padding-top: 7px; } #marathon-feedback .section-questions-answers .section-points .alert .alert-answer p.correct { color: #407f1d; } #marathon-feedback .section-questions-answers .section-points .alert .alert-answer p.wrong { color: #410460; } #marathon-feedback .section-questions-answers .section-points .alert .alert-answer p img { vertical-align: top; margin-top: 4px; margin-right: 6px; } @media only screen and (max-width: 479px), only screen and (max-width: 800px) { #marathon-feedback .section-questions-answers .section-points .alert { width: 100%; text-align: left; } } #marathon-feedback .section-questions-answers hr { color: #545454; margin-top: 20px; } #marathon-feedback .box-results { margin-top: 30px; text-align: left; width: 100%; background-color: #fff; border: 0; border-radius: 5px; padding-bottom: 25px; padding-top: 25px; } #marathon-feedback .box-results .line { margin-top: 5px; margin-bottom: 5px; } @media only screen and (max-width: 479px) { #marathon-feedback .box-results .line { display: none; } } #marathon-feedback .box-results .icon { width: 10%; display: inline-block; } #marathon-feedback .box-results .icon img { vertical-align: baseline; margin-left: 23px; } @media only screen and (max-width: 479px) { #marathon-feedback .box-results .icon { display: none; margin-bottom: 10px; } } #marathon-feedback .box-results .points, #marathon-feedback .box-results .nota, #marathon-feedback .box-results .ranking { font-size: 14px; width: 30%; display: inline-block; vertical-align: top; } #marathon-feedback .box-results .points label, #marathon-feedback .box-results .nota label, #marathon-feedback .box-results .ranking label { color: #410460; } #marathon-feedback .box-results .points span, #marathon-feedback .box-results .nota span, #marathon-feedback .box-results .ranking span { color: #545454; margin-left: 3px; } @media only screen and (max-width: 479px) { #marathon-feedback .box-results .points, #marathon-feedback .box-results .nota, #marathon-feedback .box-results .ranking { width: 100%; margin-left: 15px; } } #marathon-feedback .paginate { text-align: center; display: table; width: 100%; margin-top: 55px; } #marathon-feedback .paginate a { color: #545454; } #marathon-feedback .paginate a:hover { color: #545454; } #marathon-feedback .paginate .circle-page-arrow { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 20px; } #marathon-feedback .paginate .circle-page-arrow.left { background-image: url('img/arrow-left4.svg'); margin-right: 7px; } #marathon-feedback .paginate .circle-page-arrow.right { background-image: url('img/arrow-right4.svg'); } #marathon-feedback .paginate .circle-page-number { display: inline-block; border-radius: 50%; border: 1px solid #545454; width: 50px; height: 50px; margin-right: 7px; vertical-align: top; } #marathon-feedback .paginate .circle-page-number p { font-size: 16px; margin-top: 12px; margin-bottom: 0; } #marathon-feedback .paginate .circle-page-number:hover { background: #410460; border: 1px solid transparent; overflow: hidden; color: #fff; } @media only screen and (max-width: 479px) { #marathon-feedback .paginate .mobile { display: none; } } #test-modules .organizze-margin { margin-left: 16px; margin-right: 16px; margin-bottom: 50px; } #test-modules .main-title { text-align: left; display: inline-block; width: 50%; } #test-modules .main-title .title { color: #410460; font-size: 34px; margin-top: 20px; text-transform: uppercase; margin-bottom: 0px; } #test-modules .main-title .title img { vertical-align: baseline; margin-right: 10px; } @media only screen and (max-width: 479px) { #test-modules .main-title .title { font-size: 22px; } #test-modules .main-title .title img { width: 25px; height: 25px; } } @media only screen and (max-width: 479px) { #test-modules .main-title { width: 100%; } } #test-modules .button-box { width: 50%; display: inline-block; text-align: right; margin-top: 20px; margin-bottom: 0px; } @media only screen and (max-width: 479px) { #test-modules .button-box { display: none; } } #test-modules #module-video-viewer { width: 100%; } #test-modules #module-video-viewer #curent-video { height: 580px; } @media only screen and (max-width: 479px) { #test-modules #module-video-viewer #curent-video { height: 300px; } } #test-modules .modules-list { width: 100%; margin-top: 50px; } @media only screen and (max-width: 479px) { #test-modules .modules-list { margin-top: 10px; } #test-modules .modules-list .menu-modules { width: 100%; margin-bottom: 35px; } #test-modules .modules-list .videos-modules { width: 100%; text-align: center; } #test-modules .modules-list .videos-modules .thumb { margin: 0 0 0 0; height: 235px; } #test-modules .modules-list .videos-modules .thumb .title-video { margin-top: 5px; font-size: 16px; } #test-modules .modules-list .videos-modules .thumb p { margin-top: 3px; font-size: 14px; } #test-modules .modules-list .btn-mobile { display: inline-block; text-align: center; width: 100%; } #test-modules .modules-list .btn-mobile .btn { width: 125px; text-transform: uppercase; background-color: #410460; color: #fff; font-size: 12px; padding: 10px; border: 1px solid transparent; border-radius: 5px; margin-bottom: 30px; margin-left: 0; } #test-modules .modules-list .btn-mobile .btn.left { margin-right: 30px; } } #test-modules .menu-modules { width: 277px; display: inline-block; vertical-align: top; } #test-modules .menu-modules a { color: #9e9e9e; text-decoration: none; } #test-modules .menu-modules a:active { color: #545454; } #test-modules .menu-modules a:last-child li { border-bottom: 0; } #test-modules .menu-modules ul { list-style: none; border: 1px solid transparent; border-radius: 15px; overflow: hidden; padding: 0; } #test-modules .menu-modules ul li { font-size: 25px; text-transform: uppercase; padding: 30px; background-color: #fff; border-bottom: 1px solid #9e9e9e; text-align: left; padding-left: 45px; } #test-modules .menu-modules ul li .inactive { opacity: 0.5; } #test-modules .menu-modules ul img { margin-left: 35px; } #test-modules .menu-modules ul p { color: #545454; font-size: 14px; text-align: center; margin: 30px 0 30px 0; } #test-modules .menu-modules ul .inactive { opacity: 0.5; } #test-modules .menu-modules .inactive { opacity: 0.5; } #test-modules .videos-modules { width: 656px; display: inline-block; text-align: left; margin-left: 58px; } #test-modules .videos-modules .thumb { display: inline-block; vertical-align: top; margin: 0 0 20px 40px; } #test-modules .videos-modules .thumb .videos { width: 100%; text-decoration: none; } #test-modules .videos-modules .thumb img { height: 145px; width: 288px; background: rgba(255, 255, 255, 0.5) url('img/video-player-play.png') no-repeat center; } #test-modules .videos-modules .thumb p { font-size: 18px; text-align: left; margin: 10px 0 0 0; color: #545454; width: 288px; font-weight: 600; } #test-modules .videos-modules .thumb .video-visualized { font-size: 14px; text-align: left; margin: 0 0 55px 0 ; color: #2e9605; } #test-modules .videos-modules .thumb .video-not-visualized { font-size: 14px; text-align: left; margin: 0 0 55px 0 ; color: #410460; } #test-modules .videos-modules .thumb-complete { width: 100%; text-align: center; } #test-modules .btn { text-transform: uppercase; background-color: #410460; color: #fff; font-size: 16px; padding: 10px; border: 1px solid transparent; border-radius: 5px; margin-bottom: 30px; margin-left: 30px; } #test-modules .btn.left { text-align: left; } #test-modules .btn.right { text-align: right; } @media only screen and (max-width: 1023px) { #test-modules .videos-modules { width: 332px; } } @media only screen and (max-width: 699px) { #test-modules .videos-modules { margin-left: 0; } } #test-modules .btn-mobile { display: none; } /*# sourceMappingURL=main.css.map */