.mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to right,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /** * Featherlight - ultra slim jQuery lightbox * Version 1.3.3 - http://noelboss.github.io/featherlight/ * * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}} /** * AddToCalendar Base CSS * http://addtocalendar.com */ /* Base */ .addtocalendar var{ display: none; } .addtocalendar { position: relative; display: inline-block; background: transparent!important; } .atcb-link { display: block; outline: none!important; cursor: pointer; } .atcb-link:focus~ul, .atcb-link:active~ul, .atcb-list:hover{ visibility:visible; } .atcb-list { visibility: hidden; position: absolute; top: 100%; left: 0; width: 170px; z-index: 900; } .atcb-list, .atcb-item { list-style: none; margin: 0; padding: 0; background: #fff; } .atcb-item { float: none; text-align: left; } .atcb-item-link { text-decoration: none; outline: none; display: block; } .atcb-item.hover, .atcb-item:hover { position: relative; z-index: 900; cursor: pointer; text-decoration: none; outline: none; } /*! jQuery UI - v1.11.4 - 2015-12-11 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .container { width: 740px; } } @media (min-width: 992px) { .container { width: 960px; } } @media (min-width: 1200px) { .container { width: 1160px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .row { margin-left: -10px; margin-right: -10px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } /* // Font awesome @import "../bower_components/font-awesome/less/variables.less"; // Overwrite variables //@font-size-base: 10px; @fa-font-path: "../bower_components/font-awesome/fonts"; @import "../bower_components/font-awesome/less/mixins.less"; @import "../bower_components/font-awesome/less/path.less"; @import "../bower_components/font-awesome/less/core.less"; @import "../bower_components/font-awesome/less/larger.less"; @import "../bower_components/font-awesome/less/fixed-width.less"; @import "../bower_components/font-awesome/less/list.less"; @import "../bower_components/font-awesome/less/bordered-pulled.less"; @import "../bower_components/font-awesome/less/animated.less"; @import "../bower_components/font-awesome/less/rotated-flipped.less"; @import "../bower_components/font-awesome/less/stacked.less"; @import "../bower_components/font-awesome/less/icons.less"; */ /*.font-xs1 { .font-size(1.2); .line-height(1.4); }*/ .font-xxs1 { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .font-xs1 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } /*.font-xs1b { .font-size(1.4); .line-height(1.9); }*/ .font-xs1b { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .font-xs2 { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .font-sm { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } .font-md { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } /*.font-lg0 { .font-size(3.1); .line-height(3.7); }*/ .font-lg1 { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } .font-lg1b { font-size: 42px; font-size: 4.2rem; line-height: 48px; line-height: 4.8rem; } .font-lg2 { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; } .img-wrapper a, .img-wrapper a:hover { text-decoration: none; border: none; } .img-wrapper a img, .img-wrapper a:hover img { z-index: 110; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } .loader-wrapper { text-align: center; width: 100%; height: 97px; display: table; margin-bottom: 50px; } .loader-wrapper.no-gap { margin-bottom: 0px; } .loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -41px; z-index: -1; } .loader.in-place { position: relative; display: inline-block; top: inherit; left: inherit; -webkit-transform: inherit; transform: inherit; margin-top: inherit; z-index: inherit; margin-top: -20px; } .loader span { font-size: 82px; font-size: 8.2rem; font-family: "Times New Roman", Georgia, Serif; letter-spacing: -8px; position: relative; bottom: 0px; -webkit-animation: jump 1500ms infinite; animation: jump 2s infinite; } .loader .dot-1 { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .loader .dot-2 { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .loader .dot-3 { -webkit-animation-delay: 600ms; animation-delay: 600ms; } @-webkit-keyframes jump { 0% { bottom: 0px; } 20% { bottom: 15px; } 40% { bottom: 0px; } } @keyframes jump { 0% { bottom: 0px; } 20% { bottom: 15px; } 40% { bottom: 0px; } } #loader-contextual { display: none; } #loader-fullcreen { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2147483647; width: 100%; height: 100%; } #loader-fullcreen .loader { width: calc(780px); padding: 0; margin: 0; } #loader-fullcreen .loader .dot { position: relative; bottom: 0px; -webkit-animation: jumpBig 1500ms infinite; animation: jumpBig 2s infinite; width: 33.3%; padding: 0; margin: 0; text-align: center; display: inline-block; } #loader-fullcreen .loader .dot .circle { border-radius: 50%; width: 130px; height: 130px; margin: 0 auto; background-color: #1d42ac; } #loader-fullcreen .loader .dot-1 { -webkit-animation-delay: 200ms; animation-delay: 200ms; } #loader-fullcreen .loader .dot-2 { -webkit-animation-delay: 400ms; animation-delay: 400ms; } #loader-fullcreen .loader .dot-3 { -webkit-animation-delay: 600ms; animation-delay: 600ms; } @-webkit-keyframes jumpBig { 0% { bottom: 0px; } 20% { bottom: 100px; } 40% { bottom: 0px; } } @keyframes jumpBig { 0% { bottom: 0px; } 20% { bottom: 100px; } 40% { bottom: 0px; } } @media (max-width: 1199px) { #loader-fullcreen .loader { width: calc(660px); } #loader-fullcreen .loader .dot .circle { width: 110px; height: 110px; } } @media (max-width: 991px) { #loader-fullcreen .loader { width: calc(570px); } #loader-fullcreen .loader .dot .circle { width: 95px; height: 95px; } } @media (max-width: 767px) { #loader-fullcreen .loader { width: calc(264px); } #loader-fullcreen .loader .dot .circle { width: 44px; height: 44px; } } .ias-trigger-prev { width: 100%; height: 97px; background-color: #f1efed; display: table; margin-bottom: 50px; } .ias-trigger-prev a { color: #000000; text-decoration: none !important; border: none; display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .ias-trigger-prev a:hover { border-bottom: none; } /* font-size http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/ */ /* .line-height(@sizeValue){ @remValue: @sizeValue; @pxValue: (@sizeValue * 10); @pxLineValue: remValue / 1.5; line-height: @pxValue * 1.5 * 1px; line-height: ~"@{pxLineValue}rem"; } */ span.icon { display: block; width: 24px; height: 24px; } span.ico-hamburger-white { background: url(../img/ui-icons/ico-stack-white.svg) no-repeat 0 0 scroll transparent; } span.ico-hamburger-black { background: url(../img/ui-icons/ico-stack-black.svg) no-repeat 0 0 scroll transparent; } span.ico-arrow-right-white { background: url(../img/ui-icons/ico-arrow-white-right.svg) no-repeat 0 0 scroll transparent; } span.ico-arrow-left-white { background: url(../img/ui-icons/ico-arrow-white-left.svg) no-repeat 0 0 scroll transparent; } #c-editorial-panels { position: relative; } #c-editorial-panels .sidebar { position: fixed; z-index: 300; left: -310px; -webkit-transition: left 500ms cubic-bezier(0.045, 0.31, 0.005, 0.985); -o-transition: left 500ms cubic-bezier(0.045, 0.31, 0.005, 0.985); transition: left 500ms cubic-bezier(0.045, 0.31, 0.005, 0.985); } #c-editorial-panels .sidebar.leave-open:not(.stay-closed), #c-editorial-panels .sidebar.is-open:not(.stay-closed) { left: 0; z-index: 350; } #c-editorial-panels .sidebar.leave-open:not(.stay-closed) .bg-bar, #c-editorial-panels .sidebar.is-open:not(.stay-closed) .bg-bar { opacity: 0; display: none; } #c-editorial-panels .main { background-color: #FFFFFF; /* overflow: hidden; position: absolute; z-index: 0; */ } #c-editorial-panels .main > .content { width: 100%; overflow: hidden; } #c-editorial-panels .main .btn-menuthemes { cursor: pointer; position: absolute; top: 35px; left: 19px; } body { /* &.sidebar-full-width { #c-editorial-panels { .sidebar { width: 100%; } .main { //width: 0%; left: 100%; } } } */ } body.main-full-width #c-editorial-panels .sidebar { width: 0%; } body.main-full-width #c-editorial-panels .main { width: 100%; left: 0; } body.is-touch #c-editorial-panels .sidebar { left: -290px; } @media (max-width: 767px) { #c-editorial-panels .main { left: 0; } } body.main-full-width #c-editorial-sidebar .header { width: 0; } body.main-full-width #c-editorial-sidebar .articles { width: 0; } body.is-touch #c-editorial-sidebar .bg-bar { width: 30px; } #c-editorial-sidebar { width: 320px; height: 100vh; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; /* &.is-open { left: 0; } */ /* &.close { margin-left: -@editorial-sidebar-width; } */ } #c-editorial-sidebar.is-full-width { width: 100%; left: 0; } #c-editorial-sidebar.is-full-width .header { width: 100%; } #c-editorial-sidebar.is-full-width .articles { width: 100%; padding-left: 42px; } #c-editorial-sidebar.is-full-width .item { padding: 60px 25px 0px; width: auto; } #c-editorial-sidebar.is-full-width .controls { width: 320px; position: relative; } #c-editorial-sidebar.is-full-width .controls .btn-arrow-right { opacity: 0.7; cursor: auto; } #c-editorial-sidebar.is-full-width .details { display: none !important; } #c-editorial-sidebar.is-full-width .bg-bar { opacity: 0; display: none; } #c-editorial-sidebar.stay-closed { left: -310px; } #c-editorial-sidebar .header { overflow: hidden; background-color: #000000; width: 320px; z-index: 200; height: 97px; color: #FFFFFF; font-size: 14px; font-size: 1.4rem; } #c-editorial-sidebar .header .theme { text-transform: uppercase; width: 100%; text-align: center; height: 95px; display: table; } #c-editorial-sidebar .header .theme span { display: table-cell; vertical-align: middle; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; padding: 0 30px; } #c-editorial-sidebar .controls i { font-size: 25px; color: #FFFFFF; cursor: pointer; } #c-editorial-sidebar .controls .btn { cursor: pointer; } #c-editorial-sidebar .controls .btn-menuthemes { position: absolute; top: 35px; left: 19px; } #c-editorial-sidebar .controls .arrows .btn { position: absolute; right: 15px; } #c-editorial-sidebar .controls .btn-arrow-right { top: 16px; } #c-editorial-sidebar .controls .btn-arrow-left { top: 55px; } #c-editorial-sidebar .articles { height: calc(100% - 97px); width: 320px; background-color: #FFFFFF; } #c-editorial-sidebar .articles.close { margin-left: -320px; width: 320px; } #c-editorial-sidebar .articles .mCSB_inside > .mCSB_container { padding-bottom: 50px; margin-right: 0; } #c-editorial-sidebar .item { padding: 30px 30px 20px; display: inline-block; vertical-align: top; width: 320px; } #c-editorial-sidebar .item.active { padding-bottom: 50px; } #c-editorial-sidebar .item.active .details { display: block; } #c-editorial-sidebar .item .thumb { text-align: center; cursor: pointer; width: 186px; margin: 0 auto; display: block; border: none; text-decoration: none; } #c-editorial-sidebar .item .thumb img { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; } #c-editorial-sidebar .item .thumb .thumb-placeholder { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; height: 116px; } #c-editorial-sidebar .item .title { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; text-align: center; display: table; height: 116px; width: 100%; } #c-editorial-sidebar .item .title span { display: table-cell; vertical-align: middle; padding: 12px 8px; } #c-editorial-sidebar .details { display: none; margin-top: 35px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } #c-editorial-sidebar .details .paging { text-align: center; margin-bottom: 25px; } #c-editorial-sidebar .details .author { margin-bottom: 30px; } #c-editorial-sidebar .details .author .label, #c-editorial-sidebar .details .author .value { width: 100%; } #c-editorial-sidebar .details .date { float: left; width: 50%; } #c-editorial-sidebar .details .tags { float: left; width: 50%; } #c-editorial-sidebar .details .tags ul { padding: 0; margin: 0; } #c-editorial-sidebar .details .tags li { list-style: outside none none; } #c-editorial-sidebar .details .keywords { clear: both; padding-top: 30px; margin-bottom: 30px; } #c-editorial-sidebar .details .keywords .label, #c-editorial-sidebar .details .keywords .value { width: 100%; } #c-editorial-sidebar .details .dossier-anchors { margin: 20px 0 0; padding: 0 0 5px 35px; } #c-editorial-sidebar .details .dossier-anchors li { margin-bottom: 20px; display: block; } #c-editorial-sidebar .details .dossier-anchors a { text-decoration: none; } #c-editorial-sidebar .details .dossier-anchors a:hover { text-decoration: underline; } #c-editorial-sidebar .bg-bar { width: 10px; height: 100%; position: absolute; top: 0; right: 0; } #editorial-sidebar-hover { position: fixed; max-width: 80px; /*width: 20px; Make one column large in the markups */ height: calc(100vh - 90px); top: 80px; left: 10px; z-index: 100; } #editorial-sidebar-buffer { /*background-color: red;*/ position: absolute; right: -30px; top: 0; width: 30px; height: 100vh; } @media (max-width: 767px) { #editorial-sidebar-buffer { display: none; } #c-editorial-sidebar .item .thumb .thumb-placeholder { height: 85.6px; } #editorial-sidebar-hover { display: none; } #editorial-sidebar-buffer { display: none; } } .c-editorial-strip { /*padding-bottom: 200px;*/ padding-bottom: 10px; /* .wrapper { padding: 0 122px; } */ } .c-editorial-strip .sidebar-controls { position: fixed; margin-top: 50px; margin-left: 20px; z-index: 1; } .c-editorial-strip .sidebar-controls .arrow-right { display: none; cursor: pointer; font-size: 18px; margin-top: 15px; color: #000000; } .c-editorial-strip .articles { min-height: 100vh; /* & > .row { margin-right: 0; margin-left: 0; } */ } .c-editorial-strip .articles a.action, .c-editorial-strip .articles a.action:hover { color: #000000; border-bottom-color: #000000; } .c-editorial-strip .article { position: relative; margin-bottom: 160px; color: #000000; overflow: hidden; padding-top: 30px; } .c-editorial-strip .article.article-dossier .article-sub.first .article { margin-top: 160px; } .c-editorial-strip .article.article-dossier .article-sub:last-child .article { margin-bottom: 0; } .c-editorial-strip .article > .row, .c-editorial-strip .article .break-content > .row { margin-right: 0; margin-left: 0; } .c-editorial-strip .article .paging { text-align: center; margin-bottom: 25px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } .c-editorial-strip .article h2 { text-align: center; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; margin: 0px 20px 31px; } .c-editorial-strip .article h2.no-author { margin-bottom: 54px; } .c-editorial-strip .article .author { text-align: center; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; margin-bottom: 54px; } .c-editorial-strip .article .body { /* p { .font-sm(); } */ } .c-editorial-strip .article .body img { margin-top: 40px; display: block; max-width: 100%; height: auto; } .c-editorial-strip .article .break-link { display: block; text-align: center; /*margin-bottom: 180px;*/ } .c-editorial-strip .c-text-two-columns > .left, .c-editorial-strip .c-text-two-columns > .right { float: none !important; display: inline-block; vertical-align: middle; } /* body { &.main-full-width { .c-editorial-strip { .sidebar-controls { .arrow-right { display: block; } } } } } */ @media (max-width: 767px) { #c-editorial-panels .sidebar { display: none; } #c-editorial-panels .main { width: 100%; } .c-editorial-strip .sidebar-controls { display: none; } .c-editorial-strip .c-mobile-menu { display: block; } .c-editorial-strip .articles .c-theme-desc { padding: 0 12px; } .c-editorial-strip .article-wrapper .row.paging { margin-top: 45px; } .c-editorial-strip .article { margin-bottom: 30px; } .c-editorial-strip .article.article-dossier .article-sub.first .article { margin-top: 30px; } .c-editorial-strip .article h2 { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; margin-top: 0; margin-bottom: 20px; } .c-editorial-strip .article .paging { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; padding-top: 20px; margin-bottom: 9px; } .c-editorial-strip .article .author { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-editorial-strip .article .break-link { /*margin-bottom: 50px;*/ } .c-editorial-strip blockquote { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; padding: 10px 20px; margin-bottom: 0; } .c-img-caption.large { padding-right: 12px; padding-left: 12px; } .c-img-caption .caption { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; margin-top: 15px; } .c-text-two-columns { padding-bottom: 20px; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-text-two-columns.text-left-img-right > .left { width: 100%; } .c-text-two-columns.text-left-img-right > .left { width: 100%; } .c-text-two-columns.text-left-img-right > .right { width: 100%; } .c-text-two-columns.text-right-img-left > .left { width: 100%; } .c-text-two-columns.text-right-img-left > .right { width: 100%; } .c-text-two-columns.text-right-img-left .c-img-caption { padding-right: 40px; } .c-text-two-columns > .left, .c-text-two-columns > .right { padding-right: 12px; padding-left: 12px; } .c-text-two-columns .c-img-caption { padding-left: 30px; margin-bottom: 25px; } } #c-editorial-menu-themes { position: fixed; overflow: hidden; display: none; top: 0; left: 0; z-index: 400; background-color: #FFF; width: 45px; height: 65px; } #c-editorial-menu-themes.is-open { width: 320px; height: 100%; /*transition: all 0.3s ease;*/ display: block; } #c-editorial-menu-themes.is-open .controls { width: 320px; } #c-editorial-menu-themes.is-open .controls .arrows { display: block; } #c-editorial-menu-themes.is-open .themes { display: block; } #c-editorial-menu-themes.is-full-width { width: 100% !important; } #c-editorial-menu-themes.is-full-width .controls .btn-arrow-right { opacity: 0.7; cursor: auto; } #c-editorial-menu-themes.is-full-width .controls .btn-arrow-left { opacity: 1; cursor: pointer; } #c-editorial-menu-themes.is-full-width .controls .arrows { left: 100%; } #c-editorial-menu-themes.is-full-width .c-theme-bloc .desc { display: table; } #c-editorial-menu-themes .controls { position: absolute; width: auto; height: 0; z-index: 1; transition: width 0.3s ease; /* .fa-close { display: none; } */ } #c-editorial-menu-themes .controls i { font-size: 25px; cursor: pointer; color: #FFFFFF; } #c-editorial-menu-themes .controls .btn { cursor: pointer; } #c-editorial-menu-themes .controls .btn-bars img.white { display: none; } #c-editorial-menu-themes .controls .btn-bars img.black { display: block; } #c-editorial-menu-themes .controls .arrows { display: none; position: absolute; left: 320px; } #c-editorial-menu-themes .controls .arrows .btn { position: absolute; right: 15px; } #c-editorial-menu-themes .controls .btn-arrow-right { top: 16px; } #c-editorial-menu-themes .controls .btn-arrow-left { top: 55px; } #c-editorial-menu-themes .controls .btn-left { padding: 35px 0 0 19px; float: left; } #c-editorial-menu-themes .themes { display: none; width: calc(100% + 2px); background-color: #FFFFFF; } #c-editorial-menu-themes .mCSB_inside > .mCSB_container { margin-right: 2px; } #c-editorial-menu-themes .mCustomScrollbar .mCSB_inside > .mCSB_scrollTools { right: 2px; } .c-theme-bloc { overflow: hidden; } .c-theme-bloc a { color: #FFFFFF; text-decoration: none; border: none; display: table-cell; vertical-align: middle; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-theme-bloc a:hover { border-bottom: none; } .c-theme-bloc .btn { float: left; width: 320px; display: table; height: 95px; } .c-theme-bloc .btn a { text-align: center; text-transform: uppercase; } .c-theme-bloc .btn a span { padding-right: 55px; padding-left: 55px; display: block; } .c-theme-bloc .desc { float: left; width: calc(100% - 323px); display: table; height: 95px; padding-right: 70px; margin-left: 3px; } body.main-full-width #c-editorial-menu-themes .controls .btn-bars .black { display: block; } body.main-full-width #c-editorial-menu-themes .controls .btn-bars .white { display: none; } @media (max-width: 767px) { #c-editorial-menu-themes { display: none; } } #c-editorial-menu-themes-horizontale { position: fixed; top: 0; left: 0; z-index: 299; } #c-editorial-menu-themes-horizontale.is-open .control { width: 50px; } #c-editorial-menu-themes-horizontale.is-open .control .icon .black { display: none; } #c-editorial-menu-themes-horizontale.is-open .control .icon .white { display: block; } #c-editorial-menu-themes-horizontale.is-open .control .lbl { display: none; } #c-editorial-menu-themes-horizontale.is-open .themes { display: block; } #c-editorial-menu-themes-horizontale .control { cursor: pointer; padding: 35px 0px 0px 19px; position: absolute; z-index: 1; width: 170px; } #c-editorial-menu-themes-horizontale .control .icon { float: left; } #c-editorial-menu-themes-horizontale .control .icon .black { display: block; } #c-editorial-menu-themes-horizontale .control .icon .white { display: none; } #c-editorial-menu-themes-horizontale .control .lbl { text-transform: uppercase; float: left; margin-left: 20px; margin-top: 1px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } #c-editorial-menu-themes-horizontale .themes { display: none; } #c-editorial-menu-themes-horizontale .c-theme-bloc { width: 25% !important; min-width: 300px; height: 95px; float: left; } #c-editorial-menu-themes-horizontale .c-theme-bloc .btn { width: 100%; } @media (max-width: 1199px) { #c-editorial-menu-themes-horizontale .c-theme-bloc { width: 33.3% !important; } } @media (max-width: 991px) { #c-editorial-menu-themes-horizontale .c-theme-bloc { width: 50% !important; } } @media (max-width: 767px) { #c-editorial-menu-themes-horizontale .control { display: none; } #c-editorial-menu-themes-horizontale .c-theme-bloc { width: 100% !important; } } #panel-editorial-splash #c-editorial-selection-splash .cover .img-wrapper { min-height: 100%; } #panel-editorial-splash #c-editorial-selection-splash .overlay-text { z-index: 1; } #panel-editorial-splash #c-editorial-selection-splash .overlay-text.text-valign-top { top: 70px; transform: translate(-50%, 0); } #panel-editorial-splash #c-editorial-selection-splash .overlay-text.text-black h2 { color: #000000; } #panel-editorial-splash #c-editorial-selection-splash .splash-logo { position: absolute; left: 50%; margin-left: -38px; bottom: 48px; width: 75px; height: 26px; } #c-editorial-selection-splash-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFFFFF; z-index: 700; } #c-editorial-selection-splash { position: absolute; display: block; min-height: 100%; width: 100%; top: 0; left: 0; z-index: 600; overflow-y: hidden; background-color: #FFFFFF; overflow: hidden; } #c-editorial-selection-splash.mobile .cover video { display: none; } #c-editorial-selection-splash .cover { background-position: center center; background-repeat: no-repeat; background-attachment: local; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100vh; width: 100%; } #c-editorial-selection-splash .event { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 66%; } #c-editorial-selection-splash .event a, #c-editorial-selection-splash .event a:hover { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; color: #FFFFFF; text-decoration: none; border: none; } #c-editorial-selection-splash .overlay-text { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 66%; } #c-editorial-selection-splash .overlay-text h2 { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; color: #FFFFFF; text-decoration: none; border: none; } #c-editorial-selection-splash .overlay-text h2 a, #c-editorial-selection-splash .overlay-text h2 a:hover { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; color: #FFFFFF; text-decoration: none; border: none; } #c-editorial-selection-splash .caption { position: absolute; bottom: 25px; left: 20px; max-width: 27%; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: #FFFFFF; } #c-editorial-selection-splash .caption.text-black { color: #000000; } #c-editorial-selection-splash.light-bg .event a, #c-editorial-selection-splash.light-bg .event a:hover { color: #000000; } #c-editorial-selection-splash.light-bg .overlay-text h2 { color: #000000; } #c-editorial-selection-splash.light-bg .overlay-text h2 a, #c-editorial-selection-splash.light-bg .overlay-text h2 a:hover { color: #000000; } #c-editorial-selection-splash.light-bg .caption { color: #000000; } #c-editorial-selection-listing { padding-top: 100vh; padding-bottom: 25vh; background: #000000; background: rgba(0, 0, 0, 0.05); } #c-editorial-selection-listing .article-listing { position: relative; max-width: 100%; margin: 0 auto; padding-top: 35px; overflow: hidden; display: block; text-align: center; } #c-editorial-selection-listing .article-listing .article-listing-wrapper { display: inline-block; margin-left: 4px; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile { display: inline-block; height: 624px; margin-left: -4px; /*margin-bottom: 100px;*/ padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 50vh; /*&.small-tile h2 { .font-lg1b(); }*/ /*&.bottom-gap { margin-bottom: 100vh !important; } &.intro.bottom-gap { margin-bottom: 150vh !important; } &.top-gap { margin-top: 100vh !important; } &.bottom-gap-full { // margin-bottom: 0 !important; }*/ } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.sticky { position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0px; z-index: 1; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .cover-image { position: absolute !important; top: 0; left: 0; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile h2 { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 150px 40px 40px; margin-top: -80px; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.intro img { display: block; max-width: 100%; height: auto; max-height: 624px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 150px 40px 40px; margin-top: -40px; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.odd, #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.placeholder, #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.even { width: 465px; max-width: 50%; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.full { width: 930px; max-width: 100%; margin-left: -5px; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.placeholder { visibility: hidden; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper { position: relative; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner { position: relative; margin: 0 auto; z-index: 200; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a { height: 100%; color: #ffffff; border-bottom: none; margin-bottom: none; padding-bottom: none; display: block; text-decoration: none; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a:hover, #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a:active { text-decoration: none; color: #ffffff; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details { height: 100%; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details header { height: 75%; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details header h2 { /*height:75%;*/ /*word-wrap: break-word;*/ hyphens: manual; color: #ffffff; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details footer { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; position: relative; bottom: 0; text-transform: uppercase; text-align: center; color: #ffffff; position: absolute; bottom: 40px; left: 0; width: 100%; padding: 0 40px 0; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details footer dl { margin-bottom: 0; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details footer dl dt { font-weight: normal; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details .cover-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; z-index: 500; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile:before { content: none; padding-right: inherit; display: inherit; } #c-editorial-selection-listing .article-listing .tucked { margin-left: -20px; } #c-editorial-selection-listing .article-listing .tucked .thumb { padding-right: 0; } #c-editorial-selection-listing .article-listing.no-gutter { margin-right: 0; margin-left: 0; } #c-editorial-selection-listing .article-listing.no-gutter > [class^="col-"], #c-editorial-selection-listing .article-listing.no-gutter > [class*=" col-"] { padding-right: 0; padding-left: 0; } #c-editorial-selection-listing .selection-closing-wrapper { width: 100%; max-width: 930px; position: relative; margin: 25vh auto 0; clear: both; } #c-editorial-selection-listing .selection-closing-wrapper h2 { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; text-align: center; } #c-editorial-selection-listing .selection-closing-wrapper .selection-closing { margin-bottom: 25vh; } #c-editorial-selection-listing .selection-closing-wrapper .selection-closing img { display: block; max-width: 100%; height: auto; } #c-editorial-selection-listing .selection-closing-wrapper .selection-closing .short-text { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; max-width: 930px; display: block; margin: 0 auto; text-align: center; padding: 60px 40px 40px; } #c-editorial-selection-listing .recent-articles { width: 100%; max-width: 1500px; position: relative; margin: 120px auto 0; clear: both; background-color: #F2F2F2; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper { text-align: center; display: block; margin-left: -58px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile { width: 186px; display: inline-block; margin-left: 58px; margin-bottom: 60px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile h2 { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 132px 8px 12px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper { position: relative; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper .article-inner { position: relative; margin: 0 auto; z-index: 200; min-height: 232px; background-color: #ffffff; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper .article-inner .thumb-placeholder { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; height: 116px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper .article-inner a { border-bottom: none; margin-bottom: none; padding-bottom: none; display: block; text-decoration: none; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper .article-inner a:hover, #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper .article-inner a:active { text-decoration: none; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile:before { content: none; padding-right: inherit; display: inherit; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .tucked { margin-left: -20px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .tucked .thumb { padding-right: 0; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper.no-gutter { margin-right: 0; margin-left: 0; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper.no-gutter > [class^="col-"], #c-editorial-selection-listing .recent-articles .recent-articles-wrapper.no-gutter > [class*=" col-"] { padding-right: 0; padding-left: 0; } #c-editorial-selection-intro { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; position: fixed; left: 50%; top: 50%; text-align: center; max-width: 930px; transform: translate(-50%, -50%); } #c-editorial-selection-intro.text-valign-top { top: 70px; transform: translate(-50%, 0); } @media (max-width: 1200px) { #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.odd .article-wrapper .article-inner, #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.placeholder .article-wrapper .article-inner { margin: 0 auto !important; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.even .article-wrapper .article-inner { margin: 0 auto !important; } } @media (max-width: 1282px) { #c-editorial-selection-listing .recent-articles .recent-articles-wrapper { margin-left: -20px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile { margin-left: 20px; } } /*@media (max-width: @screen-sm-max) { #c-editorial-selection-listing { .article-listing { .article-listing-wrapper { .tile { h2 { .font-lg1(); } &.intro { h2 { .font-lg2(); } } .article-preview { a{ footer { .font-xs1b(); } } } } } } } }*/ @media (min-width: 767px) { #c-editorial-selection-listing .article-listing.sticky-wrapper { margin-bottom: -50vh; } } @media (max-width: 767px) { .ios #panel-editorial-splash #c-editorial-selection-splash .caption { bottom: 80px; } #panel-editorial-splash #c-editorial-selection-splash .caption { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; widows: 100%; bottom: 10px; left: 10px; max-width: calc(90%); } #panel-editorial-splash #c-editorial-selection-splash .caption p { margin: 0; } #panel-editorial-splash #c-editorial-selection-splash .overlay-text { width: 90%; } #panel-editorial-splash #c-editorial-selection-splash .overlay-text h2 { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } #panel-editorial-splash #c-editorial-selection-splash .overlay-text.text-valign-top { top: 20px; } #panel-editorial-splash #c-editorial-selection-splash .splash-logo-mobile { margin-bottom: 15px; } #panel-editorial-splash #c-editorial-selection-splash .splash-logo-mobile img { width: 50px; height: 17px; } #c-editorial-selection-listing { padding-top: 0; } #c-editorial-selection-listing .article-listing { max-width: 100%; } #c-editorial-selection-listing .article-listing .article-listing-wrapper { margin-left: 0; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile { margin-left: 0; /* &.odd, &.placeholder, &.even { width: 296px; max-width: 100%; } &.full { width: 296px; max-width: 100%; } &.bottom-gap { margin-bottom: 50vh !important; } &.top-gap { margin-top: auto !important; margin-bottom: 50vh !important; } &.bottom-gap-full { margin-bottom: 50vh !important; }*/ /*&.even:first-child { margin-top: 0 !important; }*/ } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile h2 { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; padding: 12px 12px 0; margin-top: -12px; max-height: 100%; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.intro h2 { padding-left: 0; padding-right: 0; font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile.intro img { display: block; max-width: 100%; height: auto; padding: 12px 12px 24px; margin-top: -24px; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview { margin-bottom: 40px; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper { overflow: hidden; position: relative; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner { position: relative; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner .thumb-placeholder { height: 85.6px; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner .mobile-cover-image { position: relative; width: 100%; display: block; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details { position: relative; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details footer { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; margin-top: 24px; bottom: 0; padding: 0 12px 0; } #c-editorial-selection-listing .article-listing .article-listing-wrapper .tile .article-preview .article-wrapper .article-inner a .details footer dl { margin-bottom: 0 !important; } #c-editorial-selection-listing .selection-closing-wrapper { margin: 0 auto 0; } #c-editorial-selection-listing .selection-closing-wrapper .selection-closing { margin-bottom: 15vh; } #c-editorial-selection-listing .selection-closing-wrapper h2 { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } #c-editorial-selection-listing .recent-articles { width: 100%; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper { margin-left: -12px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile { margin-left: 12px; width: 142px; max-width: calc(44%); margin-bottom: 12px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile h2 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; padding: 95px 10px 8px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper .article-inner { min-height: 178px; } #c-editorial-selection-listing .recent-articles .recent-articles-wrapper .small-tile .article-preview .article-wrapper .article-inner .thumb-placeholder { height: 85.6px; } } #c-menu-footer { color: #FFFFFF; position: fixed; width: 100%; z-index: 500; -webkit-transition: height 0.8s ease 0s, bottom 0.5s; -o-transition: height 0.8s ease 0s, bottom 0.5s; transition: height 0.8s ease 0s, bottom 0.5s; bottom: 0; height: 10px; } #c-menu-footer.hover-available:hover { height: 100px; } #c-menu-footer.is-open { height: 100px; } #c-menu-footer.is-hidden { display: none; } #c-menu-footer.is-going-up .logo, #c-menu-footer.is-open-top .logo { top: 23px; } #c-menu-footer.is-going-down .wrapper .events, #c-menu-footer.is-open-top .wrapper .events { opacity: 0; visibility: hidden; } #c-menu-footer.is-going-down .controls, #c-menu-footer.is-open-top .controls { opacity: 1; visibility: visible; } #c-menu-footer.is-going-up, #c-menu-footer.is-open-top, #c-menu-footer.is-going-down { z-index: 1000; } #c-menu-footer.is-open-top { top: 0; } #c-menu-footer.is-open-top .backtotop { position: fixed; top: auto; } #c-menu-footer.is-going-up .backtotop { display: none !important; } #c-menu-footer.is-going-down .logo { top: -35px; } #c-menu-footer.is-going-down .backtotop { display: none !important; } #c-menu-footer > .content { color: #000000; background-color: #FFFFFF; } #c-menu-footer .logo { /*optional, other ending properties...*/ -webkit-transition: top 0.5s ease-in-out 0s, opacity 1s; -o-transition: top 0.5s ease-in-out 0s, opacity 1s; transition: top 0.5s ease-in-out 0s, opacity 1s; top: -35px; opacity: 1; position: absolute; left: 50%; border-radius: 10px 10px 0px 0px; cursor: pointer; width: 99px; background: url("../img/ui-icons/ico-logo-white.svg") no-repeat center bottom scroll #1D42AC; margin-left: -50px; height: 35px; } #c-menu-footer .logo img { display: none; } #c-menu-footer .wrapper { -webkit-transition: margin 0.5s ease-in-out 0s; -o-transition: margin 0.5s ease-in-out 0s; transition: margin 0.5s ease-in-out 0s; background-color: #1D42AC; height: 100px; } #c-menu-footer .wrapper a { color: #FFFFFF; border: none; } #c-menu-footer .wrapper .events { float: right; width: 413px; max-width: 48%; margin-top: 19px; margin-right: 30px; position: relative; opacity: 1; -webkit-transition: visibility 0s 0.5s, opacity 0.5s ease-in-out; -o-transition: visibility 0s 0.5s, opacity 0.5s ease-in-out; transition: visibility 0s 0.5s, opacity 0.5s ease-in-out; visibility: visible; } #c-menu-footer .wrapper .event { position: absolute; visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 1s linear; } #c-menu-footer .wrapper .event.active { visibility: visible; opacity: 1; transition: opacity 1s linear; } #c-menu-footer .wrapper .event .img { float: right; display: block; min-width: 83px; margin-right: 20px; } #c-menu-footer .wrapper .event .img img { width: 83px; height: 63px; } #c-menu-footer .wrapper .event .lbl-wrapper { position: relative; float: right; width: 290px; max-width: 74%; height: 64px; display: inline-block; text-align: center; } #c-menu-footer .wrapper .event .lbl-wrapper .lbl { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } #c-menu-footer .wrapper .event .lbl-wrapper .lbl a, #c-menu-footer .wrapper .event .lbl-wrapper .lbl span { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; text-decoration: none; -webkit-transition: color 0.5s ease-in-out 0.2s; -o-transition: color 0.5s ease-in-out 0.2s; transition: color 0.5s ease-in-out 0.2s; } #c-menu-footer .menu { height: 100%; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; opacity: 1; float: left; } #c-menu-footer .menu .ul { margin: 0 0 0 15px; padding: 0; height: 100%; display: table; } #c-menu-footer .menu .r { display: table-row; } #c-menu-footer .menu .li { display: table-cell; vertical-align: middle; height: 100%; list-style: outside none inline; padding: 0 15px; } #c-menu-footer .menu .li:before { content: ''; padding: 0; } #c-menu-footer .menu a { display: table-cell; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; text-decoration: none; outline: none; border-top: 1px solid #1d42ac; } #c-menu-footer .menu a:hover { border-bottom: 1px solid #ffffff; } #c-menu-footer .menu a.active { border-bottom: 1px solid #ffffff; } #c-menu-footer .controls { position: absolute; right: 30px; margin-top: 30px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.8s linear; -o-transition: opacity 0.8s linear; transition: opacity 0.8s linear; /* .icon-folder { width: 30px; height: 50px; .square { border-color: @color-white; color: @color-white; margin-top: 10px; .num { font-size: 25px; } } .square-front { background-color: @color-menu-footer; } }*/ } #c-menu-footer .controls ul { margin: 0; } #c-menu-footer .controls li { list-style: none; display: inline-block; margin-right: 30px; line-height: 0; } #c-menu-footer .controls li:before { content: ''; padding: 0; } #c-menu-footer .controls li.home { display: none; } #c-menu-footer .controls li:last-child { margin-right: 0; } #c-menu-footer .controls a { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; text-decoration: none; } #c-menu-footer .controls a:hover { text-decoration: underline; } #panel-institutional { background-color: #FFFFFF; position: absolute; top: 0; padding-top: 190px; z-index: 300; display: none; width: 100%; } #panel-institutional.is-visible { display: block; z-index: 900; } .pg-homepage #c-menu-footer.initial-state { height: 100px; } .pg-editorial #c-menu-footer .backtotop { display: none !important; } #pg-floating #c-menu-footer.initial-state { display: none; } @media (min-width: 767px) and (max-width: 1060px) { /* For portrait layouts only */ #c-menu-footer .menu .li { padding: 0 9px; } html:lang(fr) #c-menu-footer.is-open-top .menu .li:last-child { position: absolute; left: 60%; top: 39px; } } @media (max-width: 767px) { #c-menu-footer { -webkit-transition: max-height 0.5s ease-in-out 0.2s; -o-transition: max-height 0.5s ease-in-out 0.2s; transition: max-height 0.5s ease-in-out 0.2s; height: 44px; max-height: 44px; } #c-menu-footer:hover, #c-menu-footer.is-open { height: 44px; max-height: 44px; } #c-menu-footer:hover:not(.is-open) { height: 44px; max-height: 44px; } #c-menu-footer.is-going-down .controls { transition: none; opacity: 0; } #c-menu-footer.is-going-down .logo { top: -26px !important; } #c-menu-footer.is-going-down .menu .li { padding: 0 6px 0 !important; vertical-align: middle !important; } #c-menu-footer.is-going-down .wrapper { height: 44px !important; max-height: 44px !important; } #c-menu-footer.is-going-up .logo, #c-menu-footer.is-open-top .logo { top: 3px; } #c-menu-footer.is-going-up .wrapper, #c-menu-footer.is-open-top .wrapper { position: relative; height: 86px; max-height: 86px; } #c-menu-footer.is-going-up .menu .li, #c-menu-footer.is-open-top .menu .li { vertical-align: bottom; padding: 0 6px 18px; } #c-menu-footer .logo { z-index: 1; background-image: none; text-align: center; width: 65px; margin-left: -33px; height: 26px; top: -26px; -webkit-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease; } #c-menu-footer .logo img { width: 50px; height: 17px; margin-top: 9px; display: inline-block; } #c-menu-footer .wrapper { position: relative; height: 44px; max-height: 44px; -webkit-transition: max-height 0.5s ease-in-out 0.2s; -o-transition: max-height 0.5s ease-in-out 0.2s; transition: max-height 0.5s ease-in-out 0.2s; } #c-menu-footer .menu { position: absolute; bottom: 0px; float: none; width: 100%; } #c-menu-footer .menu .ul { /* display: table; table-layout: fixed;*/ width: 100%; margin: 0; } #c-menu-footer .menu .li { /*display: table-cell; height: auto; //vertical-align: bottom; vertical-align: center; padding: 0 15px 0; text-align: center;*/ height: auto; vertical-align: center; padding: 0 6px 0; text-align: center; } #c-menu-footer .menu .li:first-child { padding-left: 8px; } #c-menu-footer .menu .li:last-child { padding-right: 8px; } #c-menu-footer .menu a { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-align: center; /*display: inline-block;*/ display: inline; margin: 0; padding: 0; /*margin-left: -100%; margin-right: -100%; text-align: center;*/ white-space: nowrap; } #c-menu-footer .controls { position: static; right: auto; margin-top: 0; } #c-menu-footer .controls ul { position: relative; width: 100%; height: 42px; } #c-menu-footer .controls ul li { position: absolute; } #c-menu-footer .controls ul li a { padding: 10px; } #c-menu-footer .controls ul li img { width: 20px; height: 20px; } #c-menu-footer .controls ul li.search { left: 0; top: 11px; } #c-menu-footer .controls ul li.home { display: block; top: 11px; left: 30px; } #c-menu-footer .controls ul li.language { right: 33px; top: 2px; height: 34px; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; line-height: 14px; line-height: 1.4rem; margin-right: 0; } #c-menu-footer .controls ul li.language a { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; line-height: 14px; line-height: 1.4rem; } #c-menu-footer .controls ul li.close { right: 0; top: 10px; } #c-menu-footer .event { display: none; } /*.pg-institutional { //top: 35px; padding-top: 65px; width: 100%; }*/ } .pg-selection #c-menu-footer:not(.is-going-up):not(.is-open-top).show-event-only.is-open { bottom: -135px !important; } .pg-selection #c-menu-footer:not(.is-going-up):not(.is-open-top).show-event-only { bottom: -45px !important; } .pg-selection #c-menu-footer:not(.is-going-up):not(.is-open-top):not(.splash-not-linked).show-event-only.is-open .wrapper .event .lbl { -webkit-transition: top 0.5s ease-in-out 0.2s; -o-transition: top 0.5s ease-in-out 0.2s; transition: top 0.5s ease-in-out 0.2s; } .pg-selection #c-menu-footer:not(.is-going-up):not(.is-open-top):not(.splash-not-linked).show-event-only .wrapper { overflow: visible; } .pg-selection #c-menu-footer:not(.is-going-up):not(.is-open-top):not(.splash-not-linked).show-event-only .wrapper .event .lbl { top: -135px !important; } .pg-selection #c-menu-footer:not(.is-going-up):not(.is-open-top):not(.splash-not-linked).show-event-only.light-bg .wrapper .event .lbl a, .pg-selection #c-menu-footer:not(.is-going-up):not(.is-open-top):not(.splash-not-linked).show-event-only.light-bg .wrapper .event .lbl span { -webkit-transition: color 0.5s ease-in-out 0.2s; -o-transition: color 0.5s ease-in-out 0.2s; transition: color 0.5s ease-in-out 0.2s; color: #000000 !important; } .pg-selection #c-menu-footer .backtotop { display: none; } @media (max-width: 991px) { #c-menu-footer .wrapper .events { width: 271px; margin-right: 10px; } #c-menu-footer .wrapper .event .img { margin-right: 10px; } #c-menu-footer .wrapper .event .lbl-wrapper { width: 178px; } #c-menu-footer .wrapper .event .lbl-wrapper .lbl a, #c-menu-footer .wrapper .event .lbl-wrapper .lbl span { font-size: 12px; font-size: 1.2rem; line-height: 1.2; } } .c-mobile-menu { display: none; } .c-mobile-menu.home .header { background: transparent; } .c-mobile-menu.home .header .title { background: #f3f3f3; display: none; } .c-mobile-menu.home .header .title-home { display: table-cell; } .c-mobile-menu.home .header .btn-lang { color: #000000; } .c-mobile-menu.home .header .btn-lang a { color: #000000 !important; } .c-mobile-menu.home .header .btn-lang a:hover { color: #000000 !important; } .c-mobile-menu.home.is-open .header .title { display: table-cell; } .c-mobile-menu.is-open { z-index: 600; } .c-mobile-menu.is-open .header .title-home { display: none; } .c-mobile-menu.is-open .header .btn-search { display: none; } .c-mobile-menu.is-open .header .btn-menu { display: none; } .c-mobile-menu.is-open .header .btn-home { display: none !important; } .c-mobile-menu.is-open .header .btn-lang { display: none !important; } .c-mobile-menu.is-open .header .btn-close { display: block !important; background: url(../img/ui-icons/ico-close.svg) no-repeat 0 0 scroll transparent; background-size: cover; } .c-mobile-menu.is-open .themes { display: block; } .c-mobile-menu a { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } .c-mobile-menu .header { width: 100%; position: relative; display: table; height: 45px; } .c-mobile-menu .header .btn { cursor: pointer; position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; /* img { .size(20px, 20px); } */ } .c-mobile-menu .header .btn-search { left: 12px; } .c-mobile-menu .header .btn-home { left: 42px; width: 21px; height: 20px; } .c-mobile-menu .header .title, .c-mobile-menu .header .title-home { text-transform: uppercase; /*padding: 10px 45px;*/ padding: 15px 75px 10px; display: table-cell; text-align: center; vertical-align: middle; cursor: pointer; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } .c-mobile-menu .header .title-home { display: hidden; background: #f3f3f3; } .c-mobile-menu .header .btn-menu, .c-mobile-menu .header .btn-close { right: 12px; } .c-mobile-menu .header .btn-lang { right: 40px; color: #FFFFFF; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-align: center; padding-top: 3px; } .c-mobile-menu .header .btn-lang a { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #FFFFFF !important; text-decoration: none; } .c-mobile-menu .header .btn-lang a:hover { color: #FFFFFF !important; } .c-mobile-menu .themes { display: none; position: absolute; width: 100%; z-index: 1; } .c-mobile-menu .themes.mCustomScrollbar .mCSB_inside > .mCSB_container { margin-right: 0; } .c-mobile-menu .themes .theme .btn { display: table; text-align: center; width: 100%; } .c-mobile-menu .themes .theme .btn a { text-transform: uppercase; min-height: 45px; color: #FFF !important; text-decoration: none; border: medium none; display: table-cell; vertical-align: middle; height: 44px; } .c-mobile-menu .themes .theme .btn a span { padding: 4px 10px 0; display: inline-block; /*width: 215px;*/ } .pg-editorial:not(.loading) .c-mobile-menu.home { display: none; } .pg-search .c-mobile-menu { display: none; } #panel-home .c-mobile-menu .header .btn-search { background: url(../img/ui-icons/ico-magnifier.svg) no-repeat 0 0 scroll transparent; background-size: cover; } #panel-home .c-mobile-menu .header .btn-home { display: none; } #panel-home .c-mobile-menu .header .btn-menu { background: url(../img/ui-icons/ico-stack-black.svg) no-repeat 0 0 scroll transparent; background-size: cover; } #panel-home .c-mobile-menu .header .btn-close { display: none; } #panel-editorial .c-mobile-menu .header .btn-search { background: url(../img/ui-icons/ico-magnifier-white2.svg) no-repeat 0 0 scroll transparent; background-size: cover; } #panel-editorial .c-mobile-menu .header .btn-home { display: block; background: url(../img/ui-icons/ico-home-white.svg) no-repeat 0 0 scroll transparent; background-size: cover; } #panel-editorial .c-mobile-menu .header .btn-menu { background: url(../img/ui-icons/ico-stack-white.svg) no-repeat 0 0 scroll transparent; background-size: cover; } #panel-editorial .c-mobile-menu .header .btn-close { display: none; } @media (max-width: 767px) { .c-mobile-menu { display: block; width: 100%; position: fixed; /*z-index: 1;*/ z-index: 300; } } #c-menu-controls { position: fixed; top: 20px; right: 0; z-index: 298; /* &.moved-left { left: 70%; } &.hide { display: none; } */ } #c-menu-controls .item { position: relative; /* &:hover { .tooltip { display: block; } } &.folder { height: 50px; } .tooltip { display: none; position: absolute; top: 20px; right: 0px; width: 369px; &:hover { display: block; } .content { width: 300px; border: 2px solid black; background-color: white; padding: 10px; .font-xs1b(); } } */ } #c-menu-controls .search img { width: 23px; height: 23px; } #c-menu-controls .close { margin-left: -10px; } #c-menu-controls .flip { margin-left: -10px; } #c-menu-controls a { color: #000000 !important; border: none; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; padding: 10px 20px; display: block; } @media (max-width: 767px) { #c-menu-controls { display: none; } } #c-sidebar-folder { position: fixed; top: 0px; right: 0px; width: 25%; height: 100%; overflow: hidden; display: none; } #c-sidebar-folder.open { display: block; } #c-sidebar-folder.open .inner { -webkit-transform: translateX(0); transform: translateX(0); } #c-sidebar-folder .inner { width: 100%; height: 100%; background-color: #000000; color: #FFFFFF; -webkit-transform: translateX(100%); transform: translateX(100%); } #c-sidebar-folder .btn-close { cursor: pointer; float: right; margin: 10px; } #c-sidebar-folder .btn-close .fa { font-size: 25px; } .icon-folder { position: relative; } .icon-folder .square { border: 2px solid #000000; position: absolute; padding: 0px 7px; font-size: 14px; color: #000000; } .icon-folder .square-back { top: 5px; left: 5px; z-index: 0; } .icon-folder .square-back .num { visibility: hidden; } .icon-folder .square-front { z-index: 1; } .c-img-caption { padding-left: 40px; padding-right: 40px; text-align: center; color: #000000; } .c-img-caption.small { text-align: center; } .c-img-caption.small img { width: auto; max-width: 186px; margin: 0 auto; text-align: center; } .c-img-caption.large { padding-right: 0; padding-left: 0; margin-bottom: 51px; } .c-img-caption.large .caption { width: auto; max-width: 701px; margin-left: auto; margin-right: auto; } .c-img-caption.large-image { margin: 0 40px 51px; } .c-img-caption a { /*display: block; //45.33.94.109:8084/en/issues/15/15-built-to-not-last/32360/32360-fuochi-dartificio*/ /*display: inline-block;*/ /* FM: could not understand why it's "block" even after looking at example. Problematic, makes links jump line in caption otherwise (removing); */ border-bottom: none; } .c-img-caption a:hover, .c-img-caption a:active { border-bottom: none; color: inherit !important; text-decoration: none; } .c-img-caption .caption { text-align: center; margin: 24px auto 0; max-width: 312px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-img-caption .caption:empty { display: none !important; } body.main-full-width .c-img-caption.small img { max-width: 232px; } @media (max-width: 767px) { .c-img-caption { /* padding-top: 13px; padding-bottom: 20px;*/ padding-top: 0; padding-bottom: 0; } .c-img-caption .caption { margin-top: 15px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .c-img-caption .caption p { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; margin-bottom: 0; } .c-img-caption.small img { max-width: 231px; } .c-img-caption.large { margin-bottom: 40px; padding: 0 12px; /*.caption { padding: 0 10px; }*/ } } .c-img-caption-list { margin: 0 0 60px; overflow: hidden; } .c-img-caption-list .col { text-align: center; } .c-img-caption-list .img-wrapper { display: inline-block; margin-left: 10px; margin-bottom: 10px; width: 186px; vertical-align: top; } .c-img-caption-list .img-wrapper:last-child { margin-right: 0; } .c-img-caption-list .caption { padding-top: 10px; text-align: center; clear: both; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-img-caption-list .caption p:last-child { margin-bottom: 0 !important; } /* .c-img-caption-list1 { ul { margin-bottom: 0; margin-top: -30px; li { .make-xs-column(6); .make-sm-column(2); display: table; margin-top: 30px; img { max-width: 100%; height: auto; } &:before { content: ''; padding: 0; } } } } .c-img-caption-list2 { margin: 0 0 100px; ul { text-align: center; } li { width: 186px; display: inline-block; } a { width: 186px; } img { max-width: 100%; } .title { display: none; } .caption { padding-top: 2px; text-align: center; clear: both; .font-xs2(); p:last-child { margin-bottom: 0 !important; } } } */ @media (max-width: 767px) { .c-img-caption-list .img-wrapper { width: 130px; margin-bottom: 15px; } .c-img-caption-list .img-wrapper:nth-child(even) { margin-right: -15px; } .c-img-caption-list .img-wrapper:nth-child(odd) { margin-left: -15px; } .c-img-caption-list .img-wrapper:nth-child(odd):last-child { margin-left: 0 !important; margin-right: 0 !important; } .c-img-caption-list .caption { margin-top: 15px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .c-img-caption-list .caption p { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; margin-bottom: 0; } } .c-illustration { width: 598px; margin: 100px auto; text-align: center; } @media (max-width: 767px) { .c-illustration { width: 100%; margin: 50px auto; } } .c-document { width: 100%; max-width: 621px; margin: 30px auto 60px; clear: both; position: relative; text-align: center; } .c-document a { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } .c-document .c-img-caption { margin-bottom: 20px; } @media (max-width: 767px) { .c-document { margin-bottom: 40px; margin-top: 0; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-document a { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } } .c-text-full-width { padding-left: 0; padding-right: 0; padding-bottom: 40px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } .c-text-full-width h3 { text-align: center; margin-bottom: 30px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } @media (max-width: 767px) { .c-text-full-width { padding: 0 12px 27px; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-text-full-width h3 { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; margin-bottom: 20px; } .c-text-full-width .body { text-align: left; } } .c-text-narrow { padding-left: 0; padding-right: 0; padding-bottom: 40px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; width: 100%; max-width: 804px; margin: 0 auto; } .c-text-narrow h3 { text-align: center; margin-bottom: 30px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } @media (max-width: 767px) { .c-text-narrow { padding: 0 23px 27px; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-text-narrow h3 { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; margin-bottom: 20px; } .c-text-narrow .body { text-align: left; } } .c-text-two-columns { padding: 0; padding-bottom: 50px; text-align: left; margin: 0; overflow: hidden; font-size: 0; } .c-text-two-columns.text-right-img-left > .left { text-align: right; } .c-text-two-columns.text-right-img-left > .right { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } .c-text-two-columns.text-left-img-right > .left { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; padding-left: 0; } .c-text-two-columns.text-right-audio-left > .left { text-align: center; padding-left: 0; } .c-text-two-columns.text-right-audio-left > .left .img-wrapper { max-width: 66%; } .c-text-two-columns.text-right-audio-left > .right { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; text-align: left; } .c-text-two-columns.text-right-audio-left .c-audio { margin: 0px auto 50px; } .c-text-two-columns.text-left-audio-right > .left { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; padding-left: 0; } .c-text-two-columns.text-left-audio-right > .right { text-align: center; padding-right: 0; } .c-text-two-columns.text-left-audio-right > .right .img-wrapper { max-width: 66%; } .c-text-two-columns.text-left-audio-right .c-audio { margin: 0px auto 50px; } .c-text-two-columns.img-left-img-right .column { float: none; display: inline-block; vertical-align: bottom; padding-right: 20px; padding-left: 10px; } .c-text-two-columns.img-left-img-right .column:first-child { padding-left: 20px; padding-right: 10px; } .c-text-two-columns.img-left-img-right .column .img-wrapper { max-width: 100%; vertical-align: bottom; } .c-text-two-columns.img-left-img-right .c-img-caption { padding: 0; width: 100%; } .c-text-two-columns.img-left-img-right .c-img-caption .caption { margin-left: auto; margin-right: auto; } .c-text-two-columns.text-left-img-list-right .left { padding-left: 0; } .c-text-two-columns.text-left-img-list-right .right { text-align: center; } .c-text-two-columns.text-left-img-list-right .right .img-wrapper { vertical-align: top; display: inline-block; width: 186px; margin-right: 11px; margin-bottom: 11px; } .c-text-two-columns.text-left-img-list-right .right .img-wrapper:last-child { margin-right: 0; } .c-text-two-columns.text-left-links-right > .left { padding-bottom: 20px; padding-left: 0; } .c-text-two-columns.text-left-links-right .article, .c-text-two-columns.text-left-links-right .publication, .c-text-two-columns.text-left-links-right .event, .c-text-two-columns.text-left-links-right .document { display: inline-block; margin-right: 9px; margin-bottom: 11px; } .c-text-two-columns.text-left-links-right .article:last-child, .c-text-two-columns.text-left-links-right .publication:last-child, .c-text-two-columns.text-left-links-right .event:last-child, .c-text-two-columns.text-left-links-right .document:last-child { margin-right: 0; } .c-text-two-columns.text-left-links-right > .left, .c-text-two-columns.text-left-images-right > .left { padding-left: 0; } .c-text-two-columns.text-left-links-right .items, .c-text-two-columns.text-left-images-right .items { text-align: center; } .c-text-two-columns > .left, .c-text-two-columns > .right { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } .c-text-two-columns .c-img-caption { display: inline-block; padding-top: 0; padding-bottom: 0; } .c-text-two-columns .c-img-caption .caption { max-width: 312px; } body.main-full-width .c-text-two-columns.img-left-img-right .column:first-child { padding-left: 30px; } /* Medium devices (desktops, 992px and up) */ @media (max-width: 991px) { .c-text-two-columns.text-left-img-list-right .left { margin-bottom: 40px; } } @media (max-width: 767px) { .c-text-two-columns { margin-bottom: 20px; padding-bottom: 0; } .c-text-two-columns > .left { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; padding-left: 12px !important; padding-right: 12px; width: 100%; margin-bottom: 27px; } .c-text-two-columns > .right { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; padding-left: 12px; padding-right: 12px !important; width: 100%; } .c-text-two-columns.text-right-img-left > .right { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; padding-top: 7px; } .c-text-two-columns.text-right-img-left > .left { text-align: center; } .c-text-two-columns.text-right-img-left .c-img-caption { padding-right: 0; padding-left: 0; } .c-text-two-columns.text-left-img-right > .left { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-text-two-columns.text-left-img-right > .right { text-align: center; } .c-text-two-columns.img-left-img-right { /* .column:nth-of-type(1) { margin } */ } .c-text-two-columns.img-left-img-right .column { width: 100%; margin-bottom: 20px; padding-right: 10px; } .c-text-two-columns.img-left-img-right .column:first-child { padding-left: 10px; } .c-text-two-columns.img-left-img-right .column:last-child { margin-bottom: 0px; } .c-text-two-columns.text-right-audio-left > .right { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-text-two-columns.text-left-audio-right > .left { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-text-two-columns.img-left-img-right .column { float: left; display: block; } .c-text-two-columns.text-left-links-right > .left { padding-bottom: 0; margin-bottom: 0; } .c-text-two-columns.text-left-links-right > .right { /*margin-left: -15px;*/ } .c-text-two-columns.text-left-links-right > .right .items { margin-left: -15px; } .c-text-two-columns.text-left-links-right > .right .article, .c-text-two-columns.text-left-links-right > .right .publication, .c-text-two-columns.text-left-links-right > .right .event, .c-text-two-columns.text-left-links-right > .right .document { margin-left: 15px; margin-right: 0; width: 142px; max-width: calc(44%); margin-bottom: 15px; } .c-text-two-columns.text-left-links-right > .right .article:nth-child(odd):last-child, .c-text-two-columns.text-left-links-right > .right .publication:nth-child(odd):last-child, .c-text-two-columns.text-left-links-right > .right .event:nth-child(odd):last-child, .c-text-two-columns.text-left-links-right > .right .document:nth-child(odd):last-child { margin-left: 0; } .c-text-two-columns.text-left-img-list-right .right { margin-left: -7px; } .c-text-two-columns.text-left-img-list-right .right .img-wrapper { margin-left: 15px; margin-right: 0; width: 142px; max-width: calc(44%); margin-bottom: 15px; } } .c-text-large { overflow: hidden; } .c-text-large.title .col { text-align: center; line-height: 54px; line-height: 5.4rem; } .c-text-large .col { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; margin-bottom: 30px; } @media (min-width: 768px) { .c-text-large .col { float: left; width: 83.33333333%; } } @media (min-width: 768px) { .c-text-large .col { margin-left: 8.33333333%; } } .c-text-large .col dl { margin-top: 40px; } @media (min-width: 768px) { .c-text-large .col dl dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-text-large .col dl dd { margin-left: 180px; } } .c-text-large .col dl dt { vertical-align: top; text-align: left; font-weight: normal; width: auto; float: none; white-space: normal; display: inline-block; } .c-text-large .col dl dd { display: inline-block; vertical-align: top; margin-left: 0; } @media (max-width: 767px) { .c-text-large a { word-wrap: break-word; } .c-text-large.title .col { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } .c-text-large .col { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; /*.font-xs1();*/ margin-bottom: 15px; } .c-text-large .col p { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } } .c-text-sub { margin-left: -10px; margin-right: -10px; } .c-text-sub .col { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; text-align: center; margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .c-text-sub .col { float: left; width: 66.66666667%; } } @media (min-width: 768px) { .c-text-sub .col { margin-left: 16.66666667%; } } @media (max-width: 767px) { .c-text-sub .col { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } } .c-text-heading .col { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; text-align: center; margin-bottom: 40px; } @media (min-width: 768px) { .c-text-heading .col { float: left; width: 66.66666667%; } } @media (min-width: 768px) { .c-text-heading .col { margin-left: 16.66666667%; } } .c-text-heading .col.large { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; } .c-text-heading .col.medium { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } .c-text-heading .col.small { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } @media (max-width: 767px) { .c-text-heading { padding: 0 12px; } .c-text-heading .col { margin-bottom: 29px; } .c-text-heading .col.large { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } .c-text-heading .col.medium { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-text-heading .col.small { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } } .c-text-interview { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; width: calc(83.3333% + 60px) !important; } @media (min-width: 768px) { .c-text-interview { float: left; width: 83.33333333%; } } @media (min-width: 768px) { .c-text-interview { margin-left: 8.33333333%; } } .c-text-interview .clear { clear: both; } .c-editorial-strip dl, .c-text-interview dl { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; margin-top: 25px; margin-bottom: 0; } .c-editorial-strip dl dt.intv, .c-text-interview dl dt.intv { width: 90px; float: left; /*width: 40px;*/ padding: 0; /*text-align: right;*/ font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: #000000; text-transform: uppercase; /*margin-right: @text-interview-author-margin;*/ clear: both; margin-top: 7px; margin-right: 20px; /*margin-left: 1 - (@text-interview-author-width + @text-interview-author-margin);*/ } .c-editorial-strip dl dd, .c-text-interview dl dd { width: calc(100% - 110px); float: left; /*width: ~"calc(100% - 60px)";*/ margin-bottom: 30px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } @media (max-width: 767px) { .c-text-interview { width: 100% !important; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } .c-editorial-strip dl, .c-text-interview dl { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; margin-top: 20px; /*padding-left: 30px; //70px;*/ /*padding-right: 0; //27px;*/ } .c-editorial-strip dl dt.intv, .c-text-interview dl dt.intv { /*.make-xs-column(2);*/ width: 50px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; margin-top: 3px; margin-right: 10px; padding: 0; /*margin-left: -40px;*/ /*width: 30px;*/ /*margin-right: auto;*/ } .c-editorial-strip dl dd, .c-text-interview dl dd { width: calc(100% - 60px); font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; margin-bottom: 15px; /*width: ~"calc(100% - 1px)";*/ } } .c-editorial-note { padding-left: 0; padding-right: 0; padding-bottom: 40px; padding-top: 10px; } .c-editorial-note .body { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } @media (max-width: 767px) { .c-editorial-note { padding: 0 12px 27px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .c-editorial-note .body { text-align: left; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } } .c-events-list { max-width: 930px; margin: 0 auto; /* Small devices (tablets, 768px and up) */ /* Medium devices (desktops, 992px and up) */ /* Large devices (large desktops, 1200px and up) */ } .c-events-list h2 { display: none; } .c-events-list .events { overflow: hidden; } .c-events-list .c-article-small-bloc { margin-right: 12px; margin-bottom: 12px; } .c-events-list .c-article-small-bloc:nth-child(2n) { margin-right: 0; } @media (min-width: 480px) { .c-events-list .c-article-small-bloc:nth-child(2n) { margin-right: 12px; } .c-events-list .c-article-small-bloc:nth-child(3n) { margin-right: 0; } } @media (min-width: 634px) { .c-events-list .c-article-small-bloc:nth-child(2n), .c-events-list .c-article-small-bloc:nth-child(3n) { margin-right: 12px; } .c-events-list .c-article-small-bloc:nth-child(4n) { margin-right: 0; } } @media (min-width: 768px) { .c-events-list h2 { text-align: center; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; margin-bottom: 60px; display: block; } } @media (min-width: 992px) { .c-events-list .c-article-small-bloc { float: left; margin-right: 62px; margin-bottom: 60px; } .c-events-list .c-article-small-bloc:nth-child(2n), .c-events-list .c-article-small-bloc:nth-child(3n) { margin-right: 62px; } .c-events-list .c-article-small-bloc:nth-child(4n) { margin-right: 0; } .c-events-list .c-article-small-bloc img { width: 186px; height: 116px; } .c-events-list .c-article-small-bloc .caption { width: 186px; height: 116px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } } @media (min-width: 1200px) { } /* classes: event event offsite event opportunity */ .c-event-listing { margin-left: -10px; margin-right: -10px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; overflow: hidden; padding: 50px 20px; } .c-event-listing .col-nav { width: 16.667%; } .c-event-listing .col-nav .title { margin-left: 23px; } .c-event-listing .col-nav ul { margin: 0; padding: 0; margin-bottom: 30px; } .c-event-listing .col-nav ul.years li a { display: table; } .c-event-listing .col-nav ul.years li a span { display: table-cell; max-width: 20px; min-width: 6px; } .c-event-listing .col-nav li { list-style: none; } .c-event-listing .col-nav li:before { content: ""; padding-right: 0; } .c-event-listing .col-nav li a { text-decoration: none !important; opacity: 0.3; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .c-event-listing .col-nav li a:hover, .c-event-listing .col-nav li a.active { opacity: 1; } .c-event-listing .col-nav li a:hover { border: none; padding-left: 24px; } .c-event-listing .col-nav li a.active { -webkit-transition: none; -o-transition: none; transition: none; } .c-event-listing .col-nav li a.active:hover { padding-left: inherit; } .c-event-listing .col-nav li a.active:before { content: '✓'; margin-right: 10px; } .c-event-listing .col-main .events.standalone { margin-bottom: 500px; } .c-event-listing .col-main .js-events-pagination .pagination { visibility: hidden; } .c-event-listing .col-main > .title { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; text-align: center; } .c-event-listing .col-main > .title div { margin-bottom: 80px; width: calc(78.333% - 15px); } .c-event-listing .col-main h3.empty-message { text-align: left; } .c-event-listing .col-main .year { margin-left: -10px; margin-right: -10px; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; text-align: center; } .c-event-listing .col-main .year div { width: 78.333%; margin-bottom: 100px; } .c-event-listing .col-main .year:not(:first-child) { margin-top: -30px; } .c-event-listing .event { padding-bottom: 20px; padding-top: 50px; overflow: hidden; clear: both; } .c-event-listing .event .event-inner { padding-top: 50px; /*&:hover { .right { .links { display: block; } } }*/ } .c-event-listing .event .event-inner .right .links { text-indent: -20px; padding-left: 20px; } .c-event-listing .event .event-inner .right .links > li { display: block; } .c-event-listing .event .event-inner .right .links > li .addtocalendar { display: block; } .c-event-listing .event .event-inner .right .links > li .addtocalendar .atcb-link { display: inline; } .c-event-listing .event .event-inner .right .links > li .addtocalendar .atcb-list { text-indent: 0; left: -20px; padding-bottom: 10px; padding-top: 10px; border: 1px solid #1d42ac; margin-top: 2px; } .c-event-listing .event .event-inner .right .links > li .addtocalendar .atcb-list .atcb-item .atcb-item-link { display: inline; } .c-event-listing .event:first-child { padding-top: 0; } .c-event-listing .event:first-child .event-year { margin-top: 0 !important; } .c-event-listing .event blockquote { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; margin-bottom: 0; } .c-event-listing .event.opportunity .left, .c-event-listing .event.offsite .left { text-align: left; width: 49%; } .c-event-listing .event.opportunity .left p, .c-event-listing .event.offsite .left p { margin-bottom: 0 !important; text-indent: 40px; } .c-event-listing .event.opportunity .left p:first-child, .c-event-listing .event.offsite .left p:first-child { text-indent: 0; } .c-event-listing .event.opportunity .left p.info, .c-event-listing .event.offsite .left p.info { margin-top: 30px; text-indent: 0; } .c-event-listing .event.opportunity .middle, .c-event-listing .event.offsite .middle { text-align: center; width: 29.333%; } .c-event-listing .event.opportunity .title, .c-event-listing .event.offsite .title { text-align: center; } .c-event-listing .event.is-hidden { display: none; } .c-event-listing .event .row { padding-bottom: 30px; overflow: hidden; } .c-event-listing .event .left { text-align: center; width: 29.333%; } .c-event-listing .event .left .img-wrapper { padding: 0 20px; } .c-event-listing .event .left .img-wrapper img { max-height: 249px; /*max-width: 249px;*/ max-width: 100%; } .c-event-listing .event .txt { min-height: 100px; } .c-event-listing .event .middle { text-align: left; width: 49%; } .c-event-listing .event .middle p { margin-bottom: 0 !important; text-indent: 40px; } .c-event-listing .event .middle p.info { margin-top: 30px; text-indent: 0; } .c-event-listing .event .middle:not(.break-content) p:first-child { text-indent: 0; } .c-event-listing .event .mobile-links { display: none; } .c-event-listing .event .right .links { /*display: none;*/ } .c-event-listing .event .right .links .atcb-list { margin-left: 0; padding-left: 10px; } .c-event-listing .event .right ul { margin: 0 0 0 10px; padding: 0; } .c-event-listing .event .right li { list-style: none; } .c-event-listing .event .right li:before { content: ''; padding: 0; } .c-event-listing .event .right a { text-decoration: none !important; border-bottom: 1px dashed !important; } .c-event-listing .event .right a:hover { border-bottom-style: none !important; text-decoration: none !important; } .c-event-listing .event .mobile-row { display: none; } .c-event-listing .event .date { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; text-align: center; } .c-event-listing .event .mobile-right { display: none; } .c-event-listing .event .title { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; text-align: center; } .c-event-listing.calendar .js-events-ias { margin-top: -50px; } .c-event-listing.calendar .event.offsite { color: #505050; } .c-event-listing.calendar .event.offsite a, .c-event-listing.calendar .event.offsite a:hover, .c-event-listing.calendar .event.offsite a:active { color: #505050 !important; } .c-event-listing.explore .js-events-ias { margin-top: -80px; } .is-touch .c-event-listing .event .right .links { display: block !important; } @media (min-width: 767px) and (max-width: 1060px) { /* For portrait layouts only */ .c-event-listing .event { /*.mobile-row { display: block; } */ } .c-event-listing .event .mobile-links { display: block; margin-top: 20px; } .c-event-listing .event .mobile-links .c-lightbox-links { display: inline-block; line-height: 0; } .c-event-listing .event .mobile-links .event-links { display: inline-block; line-height: 0; } .c-event-listing .event .left { width: 40%; } .c-event-listing .event .txt { width: 60%; } .c-event-listing .event .right { display: none; } .c-event-listing .event .right .links { display: none; } } @media (max-width: 767px) { .c-event-listing { padding-top: 6px; padding-left: 0; padding-right: 0; overflow: auto; } .c-event-listing .col-nav { display: none; } .c-event-listing .col-main h3.empty-message { display: none; } .c-event-listing .col-main > .title div { width: 100%; margin-bottom: 40px; } .c-event-listing .col-main > .year div { width: 100%; margin-bottom: 50px; } .c-event-listing .col-main .events.standalone { margin-bottom: inherit; } .c-event-listing .event { padding-bottom: 0px; padding-top: 0px; margin-top: 0px; } .c-event-listing .event.opportunity .left, .c-event-listing .event.offsite .left { width: 100%; } .c-event-listing .event.opportunity .desktop-row .middle, .c-event-listing .event.offsite .desktop-row .middle { display: none; } .c-event-listing .event blockquote { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; margin-bottom: 0; padding: 10px 20px; } .c-event-listing .event .middle p { text-indent: 20px; } .c-event-listing .event .row { padding-bottom: 20px; margin-left: 0; margin-right: 0; } .c-event-listing .event .row.links-row { padding-bottom: 35px; } .c-event-listing .event .year-wrapper .row { padding-bottom: 0px; } .c-event-listing .event .title { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; width: 100%; } .c-event-listing .event .title .location { display: none; } .c-event-listing .event .date { display: none; } .c-event-listing .event .mobile-locationdate { display: block; width: 50%; float: left; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-event-listing .event .mobile-locationdate .cont { width: 142px; height: 142px; display: table; /*margin: 0 auto;*/ margin: 0; } .c-event-listing .event .mobile-locationdate .inner { display: table-cell; vertical-align: middle; } .c-event-listing .event .mobile-locationdate .location { display: block; margin-bottom: 12px; text-align: center; } .c-event-listing .event .mobile-locationdate .date { display: block; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-event-listing .event .mobile-links { margin-top: 12px; display: block; } .c-event-listing .event .mobile-links a { text-decoration: none; border-bottom: 1px dashed #1d42ac; } .c-event-listing .event .mobile-links a:hover { border-bottom-style: solid; } .c-event-listing .event .mobile-links .c-lightbox-links { display: inline-block; line-height: 0; } .c-event-listing .event .mobile-links .event-links { display: inline-block; line-height: 0; } .c-event-listing .event .left { width: 50%; float: left; } .c-event-listing .event .left .img-wrapper { padding: 0; display: table; height: 142px; max-width: 100%; } .c-event-listing .event .left .img-wrapper a { display: table-cell; vertical-align: middle; } .c-event-listing .event .left .img-wrapper a img { max-height: 142px; max-width: 100%; } .c-event-listing .event .txt { width: 100%; clear: both; min-height: inherit; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; padding-top: 20px; } .c-event-listing .event .right { display: none; } .c-event-listing .event .mobile-row { display: block; padding-bottom: 0; } .c-event-listing .event .mobile-row .middle { width: 50%; float: left; } .c-event-listing .event .mobile-row .middle .img-wrapper { padding: 0; display: table; height: 142px; max-width: 100%; } .c-event-listing .event .mobile-row .middle .img-wrapper a { display: table-cell; vertical-align: middle; } .c-event-listing .event .mobile-row .middle .img-wrapper a img { max-height: 142px; max-width: 100%; } .c-event-listing .event .right .links { display: none; } .c-event-listing.calendar .js-events-ias { margin-top: -50px; } .c-event-listing.explore .js-events-ias { margin-top: 0; } } .c-article-small-bloc { width: 142px; height: 178px; float: left; } .c-article-small-bloc a { border-bottom: medium none !important; text-decoration: none !important; } .c-article-small-bloc img { width: 142px; height: 89px; } .c-article-small-bloc .caption { width: 142px; height: 89px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-align: center; display: table-cell; vertical-align: middle; } .c-article-responsive-bloc { width: 100%; display: inline-block; vertical-align: top; } .c-article-responsive-bloc a { text-decoration: none !important; } .c-article-responsive-bloc .thumb { text-align: center; cursor: pointer; width: 100%; margin: 0 auto; display: block; border: none; text-decoration: none; } .c-article-responsive-bloc .thumb img { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; } .c-article-responsive-bloc .thumb .thumb-placeholder { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; height: 116px; background-color: #f1efed; } .c-article-responsive-bloc .title { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; text-align: center; display: table; height: 116px; width: 100%; } .c-article-responsive-bloc .title span { display: table-cell; vertical-align: middle; } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .c-article-small-bloc { width: 186px; height: 232px; } .c-article-small-bloc img { width: 186px; height: 116px; } .c-article-small-bloc .caption { width: 186px; height: 116px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-article-small-bloc .thumb .thumb-placeholder { height: 85.6px; } } .c-publication-responsive-bloc { width: 100%; display: inline-block; vertical-align: top; } .c-publication-responsive-bloc a { text-decoration: none !important; } .c-publication-responsive-bloc .thumb { text-align: center; cursor: pointer; width: 100%; margin: 0 auto; display: block; border: none; text-decoration: none; } .c-publication-responsive-bloc .thumb img { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; } .c-publication-responsive-bloc .thumb .thumb-placeholder { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; height: 116px; } .c-publication-responsive-bloc .title { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; text-align: center; display: table; height: 116px; width: 100%; } .c-publication-responsive-bloc .title span { display: table-cell; vertical-align: middle; } @media (max-width: 767px) { .c-publication-responsive-bloc .thumb .thumb-placeholder { height: 85.6px; } } .dropdown-wrapper .c-dropdown { margin: 0 20px 50px; overflow: hidden; } .dropdown-wrapper .c-dropdown > .title { text-indent: -51px; padding-left: 50px; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; cursor: pointer; } .dropdown-wrapper .c-dropdown > .title:before { content: '(+)'; margin-right: 40px; } .dropdown-wrapper .c-dropdown > .content { display: none; padding-top: 100px; } .dropdown-wrapper .c-dropdown.multiple { margin-top: 0; margin-bottom: 0; } .dropdown-wrapper .c-dropdown.multiple:last-child { margin-bottom: 100px; } .dropdown-wrapper .c-dropdown.is-open { margin-bottom: 15px; } .dropdown-wrapper .c-dropdown.is-open > .title:before { content: '(–)'; margin-right: 45px; } .dropdown-wrapper .c-dropdown.is-open > .content { display: block; } .dropdown-wrapper .c-dropdown h3 { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; margin-bottom: 50px; text-align: center; } .dropdown-wrapper .c-dropdown .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; margin-bottom: 50px; text-align: left; } @media (max-width: 767px) { .dropdown-wrapper .c-dropdown { margin: 0 0; } .dropdown-wrapper .c-dropdown.is-open { margin-bottom: 0; } .dropdown-wrapper .c-dropdown.is-open > .title:before { margin-right: 17px; } .dropdown-wrapper .c-dropdown > .content { padding-top: 34px; margin-bottom: 50px; padding-left: 5px; padding-right: 5px; } .dropdown-wrapper .c-dropdown > .title { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; } .dropdown-wrapper .c-dropdown > .title:before { margin-right: 15px; } .dropdown-wrapper .c-dropdown h3 { margin-bottom: 34px; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .dropdown-wrapper .c-dropdown .columns { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; margin-bottom: 40px; -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; } .dropdown-wrapper .c-dropdown.multiple:last-child { margin-bottom: 70px; } .dropdown-wrapper .c-dropdown.first { margin-top: 70px; } } @media (max-width: 767px) { .dropdown-wrapper { padding: 0; } .dropdown-wrapper .c-dropdown { padding: 0 5px; } } .backtotop { display: none !important; position: absolute; top: -34px; z-index: 300; bottom: 20px; right: 20px; cursor: pointer; /* &.menufooter-is-open { bottom: 110px; } */ } .backtotop.is-hidden { display: none; } /* body.sidebar-full-width { .backtotop { display: none; } } */ .c-carousel { width: 100%; margin: 0 auto; overflow: hidden; position: relative; } .c-carousel.large { max-width: 100%; } .c-carousel.large .item img { max-height: 600px; } .c-carousel.large .item .img-wrapper { max-height: 600px; } .c-carousel .viewport { display: none; overflow: hidden; } .c-carousel .items { -webkit-transition: margin 0.5s ease; -o-transition: margin 0.5s ease; transition: margin 0.5s ease; } .c-carousel .item { float: left; text-align: center; display: table; } .c-carousel .item.active .slide-paging { display: block; } .c-carousel .item.active .caption { visibility: visible; opacity: 1; transition: opacity 500ms linear; } .c-carousel .item .img { display: table-cell; vertical-align: bottom; } .c-carousel .item .img-wrapper { max-height: 450px; } .c-carousel .item img { /* position: absolute; left: 0; .transition(left 0.5s ease); */ max-height: 450px; max-width: 100%; } .c-carousel .item a { display: block; } .c-carousel .item .caption { position: absolute; text-align: center; max-width: 515px; width: 100%; padding-left: 10px; padding-right: 10px; left: 50%; margin-left: -257.5px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; margin-top: 80px; visibility: hidden; opacity: 0; transition: visibility 0s 500ms, opacity 500ms linear; /* &.hidden { visibility: hidden; opacity: 0; transition: visibility 0s 500ms, opacity 500ms linear; } */ } .c-carousel .controls { width: 100%; position: absolute; } .c-carousel .controls .arrow { width: 40%; cursor: pointer; } .c-carousel .controls .arrow.inactive { opacity: 0.2; cursor: default; } .c-carousel .controls .left { float: left; text-align: right; padding-right: 30px; } .c-carousel .controls .right { float: right; text-align: left; padding-left: 30px; } .c-carousel .controls .page { color: #000000; text-align: center; padding: 0px; float: left; width: 20%; padding: 4px 0px 0px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } @media (max-width: 767px) { .c-carousel .controls .page { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } .c-carousel .controls .right { padding-left: 0; } .c-carousel .controls .left { padding-right: 0; } .c-carousel .item .caption { width: 100%; transform: translate(-50%, 0); margin-left: 0; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .c-carousel .item .caption .caption p { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } } .featherlight { z-index: 2147483646; } .featherlight .featherlight-content { width: 100%; min-height: 100%; margin: 0; background-color: #000000; padding: 30px 0; border: none; padding: 30px; } .featherlight .featherlight-content .sidebar-mask { width: calc(23.5% + 30px); height: 80px; position: fixed; right: 0px; background-color: #000; top: 0px; z-index: 1; } .featherlight .featherlight-close-icon { display: block; line-height: 35px; width: 35px; height: 35px; top: 30px; right: 30px; background: url("../img/ui-icons/ico-close-white.svg") no-repeat 0 0 scroll transparent; background-size: cover; position: fixed; } body.featherlight-open { overflow: hidden !important; } .c-lightbox { display: none; } .c-lightbox .carousel { width: calc(76.5% - 50px); padding-right: 15px; max-width: 100%; position: fixed; } .c-lightbox .carousel .viewport { overflow: hidden; } .c-lightbox .carousel .items { -webkit-transition: margin 0.5s ease; -o-transition: margin 0.5s ease; transition: margin 0.5s ease; height: 100%; } .c-lightbox .carousel .item { float: left; text-align: center; height: 100%; display: table; table-layout: fixed; } .c-lightbox .carousel .item.player { width: 100%; } .c-lightbox .carousel .item .inner-wrapper { height: 100%; display: table-cell; vertical-align: middle; } .c-lightbox .carousel .item .inner-wrapper h2 { color: #ffffff; max-width: 70%; margin: 0 auto; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; } .c-lightbox .carousel .item .inner-wrapper img { max-width: 100%; max-height: 100%; } .c-lightbox .img-container { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .c-lightbox .img-container { float: left; width: 58.33333333%; } } @media (min-width: 992px) { .c-lightbox .img-container { float: left; width: 66.66666667%; } } @media (min-width: 1200px) { .c-lightbox .img-container { float: left; width: 75%; } } .c-lightbox .img-container .img-wrapper { max-width: 100%; } .c-lightbox .img-container .img-wrapper img { display: block; max-width: 100%; height: auto; max-height: calc(100vh - 60px); } .c-lightbox .sidebar { width: 23.5%; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: #FFFFFF; float: right; } .c-lightbox .sidebar .carousel-controls-wrapper { display: inline-block; text-align: left; position: fixed; z-index: 2; top: 0; padding-top: 25px; width: calc(23.5% - 70px); } .c-lightbox .sidebar .carousel-controls { min-height: 30px; width: 100%; } .c-lightbox .sidebar .carousel-controls .carousel-controls-inner { display: none; } .c-lightbox .sidebar .carousel-controls .carousel-controls-inner .arrow { float: left; padding-top: 5px; cursor: pointer; } .c-lightbox .sidebar .carousel-controls .carousel-controls-inner .arrow.inactive { opacity: 0.2; cursor: default; } .c-lightbox .sidebar .carousel-controls .carousel-controls-inner .paging { float: left; /*margin-left: 50px; margin-right: 50px;*/ margin-left: 20px; margin-right: 20px; padding-top: 7px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-lightbox .sidebar .content1 { margin-top: 60px; } .c-lightbox .sidebar .desc { margin-bottom: 10px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-lightbox .sidebar .info { margin-bottom: 20px; word-break: break-word; } .c-lightbox .sidebar .info ul.references li { display: block; margin-bottom: 10px; } .c-lightbox .sidebar a { color: #FFFFFF; border-bottom-color: #FFFFFF; } .c-lightbox .c-video { padding-bottom: 0; margin: 0 auto; } .c-lightbox .c-audio { margin: 0; padding: 0; } .c-lightbox .c-audio .img-wrapper { margin-bottom: 0; } @media (max-width: 1199px) { .featherlight .featherlight-content .sidebar-mask { width: calc(30% + 30px - 30px); } .c-lightbox .carousel { width: calc(70% - 60px); } .c-lightbox .sidebar { width: calc(30% - 30px); } .c-lightbox .sidebar .carousel-controls-wrapper { width: calc(30% - 70px - 30px); } } @media (max-width: 991px) { .featherlight .featherlight-content .sidebar-mask { height: 65px; width: calc(35% - 30px); } .c-lightbox .carousel { margin-top: 70px; width: 65%; } .c-lightbox .carousel .item { display: block; } .c-lightbox .carousel .item .inner-wrapper { display: block; } .c-lightbox .sidebar { width: 35%; } .c-lightbox .sidebar .content1 { padding: 12px; margin-top: 62px; } .c-lightbox .sidebar .carousel-controls-wrapper { padding-top: 20px; width: calc(35% - 40px - 30px); } .c-lightbox .sidebar .carousel-controls { margin-top: 0; } .c-lightbox .sidebar .carousel-controls .carousel-controls-inner .arrow img { width: 20px; height: 20px; } .c-lightbox .carousel-controls-wrapper { position: absolute; top: 20px; } .featherlight .featherlight-content { padding: 0 0 12px 0; } .featherlight .featherlight-close-icon { line-height: 20px; width: 20px; height: 20px; top: 28px; right: 12px; } } @media (max-width: 767px) { .featherlight .featherlight-content .sidebar-mask { display: none; } .c-lightbox { margin-top: 70px; } .c-lightbox .carousel { width: 100%; position: relative; padding-right: 0; } .c-lightbox .carousel .item .inner-wrapper { vertical-align: top; } .c-lightbox .carousel .item .inner-wrapper h2 { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; max-width: 100%; display: inline-block; } .c-lightbox .sidebar { width: 100%; } .c-lightbox .sidebar .desc { margin-top: 15px; } .c-lightbox .sidebar .content1 { position: absolute; padding-top: 0px; margin-top: 0px; } .c-lightbox .sidebar .carousel-controls-wrapper { width: calc(100% - 40px); position: absolute; } .c-lightbox .sidebar .carousel-controls { width: 90%; position: relative; text-align: left; margin-left: 10px; } .c-lightbox .sidebar .carousel-controls .carousel-controls-inner .paging { margin-left: 30px; margin-right: 30px; } .c-lightbox .carousel-controls { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); margin-top: 10px; } } .c-player { position: relative; color: #FFF; /* &.fullscreen { position: fixed; top: 0; width: 100%; height: 100px; background-color: gold; z-index: 2147483647; .skin { background-color: gold; } } */ } .c-player > div { margin: 0 auto; } .c-player .img-wrapper a { display: block; margin: 0; } .c-player .skin { cursor: pointer; } .c-player .skin .cta { line-height: 59px; height: 100%; } .c-player .skin .infos { display: none; line-height: 60px; } .c-player .skin .title { float: left; margin-left: 20px; width: calc(100% - 81px); font-size: 26px; font-size: 2.6rem; line-height: 60px; } .c-player .skin .title .viewport { white-space: nowrap; overflow: hidden; position: relative; height: 60px; } .c-player .skin .title .viewport .a { position: absolute; } .c-player .skin .volume { float: left; cursor: pointer; margin-left: 20px; } .c-player .skin .volume .on { display: inline-block; } .c-player .skin .volume .off { display: none; width: 33px; text-align: left; } .c-player .skin .slider { float: left; width: 100px; border: medium none; background: #ffffff none repeat scroll 0% 0%; border-radius: 0px; height: 2px; margin-top: 30px; margin-left: 30px; width: calc(100% - 362px); } .c-player .skin { background-color: #ec5151; width: 100%; height: 100%; } .c-player .skin .play { cursor: pointer; float: left; margin-left: 20px; } .c-player .skin .pause { float: left; cursor: pointer; margin-left: 20px; } .c-player .ui-slider-handle { border: 2px solid #fff; border-radius: 11px; background: #ec5151 none repeat scroll 0% 0%; top: -8px; width: 18px; height: 18px; outline: none; } .c-player .skin .timer { font-size: 18px; font-size: 1.8rem; } .c-player .skin .timer.position { float: left; margin-left: 20px; } .c-player .skin .timer.duration { float: left; margin-left: 20px; } @media (max-width: 500px) { .c-player .skin { overflow: hidden; } .c-player .skin .infos { margin-left: 10px; } .c-player .skin .title { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-player .skin .title .viewport .a { top: 50%; margin-top: -9px; } .c-player .skin .pause { margin-left: 8px; } .c-player .skin .play { margin-left: 15px; } .c-player .skin .slider { display: none; } .c-player .skin .full { margin-left: 15px; } .c-player .skin .timer.position { display: none; margin-left: 15px; } } .c-audio { margin: 0px 40px 50px; clear: both; position: relative; /* .skin { .cta { margin: 10px 0; } .title { margin-top: 1px; } } */ } .c-audio.no-img { min-height: 60px; } .c-audio.with-img .jwplayer { height: 60px !important; } .c-audio.with-img .skin { max-width: 960px; } .c-audio .jwplayer { display: none; } .c-audio .img-wrapper { margin-bottom: 30px; max-width: 50%; text-align: center; } .c-audio.fullwidth { margin: 0; padding: 0; max-width: 100%; } .c-audio .skin .infos .full { display: none; } .c-audio .caption { margin-top: 25px; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: #000; padding: 0 20px; } .c-audio .loader { margin-top: -82px; } /* .c-audio { position: relative; color: #FFF; } .c-audio.small { } .c-audio.small .skin .position { display: none; } .c-audio.small .skin .slider { width: calc(100% - 228px); } .c-audio .jwplayer { } .c-audio .skin { position: absolute; top: 0; background-color: #ec5151; width: 100%; height: 100%; } .c-audio .skin .cta { margin: 18px 0; } .c-audio .skin .play { cursor: pointer; float: left; margin-left: 20px; } .c-audio .skin .title { float: left; margin-left: 20px; width: calc(100% - 81px); overflow: hidden; } .c-audio .skin .title .viewport { white-space: nowrap; } .c-audio .skin .infos { display: none; margin: 18px 0; } .c-audio .skin .pause { float: left; cursor: pointer; margin-left: 20px; } .c-audio .skin .volume { float: left; cursor: pointer; margin-left: 20px; } .c-audio .skin .slider { float: left; width: 100px; border: medium none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 0px; height: 2px; margin-top: 10px; margin-left: 30px; width: calc(100% - 305px); } .c-audio .ui-slider-handle { border: 2px solid #fff; border-radius: 11px; background: #ec5151 none repeat scroll 0% 0%; top: -10px; width: 18px; height: 18px; } .c-audio .skin .timer.position { float: left; margin-left: 20px; } .c-audio .skin .timer.duration { float: left; margin-left: 30px; } */ .c-audio .skin { height: 60px; } .c-audio.small .skin .position { display: none; } .c-audio.small .skin .slider { width: calc(100% - 228px); } @media (max-width: 767px) { .c-audio { margin: 0 auto; margin-bottom: 40px; } .c-audio.full-width-audio { padding: 0 12px; } .c-audio .img-wrapper { max-width: 66%; } .c-audio .caption { margin-top: 15px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; padding: 0 10px; } .c-audio .loader { margin-top: -44px; } } .c-video { margin: 0px auto 50px; max-width: 621px; /*margin: 0px 40px 50px;*/ clear: both; position: relative; /* .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ padding-bottom: 10px; } .c-video[data-type="vimeo"] .img-wrapper { position: absolute; top: 0px; left: 0px; z-index: 100; } .c-video[data-type="vimeo"] .skin.no-img { margin-top: -60px; z-index: 2; position: relative; } .c-video.fullwidth { margin: 0; padding: 0; max-width: 100%; } .c-video.fullscreen:-webkit-full-screen { width: 100%; height: 100%; margin: 0; padding: 0; max-width: 100%; } .c-video.fullscreen.hover .skin { bottom: 0; } .c-video.fullscreen.hover .close { opacity: 1; } .c-video.fullscreen .jwplayer { width: 100% !important; height: 100% !important; } .c-video.fullscreen .skin { width: 100% !important; position: absolute; bottom: -60px; transition: bottom 500ms; } .c-video.responsive .jwplayer { width: 100% !important; } .c-video.with-img .jwplayer { display: none !important; } .c-video.with-img .jwplayer.show { display: block !important; } .c-video .overlay { width: 100%; height: calc(100% - 60px); z-index: 999; position: absolute; top: 0; left: 0; } .c-video .close { position: absolute; top: 30px; right: 30px; z-index: 1000; background: url("../img/ui-icons/ico-close-white.svg") no-repeat 0 0 scroll transparent; width: 36px; height: 36px; cursor: pointer; opacity: 0; transition: opacity 500ms; } .c-video .jwplayer { margin: 0 auto; } .c-video .skin { /* position: absolute; top: 0; left: 50%; transform: translate(-50%); margin-left: -1px; */ height: 60px; margin: 0 auto; } .c-video .skin:hover { bottom: 0; } .c-video .skin .slider { margin-left: 20px; } .c-video .skin .full { float: left; cursor: pointer; margin-left: 20px; } .c-video .c-img-caption { position: relative; margin-bottom: 0; } @media (max-width: 767px) { .c-video { margin: 0px auto 30px; padding-bottom: 10px; } } .c-theme-desc { margin-top: 86px; overflow: hidden; } .c-theme-desc .title { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; text-transform: uppercase; text-align: center; margin-bottom: 63px; } .c-theme-desc .desc { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; padding-bottom: 214px; } .c-theme-desc .desc blockquote { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; padding: 10px 80px 60px; } .c-theme-desc .desc p { padding-bottom: 60px; } .c-theme-desc .desc p:last-child { margin-bottom: 0; padding-bottom: 0; } @media (max-width: 767px) { .c-theme-desc .title { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; margin-bottom: 20px; } .c-theme-desc .desc { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; padding-bottom: 0; } .article-wrapper .theme-desc-wrapper { margin-top: 50px; } .article-wrapper .theme-desc-wrapper .c-theme-desc { display: none; } } .c-editorial-strip .mobile-theme-list { display: none; } .c-editorial-strip .mobile-theme-list .c-theme-desc { margin: 37px 12px 0; text-align: left; } .c-editorial-strip .mobile-theme-list .c-theme-desc .desc { padding-bottom: 40px; } .c-editorial-strip .mobile-theme-list .articles { overflow: hidden; display: block; text-align: center; } .c-editorial-strip .mobile-theme-list .articles .c-article-small-bloc { margin-right: 12px; margin-bottom: 12px; background-color: #fff; float: none; display: inline-block; } .c-editorial-strip .mobile-theme-list .articles .c-article-small-bloc a { display: block; } @media (max-width: 767px) { .c-editorial-strip .mobile-theme-list { padding-bottom: 70px; padding-top: 45px; display: block; } .c-editorial-strip .mobile-theme-list .thumb-placeholder { width: 142px; height: 89px; vertical-align: middle; display: inline-block; } } @media (max-width: 473px) { .mobile-theme-list .articles .c-article-small-bloc:nth-child(even) { margin-right: 0; } } .c-search-listing { padding: 30px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-search-listing span.highlight { font-style: italic; /*font-style: normal; color: @color-institutional;*/ } .c-search-listing .sidebar { background-color: #fff; position: fixed !important; top: 30px; width: 22.656625%; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-search-listing .sidebar h3 { border-bottom: 1px solid #000; margin-bottom: 30px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-search-listing .sidebar h3 span { display: none; } .c-search-listing .sidebar h3.mobile-refinements-header { display: none; } .c-search-listing .sidebar h4 { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-search-listing .sidebar #search-refinements-container { padding-bottom: 75px; } .c-search-listing .sidebar .refinements .ul { padding-bottom: 30px; overflow: hidden; } .c-search-listing .sidebar .refinements .ul.see-all { margin-top: -30px; display: none; } .c-search-listing .sidebar .li { cursor: pointer; clear: both; } .c-search-listing .sidebar .li:hover:before { color: #1d42ac; visibility: visible; } .c-search-listing .sidebar .li:hover .lbl { color: #1d42ac; } .c-search-listing .sidebar .li:hover .count { color: #1d42ac; } .c-search-listing .sidebar .li:before { content: '+'; float: left; width: 20px; visibility: hidden; } .c-search-listing .sidebar .li .lbl { float: left; width: calc(75% - 20px); text-indent: -20px; padding-left: 20px; } .c-search-listing .sidebar .li .count { float: right; width: 25%; text-align: right; } .c-search-listing .sidebar .refinements-selected, .c-search-listing .sidebar .refinements-contextual { overflow: hidden; padding-bottom: 50px; } .c-search-listing .sidebar .refinements-selected .li:before, .c-search-listing .sidebar .refinements-contextual .li:before { content: '-'; } .c-search-listing .sidebar .refinements-selected .li:nth-of-type(1), .c-search-listing .sidebar .refinements-contextual .li:nth-of-type(1) { margin-top: 30px; } .c-search-listing .main { float: left; width: calc(59% + 20px); margin-left: 32.265625%; } .c-search-listing .main a.item-link, .c-search-listing .main a.item-link:hover, .c-search-listing .main a.item-link:active { display: inline-block; text-decoration: none; color: #000000; overflow: hidden; } .c-search-listing .main ul li { display: block; } .c-search-listing .main.type-all .header .view-type.type-all { display: block; } .c-search-listing .main.type-all .results .item { clear: both; margin-bottom: 30px; overflow: hidden; border-bottom: 1px solid #000; padding-bottom: 30px; } .c-search-listing .main.type-all .mobile .form { margin-bottom: 10px; } .c-search-listing .main.type-all .mobile .img { width: 50%; float: right; text-align: center; } .c-search-listing .main.type-img .header .view-type.type-img { display: block; } .c-search-listing .main.type-img .col-img .form { display: none; } .c-search-listing .main.type-img .col-content { display: none; } .c-search-listing .main.type-img .results { margin-right: -20px; } .c-search-listing .main.type-img .results .item { float: left; clear: none; margin-right: 20px; } .c-search-listing .main.type-img .results .item.item-type-txt { display: none; } .c-search-listing .main.type-img .mobile .row-1, .c-search-listing .main.type-img .mobile .form, .c-search-listing .main.type-img .mobile .date, .c-search-listing .main.type-img .mobile .row-3, .c-search-listing .main.type-img .mobile .row-4 { display: none; } .c-search-listing .main.type-img .mobile .img { width: 183px; margin-bottom: 30px; } .c-search-listing .main.type-img .mobile .img .title { display: block !important; } .c-search-listing .main .header { border-bottom: 1px solid #000; overflow: hidden; padding-bottom: 3px; margin-bottom: 30px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-search-listing .main .header .filter, .c-search-listing .main .header .filter:hover, .c-search-listing .main .header .filter:active { text-decoration: none; color: #000000; } .c-search-listing .main .header .count { float: left; } .c-search-listing .main .header .switch { float: right; cursor: pointer; } .c-search-listing .main .header .view-type { display: none; } .c-search-listing .main .desktop { display: block; } .c-search-listing .main .desktop .col-img { width: 206px; float: left; } .c-search-listing .main .desktop .col-img .form { padding: 0 15px 30px 0; min-height: 74px; } .c-search-listing .main .desktop .col-img .img { margin: 0 15px 15px 0; width: 186px; } .c-search-listing .main .desktop .col-img .img.card { min-height: 232.05px; } .c-search-listing .main .desktop .col-content { width: calc(100% - 206px); float: left; } .c-search-listing .main .desktop .col-content .title { float: left; width: 75%; padding-right: 20px; } .c-search-listing .main .desktop .col-content .title .title-link { padding: 0 2px 0 0; text-decoration: underline; } .c-search-listing .main .desktop .col-content .title .title-link:hover { text-decoration: none; } .c-search-listing .main .desktop .col-content .actions { float: left; width: 25%; } .c-search-listing .main .desktop .col-content .row-1, .c-search-listing .main .desktop .col-content .row-2 { clear: both; overflow: hidden; margin-bottom: 20px; } .c-search-listing .main .desktop .col-content .col { float: left; } .c-search-listing .main .desktop .col-content .col-people { width: calc(35% + 20px); padding-right: 20px; } .c-search-listing .main .desktop .col-content .col-subject { width: calc(35% + 20px); padding-right: 20px; } .c-search-listing .main .desktop .col-content .col-date { width: 20%; hyphens: auto; } .c-search-listing .main .desktop .col-content .refinements-base .li { cursor: pointer; display: inline-block; } .c-search-listing .main .desktop .col-content .refinements-base .li .lbl { display: inline-block; } .c-search-listing .main .mobile { display: none; } .c-search-listing .main .mobile .row-1, .c-search-listing .main .mobile .row-2, .c-search-listing .main .mobile .row-3, .c-search-listing .main .mobile .row-4 { clear: both; overflow: hidden; } .c-search-listing .main .mobile .row-1, .c-search-listing .main .mobile .row-2, .c-search-listing .main .mobile .row-3 { margin-bottom: 10px; } .c-search-listing .main .mobile .with-img .form { float: left; margin-bottom: 20px; } .c-search-listing .main .mobile .with-img .date { float: left; } .c-search-listing .main .mobile .with-img .img { float: right; } .c-search-listing .main .mobile .form { width: 50%; float: left; } .c-search-listing .main .mobile .date { width: 50%; float: left; } .c-search-listing .main .mobile .title .title-link { text-decoration: underline; } .c-search-listing .main .mobile .title .title-link:hover { text-decoration: none; } .c-search-listing .main .results { clear: both; } .c-search-listing .main .paging { margin-bottom: 80px; width: 100%; } .c-search-listing .main .paging li.prev { float: left; } .c-search-listing .main .paging li.next { float: right; } @media (max-width: 767px) { .c-search-listing .sidebar { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; border-bottom: none; } .c-search-listing .sidebar h3.mobile-refinements-header { display: none; } .c-search-listing .sidebar h3.mobile-refinements-header span { display: inline-block; margin-right: 10px; } .c-search-listing .sidebar .refinements h3 { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; border-bottom: none; } .c-search-listing .sidebar .refinements h3 span { display: inline-block; margin-right: 5px; } .c-search-listing .sidebar .refinements h4 { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-search-listing .sidebar .refinements-selected, .c-search-listing .sidebar .refinements-contextual { overflow: hidden; padding-bottom: 20px; } .c-search-listing .sidebar .refinements-selected .li:nth-of-type(1), .c-search-listing .sidebar .refinements-contextual .li:nth-of-type(1) { margin-top: 10px; } .c-search-listing .sidebar .refinements-selected .li:before { content: 'x'; visibility: visible; font-size: 12px; } .c-search-listing .main .header .view-type { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-search-listing .main .desktop { display: none; } .c-search-listing .main .mobile { display: block; } .c-search-listing .main .mobile .row-1, .c-search-listing .main .mobile .row-2, .c-search-listing .main .mobile .row-3, .c-search-listing .main .mobile .row-4 { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } } /* @media (min-width: 768px) and (max-width: 1100px) { .c-search-listing .main .item-type-img:nth-of-type(2n) .desktop .col-img .img { margin-right: 0; border: 1px solid red; } } @media (min-width: 1101px) and (max-width: 1340px) { //.desktop .col-img .img .c-search-listing .main .item-type-img:nth-child(4n+4) .desktop .col-img .img { //margin-right: 0; border: 1px solid gold; background-color: red; } } */ #pg-search-tb h1 { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; margin-bottom: 51px; text-align: center; margin-top: 10px; } #pg-search-tb .c-search-textbox { margin-bottom: 51px; } #pg-search-tb .txt { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; margin-bottom: 51px; } #pg-search-listing { position: absolute; top: 0; left: 0; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; visibility: hidden; z-index: 0; padding: 3rem 4rem 0; /* -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; */ display: none; } /* #pg-search-listing.effeckt-page-active { display: block; visibility: visible; z-index: 10; } #pg-search-listing.effeckt-page-animating { overflow: hidden; z-index: 100; position: absolute; } #pg-search-listing.flip-to-left-front { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: flipToLeftBack 1000ms forwards ease; animation: flipToLeftBack 1000ms forwards ease; } @-webkit-keyframes flipToLeftBack { from { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } } @keyframes flipToLeftBack { from { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } } */ #pg-search-tb { position: absolute; top: 0; left: 0; } #pg-search-tb.mobile .c-search-textbox { width: 100%; margin-left: 0; left: auto; } #pg-search-tb .col { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; min-height: 255px; } @media (min-width: 768px) { #pg-search-tb .col { float: left; width: 83.33333333%; } } @media (min-width: 768px) { #pg-search-tb .col { margin-left: 8.33333333%; } } #pg-search-tb h1 { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; text-align: center; margin-top: 20px; } #pg-search-tb .c-search-textbox { position: absolute; top: 130px; left: 50%; z-index: 1; visibility: hidden; } #pg-search-tb .txt { font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; margin-top: 232px; margin-bottom: 51px; } @media (max-width: 767px) { #pg-search-tb h1 { display: none; } #pg-search-tb .txt { margin-top: auto; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } #pg-search-tb .c-search-textbox { width: 100% !important; margin-left: 0 !important; position: static; margin-bottom: 15px; border-left: 0 none; border-right: 0 none; } #pg-search-tb .c-search-textbox.big input { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; padding: 20px 10px; } #pg-search-tb .c-search-textbox.big button { padding: 20px 10px; border-left: 1px solid #000; } #pg-search-tb .c-search-textbox.big button img { width: 20px; height: 20px; } #pg-search-listing { padding: 0; } #pg-search-listing #search-refinements-container { padding-left: 10px; padding-right: 10px; } #pg-search-listing #search-results-container { width: 100%; margin: 85px 0 0; float: none; padding-left: 10px; padding-right: 10px; } #pg-search-listing .c-search-textbox { border-left: 0 none; border-right: 0 none; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } #pg-search-listing .c-search-textbox input { padding: 12px 10px; width: calc(100% - 47px); } #pg-search-listing .c-search-textbox button { padding: 11px 12px 11px; border-left: 1px solid #000; } #pg-search-listing .c-search-textbox button img { width: 20px; height: 20px; } #pg-search-listing .sidebar { width: 100%; position: static; top: 0; height: auto !important; z-index: 1; } #pg-search-listing .sidebar h3.mobile-refinements-header { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; display: block; margin-bottom: 0; margin-top: 10px; } #pg-search-listing .sidebar .cont { display: none; background-color: #FFF; } #pg-search-listing .sidebar .refinements-selected, #pg-search-listing .sidebar .refinements-contextual { padding-bottom: 15px; padding-bottom: 10px; } #pg-search-listing .sidebar .refinements h3 { display: none; } #pg-search-listing .sidebar #search-refinements-container { padding-bottom: 0px; } } .pt-perspective { width: 100%; } .pt-perspective.apply { position: relative; height: 100%; perspective: 1200px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pt-page { width: 100%; top: 0; left: 0; visibility: hidden; overflow: hidden; } .pt-page.apply { height: 100%; position: absolute; } .pt-page-current, .no-js .pt-page { visibility: visible; } .pt-page-current { visibility: visible !important; display: block !important; overflow: auto; } .no-js body { overflow: auto; } .pt-page-ontop { z-index: 999; } /* flip */ .pt-page-flipOutRight { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutRight 0.5s both ease-in; animation: flipOutRight 0.5s both ease-in; } .pt-page-flipInLeft { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInLeft 0.5s both ease-out; animation: flipInLeft 0.5s both ease-out; } .pt-page-flipOutLeft { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutLeft 0.5s both ease-in; animation: flipOutLeft 0.5s both ease-in; } .pt-page-flipInRight { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInRight 0.5s both ease-out; animation: flipInRight 0.5s both ease-out; } .pt-page-flipOutTop { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutTop 0.5s both ease-in; animation: flipOutTop 0.5s both ease-in; } .pt-page-flipInBottom { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInBottom 0.5s both ease-out; animation: flipInBottom 0.5s both ease-out; } .pt-page-flipOutBottom { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutBottom 0.5s both ease-in; animation: flipOutBottom 0.5s both ease-in; } .pt-page-flipInTop { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInTop 0.5s both ease-out; animation: flipInTop 0.5s both ease-out; } /* flip */ @-webkit-keyframes flipOutRight { to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @keyframes flipOutRight { to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @-webkit-keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @-webkit-keyframes flipOutLeft { to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @keyframes flipOutLeft { to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @-webkit-keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @-webkit-keyframes flipOutTop { to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @keyframes flipOutTop { to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @-webkit-keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @-webkit-keyframes flipOutBottom { to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @keyframes flipOutBottom { to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @-webkit-keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } /* animation delay classes */ .pt-page-delay100 { -webkit-animation-delay: .1s; animation-delay: .1s; } .pt-page-delay180 { -webkit-animation-delay: .180s; animation-delay: .180s; } .pt-page-delay200 { -webkit-animation-delay: .2s; animation-delay: .2s; } .pt-page-delay300 { -webkit-animation-delay: .3s; animation-delay: .3s; } .pt-page-delay400 { -webkit-animation-delay: .4s; animation-delay: .4s; } .pt-page-delay500 { -webkit-animation-delay: .5s; animation-delay: .5s; } .pt-page-delay700 { -webkit-animation-delay: .7s; animation-delay: .7s; } .pt-page-delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s; } .c-search-textbox { border: 1px solid #000; overflow: hidden; } .c-search-textbox.small { padding: 3px 7px; } .c-search-textbox.small input { width: calc(100% - 27px); font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; padding-top: 3px; } .c-search-textbox.small button { padding-left: 7px; padding-right: 7px; } .c-search-textbox.small button img { width: 13px; height: 13px; } .c-search-textbox.small button img.magni { /*padding-top: 7px;*/ padding-top: 1px; } .c-search-textbox.small button img.close { padding-top: 1px; } .c-search-textbox.big input { width: calc(100% - 138px); padding: 29px 34px; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; } .c-search-textbox.big button { padding: 24px 23px 0px; } .c-search-textbox.big button img { width: 72px; height: 72px; } .c-search-textbox input { border: medium none; float: left; } .c-search-textbox button { background: transparent none repeat scroll 0% 0%; border: medium none; float: right; } .c-search-textbox button img.magni { display: inline; } .c-search-textbox button img.close { display: none; } @media (max-width: 767px) { .c-search-textbox { border-top: 0; } .c-search-textbox.small { padding: 3px 0px; } .c-search-textbox.small input { width: calc(100% - 41px); font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } .c-search-textbox.small button img.magni { padding-top: 0; } .c-search-textbox.big input { width: calc(100% - 43px); } } .c-footnotes { margin-bottom: 50px; position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; width: calc(83.3333% + 60px) !important; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; /* .ol { -moz-column-count: 2; -moz-column-gap: @footnotes-column-gap; -webkit-column-count: 2; -webkit-column-gap: @footnotes-column-gap; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; column-count: 2; column-gap: @footnotes-column-gap; } .item { clear: both; overflow: hidden; } */ } @media (min-width: 768px) { .c-footnotes { float: left; width: 83.33333333%; } } @media (min-width: 768px) { .c-footnotes { margin-left: 8.33333333%; } } .c-footnotes .column { width: 50%; float: left; } .c-footnotes .column:nth-of-type(2) { padding-left: 10px; } .c-footnotes ol { margin: 0px; padding: 0px; } .c-footnotes li { display: block; } .c-footnotes li:before { content: ''; padding: 0; display: none; } .c-footnotes .no { float: left; width: 17%; } .c-footnotes .note { float: left; width: 83%; } @media (max-width: 767px) { .c-footnotes { width: auto; padding: 0 22px; margin-top: 20px; margin-bottom: 40px; overflow: hidden; } .c-footnotes .column { width: 100%; float: none; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .c-footnotes .column:nth-of-type(2) { padding-left: 0; } .c-footnotes .no { width: 9%; } .c-footnotes .note { width: 91%; } .c-footnotes p { margin: 0; } } #c-backdrop { position: fixed; left: 0; top: 100%; width: 100%; background-color: #FFFFFF; height: 100vh; z-index: 200; } #c-backdrop.lightbox { position: fixed; left: 0; top: 0; width: 100vw; background-color: #000000; height: 100vh; z-index: 1000; display: none; } /* body.flipping { overflow: hidden; } .flip-cont { } .flip-cont.apply { width: 100%; perspective: 1500px; } .flip-cont.apply > div, .flip-cont.apply > div { backface-visibility: hidden; transform-style: preserve-3d; transition: all 1000ms ease-in-out; } .flip-cont.apply.front { } .flip-cont.front > div { transform: rotateY(0deg); z-index: 1; } .flip-cont.apply.front > div { transform: rotateY(-90deg); } .flip-cont.flipback.apply.front > div { transform: rotateY(90deg); } .flip-cont.back { position: fixed; top: 0; left: 0; width: 100%; } .flip-cont.apply.back { } .flip-cont.back > div { transform: rotateY(90deg); } .flip-cont.apply.back > div { transform: rotateY(0deg); } .flip-cont.apply.back.flipback > div { transform: rotateY(-90deg); } */ /* LAST! */ body.is-flipping { overflow: hidden; } .flip-container { /* transition: transform 500ms linear; perspective-origin: 50% 400px; width: 100%; perspective: 1500px; position: relative; */ } .flip-card { /* transition: transform 500ms ease-in-out; transform-style: preserve-3d; position: absolute; width: 100%; */ } .flip-container.apply .flip-card { transform: rotateY(-90deg); } .flip-container.apply.complete .flip-card { transform: rotateY(-180deg); } .flip-container .c-panel { /* backface-visibility: hidden; position: absolute; width: 100%; */ } .flip-container.apply .c-panel.front { display: block; } .flip-container.apply.hide-front .c-panel.front { display: none; } .flip-container .c-panel.back { transform: rotateY(180deg); } .flip-container.apply .c-panel.back { /*display: block !important;*/ } #panel-search { background-color: #FFF; } .c-expandable ul { margin-bottom: 0; } .c-expandable .see-less, .c-expandable .see-all { display: none; } .c-expandable .see-less a, .c-expandable .see-all a { color: #000000; text-decoration: none; border: none; text-align: left; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-expandable .see-less a:hover, .c-expandable .see-all a:hover { border-bottom: none; } @media (max-width: 767px) { .c-expandable .see-less a, .c-expandable .see-all a { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } } @media (max-width: 767px) { .c-lightbox-links { display: inline-block; } } body.is-touch .c-link-bloc.next-theme { border-left-width: 40px; } .c-link-bloc { width: 100%; height: 130px; background-color: #f1efed; display: table; } .c-link-bloc a { color: #000000; text-decoration: none; border: none; display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-link-bloc a:hover { border-bottom: none; } .c-link-bloc.see-all-filters, .c-link-bloc.see-less-filters, .c-link-bloc.see-less, .c-link-bloc.see-all { height: 25px; } .c-link-bloc.prev-article, .c-link-bloc.next-article { background-color: #FFF; } .c-link-bloc.next-theme { position: absolute; bottom: 0px; left: 0px; z-index: 300; padding: 0 20px; border-left: 20px solid #fff; } .c-link-bloc.next-theme a { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; } @media (max-width: 767px) { .c-link-bloc.prev-article { padding: 30px 20px 30px; } .c-link-bloc.next-article { padding: 30px 20px 60px; } .c-link-bloc.next-theme { border-left: none; position: relative; padding: 30px 20px 60px; } .c-link-bloc.next-theme a { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } } #c-logged-user { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; display: inline-block; color: #FFFFFF; background-color: #1d42ac; padding: 2px 5px; position: fixed; top: 0; right: -333px; width: 350px; overflow: hidden; z-index: 1000; transition: 0.5s; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } #c-logged-user:hover { transition: 0.5s; right: 0; } @media (max-width: 767px) { #c-logged-user { display: none; } } #c-context-flag { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-align: right; display: inline-block; color: #FFFFFF; background-color: red; padding: 2px 5px; position: fixed; top: 0; left: -80px; width: 100px; overflow: hidden; z-index: 1000; transition: 0.5s; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } #c-context-flag:hover { transition: 0.5s; left: 0; } @media (max-width: 767px) { #c-context-flag { display: none; } } #c-ccamap { display: block; height: 75vh; } #c-ccamap.fallback { height: auto; } #c-ccamap.fallback img { max-width: 100%; } #c-ccamap .mapbox-improve-map { display: none; } #c-ccamap .mapboxgl-ctrl .mapboxgl-ctrl-compass { display: none !important; } /* .c-tooltip { position: relative; &:hover { .tooltip { display: block; } } .tooltip { display: none; position: absolute; //background-color: red; &:hover { display: block; } .content { width: 300px; border: 2px solid black; background-color: white; padding: 10px; .font-xs1(); } } } */ .c-tooltip2 { position: absolute; z-index: 1000; top: 0; left: 0; width: 375px; border: 2px solid black; background-color: #FFF; padding: 10px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .c-tooltip2.right .no { float: right; text-align: right; } .c-tooltip2.right .note { float: right; } .c-tooltip2 .no { float: left; width: 17%; font-size: 14.6333px; } .c-tooltip2 .note { float: left; width: 83%; } .c-tooltip2 .note p:last-child { margin-bottom: 0; } .footnote-ref { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; color: red; border-bottom: none !important; top: -0.25em; } @media (max-width: 767px) { .c-tooltip2 { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; left: 50% !important; margin-left: -100px; width: 200px; } .footnote-ref { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } } #panel-institutional { color: #1d42ac; /* .c-article-small-bloc-list { .make-xs-column(12); ul { width: 100%; .make-row(); margin-bottom: 0; li { .make-xs-column(4); // margin-bottom: 30px; display: table; img { .img-responsive(); width: 100%; } &:before { content: ''; padding: 0; } } } } */ } #panel-institutional a { text-decoration: underline; border-bottom: none; color: #1d42ac; } #panel-institutional a:hover { border-bottom: none; text-decoration: none; } #panel-institutional p { margin-bottom: 30px; } #panel-institutional #logo { display: block; height: 100%; } #panel-institutional .p-indent h1, #panel-institutional .p-indent h2, #panel-institutional .p-indent h3, #panel-institutional .p-indent h4 { display: inline-block; text-align: left; margin: 0; padding: 0; text-indent: 40px; } #panel-institutional .p-indent p { margin-bottom: 0px; } #panel-institutional .p-indent p:not(:nth-of-type(1)) { text-indent: 40px; } #panel-institutional .c-img-caption { margin-bottom: 85px; padding: 0; } #panel-institutional .c-img-caption a { color: #000; } #panel-institutional .c-img-caption img { max-width: 100%; max-height: 650px; } #panel-institutional .c-img-caption.outro { margin-bottom: 150px; } #panel-institutional .c-img-caption.outro img { max-width: 598px; max-height: 598px; width: 100%; } #panel-institutional .c-img-caption .caption { max-width: 100%; } #panel-institutional .c-text-two-columns > .left { padding-left: 0; padding-right: 15px; } #panel-institutional .c-text-two-columns > .right { padding-left: 15px; padding-right: 0; } #panel-institutional .c-text-two-columns .c-img-caption { margin-top: 0; margin-bottom: 0; width: 100%; text-align: center; } #panel-institutional .c-text-large { margin-bottom: 50px; } #panel-institutional .c-text-large .col table.dl { margin-bottom: 30px; } #panel-institutional .c-text-large .col table.dl td { vertical-align: top; } #panel-institutional .c-text-large .col table.dl td:nth-of-type(1) { width: 50%; } #panel-institutional .c-text-large .col table.dl td:nth-of-type(2) { width: calc(50% - 36px); padding-left: 36px; } #panel-institutional .c-text-large .col p:last-child { margin-bottom: 0; } #panel-institutional .page-events h2 { text-align: center; font-size: 54px; font-size: 5.4rem; line-height: 60px; line-height: 6rem; margin-bottom: 50px; } #panel-institutional .page-events h2.event-year { margin-top: 80px; margin-left: -35px; } #panel-institutional .c-article-thumb { text-align: center; width: 186px; margin: 0px 13px 20px auto; display: inline-block; border: medium none; text-decoration: none !important; } #panel-institutional .c-article-thumb.event .title span { color: #1d42ac; } #panel-institutional .c-article-thumb:last-child { margin-right: 0; } #panel-institutional .c-article-thumb img { margin: 0px auto; text-align: center; display: inline-block; max-width: 100%; } #panel-institutional .c-article-thumb .title { word-wrap: break-word; background-color: #FFF; width: 186px; height: 116px; margin: 0 auto; display: table; } #panel-institutional .c-article-thumb .title span { display: table-cell; vertical-align: middle; padding: 12px 8px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } #panel-institutional .c-article-thumb .thumb-placeholder { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; height: 116px; background-color: #f1efed; } #panel-institutional .linkable-list { margin-bottom: 60px; } #panel-institutional .linkable-list .col { text-align: center; } #panel-institutional .linkable-list .article, #panel-institutional .linkable-list .publication, #panel-institutional .linkable-list .event, #panel-institutional .linkable-list .document { width: 186px; margin-right: 10px; margin-bottom: 10px; display: inline-block; } #panel-institutional .linkable-list .article img, #panel-institutional .linkable-list .publication img, #panel-institutional .linkable-list .event img, #panel-institutional .linkable-list .document img { width: 186px; } #panel-institutional .linkable-list .caption { padding-top: 10px; text-align: center; clear: both; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } #panel-institutional .linkable-list .caption p:last-child { margin-bottom: 0 !important; } @media (max-width: 767px) { #panel-institutional { padding-top: 110px; padding-right: 5px; padding-left: 5px; /* .c-article-small-bloc-list { margin-top: 40px; ul { width: 100%; margin-bottom: 15px; margin-left: 0; margin-right: 0; li { .make-xs-column(6); display: table; margin-bottom: 20px; img { .img-responsive(); width: 100%; } &:before { content: ''; padding: 0; } } } } */ } #panel-institutional p { margin-bottom: 10px; } #panel-institutional .p-indent h1, #panel-institutional .p-indent h2, #panel-institutional .p-indent h3, #panel-institutional .p-indent h4 { text-indent: 32.5px; } #panel-institutional .p-indent p { margin-bottom: 0px; } #panel-institutional .p-indent p:not(:nth-of-type(1)) { text-indent: 32.5px; } #panel-institutional .c-dropdown > .content { margin-bottom: 0; } #panel-institutional .c-img-caption { margin-bottom: 40px; } #panel-institutional .c-img-caption .caption { color: #000000; } #panel-institutional .c-img-caption .caption p { color: #000000; } #panel-institutional .c-img-caption .caption p:last-child { margin-bottom: 0; } #panel-institutional .c-img-caption.outro { margin-bottom: 70px; } #panel-institutional .c-img-caption.outro img { max-width: 100%; max-height: inherit; width: 100%; } #panel-institutional .c-article-thumb { width: 142px; } #panel-institutional .c-article-thumb .title { width: 142px; height: 89px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; /*.font-size(1.2); .line-height(1.4);*/ } #panel-institutional .c-text-large { margin-bottom: 0; } #panel-institutional .c-text-large .col { margin-bottom: 40px; } #panel-institutional .c-text-large .col table.dl { display: block; margin-bottom: 10px; } #panel-institutional .c-text-large .col table.dl td { display: block; } #panel-institutional .c-text-large .col table.dl td:nth-of-type(1) { width: 100%; } #panel-institutional .c-text-large .col table.dl td:nth-of-type(2) { padding-left: 0; width: 100%; } #panel-institutional .c-text-two-columns { margin-bottom: 0; } #panel-institutional .c-text-two-columns.text-left-links-right > .left { padding-left: 10px !important; padding-right: 10px !important; margin-bottom: 20px; } #panel-institutional .c-text-two-columns > .left { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 40px; } #panel-institutional .c-text-two-columns > .right { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 40px; } #panel-institutional .c-img-caption-list { margin-bottom: 40px; } #panel-institutional .c-img-caption-list ul { padding-right: 0; } #panel-institutional .page-events h2 { font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; margin-bottom: 0; } #panel-institutional .page-events h2.event-year { margin-top: 20px; margin-left: 0; } #panel-institutional .linkable-list { margin-bottom: 40px; /*.event { width: 142px; margin-right: 0; margin-left: 0; }*/ } #panel-institutional .linkable-list .col { margin-left: -7px; } #panel-institutional .linkable-list .article, #panel-institutional .linkable-list .publication, #panel-institutional .linkable-list .event, #panel-institutional .linkable-list .document { margin-left: 15px; margin-right: 0; width: 142px; max-width: calc(44%); margin-bottom: 15px; } #panel-institutional .linkable-list .article:nth-child(odd):last-child, #panel-institutional .linkable-list .publication:nth-child(odd):last-child, #panel-institutional .linkable-list .event:nth-child(odd):last-child, #panel-institutional .linkable-list .document:nth-child(odd):last-child { margin-left: 0; } #panel-institutional .linkable-list .caption p { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } #panel-institutional .c-article-thumb, #panel-institutional .c-article-thumb.event { width: 142px; max-width: 100%; margin-bottom: 0; } #panel-institutional .c-article-thumb img, #panel-institutional .c-article-thumb.event img { width: 142px; max-width: 100%; } #panel-institutional .c-article-thumb .title, #panel-institutional .c-article-thumb.event .title { width: 100%; } #panel-institutional .c-article-thumb .title span, #panel-institutional .c-article-thumb.event .title span { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { #panel-institutional .c-text-two-columns.text-left-links-right > .left { margin-left: 15px; margin-right: 0; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { #panel-institutional .c-text-two-columns.text-left-links-right > .left { margin-left: 0; margin-right: 0; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { #panel-institutional .c-text-two-columns.text-left-links-right > .left { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) and (max-width: 1199px) { #panel-institutional .c-text-large .col table.dl td:nth-of-type(1) { width: 60%; } #panel-institutional .c-text-large .col table.dl td:nth-of-type(2) { width: calc(40% - 36px); } } #pg-floating #panel-institutional { padding-top: 0; padding-bottom: 100px; } #pg-floating #logo { text-align: center; background: transparent url("../img/logo-cca-blue.svg") no-repeat scroll 0px 0px; width: 75px; height: 26px; margin: 30px auto 10px; } #pg-floating .row .col { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { #pg-floating .row .col { float: left; width: 83.33333333%; } } @media (min-width: 768px) { #pg-floating .row .col { margin-left: 8.33333333%; } } #pg-floating #c-menu-controls a { color: #1d42ac !important; } #pg-floating .c-img-caption img { max-width: 100%; max-height: inherit; } #pg-floating .c-text-large .col { margin-top: 100px; margin-bottom: 30px; } @media (max-width: 767px) { #pg-floating .c-text-full-width { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } } .pg-selection .backtotop { display: none !important; } .pg-selection #c-menu-footer { height: 100px; } @media (max-width: 767px) { .pg-selection #c-menu-footer { height: 44px; } } #panel-search { display: none; } #panel-search a:hover, #panel-search a:active { color: #000000; } #panel-search #c-menu-controls { right: 15px; } #panel-search #c-menu-controls .flip { margin-left: 0; } #panel-search #c-menu-controls .flip img { width: 29px; height: 29px; } #panel-search .c-link-bloc { margin-bottom: 30px; background-color: transparent; text-decoration: underline; } #panel-search .c-link-bloc:active, #panel-search .c-link-bloc:hover { text-decoration: none; } #panel-search .c-link-bloc.see-less-filters { display: none; } #panel-search .c-article-thumb { text-align: center; width: 186px; margin: 0px 13px 20px auto; display: inline-block; border: medium none; text-decoration: none !important; } #panel-search .c-article-thumb.event .title span { color: #1d42ac; } #panel-search .c-article-thumb:last-child { margin-right: 0; } #panel-search .c-article-thumb img { margin: 0px auto; text-align: center; display: inline-block; max-width: 100%; } #panel-search .c-article-thumb .title { word-wrap: break-word; background-color: #FFF; width: 186px; height: 116px; margin: 0 auto; display: table; } #panel-search .c-article-thumb .title span { display: table-cell; vertical-align: middle; padding: 12px 8px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } #panel-search .c-article-thumb .thumb-placeholder { margin: 0 auto; text-align: center; display: block; max-width: 100%; height: auto; height: 116px; background-color: #f1efed; } .pg-search #panel-search { display: inherit; } @media (max-width: 767px) { #panel-search .c-article-thumb .title { display: none; } .pg-search .backtotop { display: none !important; } .c-link-bloc { margin-bottom: 15px; height: 50px; } .c-link-bloc a { font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; } } #pg-error { background-color: #f1efed; } #pg-error .cont { width: 100%; max-width: 850px; margin: 0 auto; } #pg-error .c-text-large .col { margin-top: 80px; margin-bottom: 40px; } @media (max-width: 850px) { #pg-error .cont { padding-right: 30px; padding-left: 30px; } } html { -webkit-font-smoothing: antialiased; } html, body { height: 100%; } body { font: 100% 'UniversLTPro-55Roman', sans-serif; color: #000000; font-size: 14px; font-size: 1.4rem; position: relative; } body.have-sidebar { overflow: hidden; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } dt { font-weight: normal; } a { color: #000000; border-bottom: none; margin-bottom: 2px; /*display: inline-block;*/ text-decoration: underline; display: inline; } a.action { text-decoration: none; border-bottom: 1px dashed #000000; } a:hover, a:active { border-bottom-style: none; text-decoration: none; } a.btn { border: none; } a.btn:hover { border: none; } p { margin: 0 0 20px; } i.fa { font-size: 25px; } i, em { font-style: normal; font-family: 'UniversLTPro-55Oblique', sans-serif; } .row { clear: both; } ul, ol { padding-right: 0; padding-left: 0; display: table; } li { list-style: none; display: table-row; } blockquote { font-size: 26px; font-size: 2.6rem; line-height: 32px; line-height: 3.2rem; border-left: none; padding: 10px 40px; } .img-wrapper { margin: 0 auto; max-width: 100%; } .img-wrapper img { max-width: 100%; } /*span.dt { white-space: nowrap; }*/ strong { font-weight: normal; } .mCustomScrollbar .mCSB_inside > .mCSB_scrollTools { width: 8px; } .mCustomScrollbar .mCSB_inside > .mCSB_scrollTools .mCSB_draggerRail { background: transparent; } .mCustomScrollbar .mCSB_inside > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; background-color: #FFFFFF; width: 8px; } .mCustomScrollbar .mCSB_inside > .mCSB_container { margin-right: 15px; } .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } #footer-print { display: none; text-align: center; color: #000; padding-top: 25px; padding-bottom: 150px; } #footer-print .logo { padding-bottom: 30px; } #footer-print .logo img { width: 62px; height: 22px; } #footer-print .txt { font-size: 12px; line-height: 15px; } /* @media(max-width: @screen-sm-max){ html { font-size: 10px; //40%; } } @media(max-width: @screen-xs-max){ html { font-size: 10px; //20%; } } */ /* image hover effect .featherlight-img { img { transition: all .2s ease-in-out; &:hover{ //transform: scale(1.025); .transform(scale(1.025)); } } } */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px !important; } .c-search-textbox.big input { font-size: 5.4rem !important; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) { .c-search-textbox.big input { font-size: 1.6rem !important; } }