/*! jQuery UI - v1.11.4 - 2015-03-12
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 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-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family: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:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("/css/jqueryui-images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("/css/jqueryui-images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("/css/jqueryui-images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;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 #999;background:#dadada url("/css/jqueryui-images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.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:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("/css/jqueryui-images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("/css/jqueryui-images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% 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:#fef1ec url("/css/jqueryui-images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.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("/css/jqueryui-images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/css/jqueryui-images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("/css/jqueryui-images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/css/jqueryui-images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("/css/jqueryui-images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/css/jqueryui-images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/css/jqueryui-images/ui-icons_cd0a0a_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:#aaa url("/css/jqueryui-images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("/css/jqueryui-images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
.spr_tl_cart{
height: 20px;
width: 27px;
background-image: url('/images/sprites/tl.png?t=1465923691');
background-position: 0 0;
}
.spr_tl_link_arrow{
height: 7px;
width: 5px;
background-image: url('/images/sprites/tl.png?t=1465923691');
background-position: 0 -20px;
}
.spr_tl_bullet_green_check{
height: 18px;
width: 15px;
background-image: url('/images/sprites/tl.png?t=1465923691');
background-position: 0 -27px;
}
.spr_tl_shop_or_free_trial_220x155{
height: 155px;
width: 220px;
background-image: url('/images/sprites/tl.png?t=1465923691');
background-position: 0 -45px;
}
.spr_tl_tlo_banner_205x150{
height: 150px;
width: 205px;
background-image: url('/images/sprites/tl.png?t=1465923691');
background-position: 0 -200px;
}
.spr_tl_list_arrow2{
height: 12px;
width: 8px;
background-image: url('/images/sprites/tl.png?t=1465923691');
background-position: 0 -350px;
}
.spr_tl_logo_tl{
height: 28px;
width: 321px;
background-image: url('/images/sprites/tl.png?t=1465923691');
background-position: 0 -362px;
}
.spr_tl_green_205x150{
height: 150px;
width: 205px;
background-image: url('/images/sprites/tl_jpg.jpg?t=1469037121');
background-position: 0 0;
}
.spr_tl_wie_205x150{
height: 150px;
width: 205px;
background-image: url('/images/sprites/tl_jpg.jpg?t=1469037121');
background-position: 0 -150px;
}
.spr_tl_connect_banner_205x150{
height: 150px;
width: 205px;
background-image: url('/images/sprites/tl_jpg.jpg?t=1469037121');
background-position: 0 -300px;
}
.spr_languages_quizzes_icon{
height: 50px;
width: 50px;
background-image: url('/images/sprites/languages.png');
background-position: 0 0;
}
.spr_languages_products_a{
height: 35px;
width: 67px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -50px;
}
.spr_languages_wotd_a{
height: 35px;
width: 105px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -85px;
}
.spr_languages_funstuff_a{
height: 35px;
width: 69px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -120px;
}
.spr_languages_wotd_icon{
height: 50px;
width: 50px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -155px;
}
.spr_languages_phrases_icon{
height: 50px;
width: 50px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -205px;
}
.spr_languages_resources_icon{
height: 50px;
width: 50px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -255px;
}
.spr_languages_blog_a{
height: 35px;
width: 43px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -305px;
}
.spr_languages_overview_a{
height: 35px;
width: 70px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -340px;
}
.spr_languages_overview{
height: 35px;
width: 70px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -375px;
}
.spr_languages_products{
height: 35px;
width: 67px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -410px;
}
.spr_languages_blog{
height: 35px;
width: 43px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -445px;
}
.spr_languages_funstuff{
height: 35px;
width: 69px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -480px;
}
.spr_languages_games_icon{
height: 50px;
width: 50px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -515px;
}
.spr_languages_wotd{
height: 35px;
width: 105px;
background-image: url('/images/sprites/languages.png');
background-position: 0 -565px;
}
.spr_menu_tl_logo{
height: 28px;
width: 346px;
background-image: url('/images/sprites/menu.png');
background-position: 0 0;
}
.spr_menu_bg_tagline{
height: 40px;
width: 2px;
background-image: url('/images/sprites/menu.png');
background-position: 0 -28px;
}
.spr_menu_bg_search{
height: 30px;
width: 154px;
background-image: url('/images/sprites/menu.png');
background-position: 0 -68px;
}
.spr_menu_bg_menu_line{
height: 52px;
width: 2px;
background-image: url('/images/sprites/menu.png');
background-position: 0 -98px;
}
.spr_menu_bg_mcafee{
height: 49px;
width: 77px;
background-image: url('/images/sprites/menu.png');
background-position: 0 -150px;
}
.spr_menu_tl_logo_s{
height: 16px;
width: 188px;
background-image: url('/images/sprites/menu.png');
background-position: 0 -199px;
}
.spr_menu_btn_search{
height: 24px;
width: 35px;
background-image: url('/images/sprites/menu.png');
background-position: 0 -215px;
}
.spr_icons_blue_check_bird_big:before {
height: 30px;
width: 32px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 0;
}
.spr_icons_blue_books_2:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -30px;
}
.spr_icons_blue_speech_bubble:before {
height: 25px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -60px;
}
.spr_icons_blue_list_image:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -85px;
}
.spr_icons_blue_alphabet:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -109px;
}
.spr_icons_blue_user:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -138px;
}
.spr_icons_blue_tools:before {
height: 31px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -168px;
}
.spr_icons_blue_focus:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -199px;
}
.spr_icons_blue_check_bird:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -229px;
}
.spr_icons_blue_nowifi:before {
height: 33px;
width: 27px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -253px;
}
.spr_icons_blue_student:before {
height: 20px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -286px;
}
.spr_icons_blue_dollar:before {
height: 31px;
width: 20px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -306px;
}
.spr_icons_blue_note:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -337px;
}
.spr_icons_blue_earth:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -366px;
}
.spr_icons_blue_light:before {
height: 34px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -390px;
}
.spr_icons_blue_people:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -424px;
}
.spr_icons_blue_search:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -448px;
}
.spr_icons_blue_mobile:before {
height: 41px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -477px;
}
.spr_icons_blue_android:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -518px;
}
.spr_icons_blue_reports:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -546px;
}
.spr_icons_blue_books:before {
height: 33px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -574px;
}
.spr_icons_blue_monitor:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -607px;
}
.spr_icons_blue_support:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -635px;
}
.spr_icons_blue_book:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -659px;
}
.spr_icons_blue_download:before {
height: 24px;
width: 28px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -687px;
}
.spr_icons_blue_wheels:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -711px;
}
.spr_icons_blue_calendar:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -739px;
}
.spr_icons_blue_man_bubble:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -768px;
}
.spr_icons_blue_24_7:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -798px;
}
.spr_icons_blue_globe:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -825px;
}
.spr_icons_blue_speech_bubble_2:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -849px;
}
.spr_icons_blue_speech_bubbles:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -876px;
}
.spr_icons_blue_people_bubble:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -900px;
}
.spr_icons_blue_tablet:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -924px;
}
.spr_icons_blue_checkmark:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -954px;
}
.spr_icons_blue_key:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -978px;
}
.spr_icons_blue_activities:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1008px;
}
.spr_icons_blue_list:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1034px;
}
.spr_icons_blue_mail:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1058px;
}
.spr_icons_blue_graph:before {
height: 25px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1082px;
}
.spr_icons_blue_pencil:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1107px;
}
.spr_icons_blue_6:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1133px;
}
.spr_icons_blue_stopwatch:before {
height: 32px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1162px;
}
.spr_icons_blue_share:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_blue.png?t=1468939836');
background-position: 0 -1194px;
}
.spr_icons_green_speech_bubble:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 0;
}
.spr_icons_green_alphabet:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -27px;
}
.spr_icons_green_student:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -51px;
}
.spr_icons_green_note:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -77px;
}
.spr_icons_green_clock:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -106px;
}
.spr_icons_green_earth:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -135px;
}
.spr_icons_green_light:before {
height: 34px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -159px;
}
.spr_icons_green_people:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -193px;
}
.spr_icons_green_award:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -217px;
}
.spr_icons_green_monitor:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -243px;
}
.spr_icons_green_copy:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -271px;
}
.spr_icons_green_check:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -295px;
}
.spr_icons_green_man_bubble:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -323px;
}
.spr_icons_green_iphone:before {
height: 41px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -353px;
}
.spr_icons_green_cog:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -394px;
}
.spr_icons_green_checkmark:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -420px;
}
.spr_icons_green_key:before {
height: 31px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -444px;
}
.spr_icons_green_list:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -475px;
}
.spr_icons_green_mail:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -499px;
}
.spr_icons_green_graph:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -523px;
}
.spr_icons_green_chart:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -550px;
}
.spr_icons_green_bubbles:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -578px;
}
.spr_icons_green_share:before {
height: 29px;
width: 29px;
background-image: url('/images/sprites/icons_green.png?t=1468421516');
background-position: 0 -602px;
}
.spr_icons_peach_speech_bubble:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 0;
}
.spr_icons_peach_list_image:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -24px;
}
.spr_icons_peach_alphabet:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -48px;
}
.spr_icons_peach_tools:before {
height: 31px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -77px;
}
.spr_icons_peach_facebook_like:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -108px;
}
.spr_icons_peach_twitter:before {
height: 26px;
width: 33px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -132px;
}
.spr_icons_peach_people_s:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -158px;
}
.spr_icons_peach_focus:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -182px;
}
.spr_icons_peach_monitor_man:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -212px;
}
.spr_icons_peach_video:before {
height: 25px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -239px;
}
.spr_icons_peach_nowifi:before {
height: 33px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -264px;
}
.spr_icons_peach_target:before {
height: 32px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -297px;
}
.spr_icons_peach_checkbox:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -329px;
}
.spr_icons_peach_earth_s:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -353px;
}
.spr_icons_peach_flag_s:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -377px;
}
.spr_icons_peach_note:before {
height: 32px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -401px;
}
.spr_icons_peach_clock:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -433px;
}
.spr_icons_peach_books_s:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -461px;
}
.spr_icons_peach_rhombus:before {
height: 31px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -485px;
}
.spr_icons_peach_bubble:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -516px;
}
.spr_icons_peach_people:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -543px;
}
.spr_icons_peach_search:before {
height: 31px;
width: 29px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -567px;
}
.spr_icons_peach_mobile:before {
height: 41px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -598px;
}
.spr_icons_peach_android:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -639px;
}
.spr_icons_peach_books:before {
height: 34px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -666px;
}
.spr_icons_peach_day:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -700px;
}
.spr_icons_peach_date:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -728px;
}
.spr_icons_peach_info:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -752px;
}
.spr_icons_peach_plus:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -776px;
}
.spr_icons_peach_pensil:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -800px;
}
.spr_icons_peach_monitor:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -826px;
}
.spr_icons_peach_copy:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -853px;
}
.spr_icons_peach_speak:before {
height: 32px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -877px;
}
.spr_icons_peach_book:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -909px;
}
.spr_icons_peach_safe:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -937px;
}
.spr_icons_peach_setup:before {
height: 25px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -964px;
}
.spr_icons_peach_wheels:before {
height: 28px;
width: 23px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -989px;
}
.spr_icons_peach_devices:before {
height: 30px;
width: 39px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1017px;
}
.spr_icons_peach_man:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1047px;
}
.spr_icons_peach_multiple:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1077px;
}
.spr_icons_peach_globe:before {
height: 28px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1101px;
}
.spr_icons_peach_plus_box:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1129px;
}
.spr_icons_peach_check_mark:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1158px;
}
.spr_icons_peach_unlimited:before {
height: 27px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1187px;
}
.spr_icons_peach_speech_bubbles:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1214px;
}
.spr_icons_peach_people_bubble:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1238px;
}
.spr_icons_peach_tablet:before {
height: 32px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1262px;
}
.spr_icons_peach_sound:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1294px;
}
.spr_icons_peach_refresh:before {
height: 32px;
width: 29px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1320px;
}
.spr_icons_peach_key:before {
height: 31px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1352px;
}
.spr_icons_peach_arrows:before {
height: 30px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1383px;
}
.spr_icons_peach_list:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1413px;
}
.spr_icons_peach_graph:before {
height: 25px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1437px;
}
.spr_icons_peach_keyboard:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1462px;
}
.spr_icons_peach_grammar:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1486px;
}
.spr_icons_peach_age:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_peach.png?t=1468939836');
background-position: 0 -1510px;
}
.spr_icons_purple_speech_bubble:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 0;
}
.spr_icons_purple_list_image:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -26px;
}
.spr_icons_purple_admin_user:before {
height: 33px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -50px;
}
.spr_icons_purple_monitor_man:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -83px;
}
.spr_icons_purple_headphones:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -107px;
}
.spr_icons_purple_page:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -131px;
}
.spr_icons_purple_note:before {
height: 29px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -155px;
}
.spr_icons_purple_flag:before {
height: 33px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -184px;
}
.spr_icons_purple_clock:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -217px;
}
.spr_icons_purple_people:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -243px;
}
.spr_icons_purple_gist_circle:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -267px;
}
.spr_icons_purple_books:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -291px;
}
.spr_icons_purple_notebook:before {
height: 33px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -315px;
}
.spr_icons_purple_tl:before {
height: 24px;
width: 35px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -348px;
}
.spr_icons_purple_monitor:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -372px;
}
.spr_icons_purple_hat:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -396px;
}
.spr_icons_purple_wheels:before {
height: 26px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -420px;
}
.spr_icons_purple_calendar:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -446px;
}
.spr_icons_purple_man_bubble:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -470px;
}
.spr_icons_purple_people_bubble:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -494px;
}
.spr_icons_purple_calendar_day:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -518px;
}
.spr_icons_purple_graph:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -542px;
}
.spr_icons_purple_gist:before {
height: 24px;
width: 34px;
background-image: url('/images/sprites/icons_purple.png?t=1468421516');
background-position: 0 -566px;
}
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('/images/fancybox/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0 solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('/images/fancybox/fancybox.png') -40px 0;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('/images/fancybox/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0;
}
#fancybox-right {
right: 0;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('/images/fancybox/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('/images/fancybox/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('/images/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('/images/fancybox/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('/images/fancybox/fancybox-y.png');
background-position: -20px 0;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('/images/fancybox/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('/images/fancybox/fancybox-x.png');
background-position: 0 -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('/images/fancybox/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('/images/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('/images/fancybox/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('/images/fancybox/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('/images/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('/images/fancybox/fancybox-x.png') 0 -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('/images/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/*
* Proxima Nova
*/
@font-face {
/*font-family: 'ProximaNovaBlBlack';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-black-webfont.eot');
src: url('/font/proxima-nova/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-black-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-black-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-black-webfont.svg#ProximaNovaBlBlack') format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaBlBlackIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-blackit-webfont.eot');
src: url('/font/proxima-nova/proximanova-blackit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-blackit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-blackit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-blackit-webfont.svg#ProximaNovaBlBlackIt') format('svg');
font-weight: 900;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaThExtrabold';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-xbold-webfont.eot');
src: url('/font/proxima-nova/proximanova-xbold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-xbold-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-xbold-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-xbold-webfont.svg#ProximaNovaThExtrabold') format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaThExtraboldIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-xboldit-webfont.eot');
src: url('/font/proxima-nova/proximanova-xboldit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-xboldit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-xboldit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-xboldit-webfont.svg#ProximaNovaThExtraboldIt') format('svg');
font-weight: 800;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaRgBold';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-bold-webfont.eot');
src: url('/font/proxima-nova/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-bold-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-bold-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-bold-webfont.svg#ProximaNovaRgBold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaRgBoldIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-boldit-webfont.eot');
src: url('/font/proxima-nova/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-boldit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-boldit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-boldit-webfont.svg#ProximaNovaRgBoldIt') format('svg');
font-weight: 700;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaRgBold';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-bold-webfont.eot');
src: url('/font/proxima-nova/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-bold-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-bold-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-bold-webfont.svg#ProximaNovaRgBold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaRgBoldIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-boldit-webfont.eot');
src: url('/font/proxima-nova/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-boldit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-boldit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-boldit-webfont.svg#ProximaNovaRgBoldIt') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaLtSemibold';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-sbold-webfont.eot');
src: url('/font/proxima-nova/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-sbold-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-sbold-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-sbold-webfont.svg#ProximaNovaLtSemibold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaLtSemiboldIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-sboldit-webfont.eot');
src: url('/font/proxima-nova/proximanova-sboldit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-sboldit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-sboldit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-sboldit-webfont.svg#ProximaNovaLtSemiboldIt') format('svg');
font-weight: 600;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaLtSemibold';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-sbold-webfont.eot');
src: url('/font/proxima-nova/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-sbold-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-sbold-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-sbold-webfont.svg#ProximaNovaLtSemibold') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaLtSemiboldIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-sboldit-webfont.eot');
src: url('/font/proxima-nova/proximanova-sboldit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-sboldit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-sboldit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-sboldit-webfont.svg#ProximaNovaLtSemiboldIt') format('svg');
font-weight: 500;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaRgRegular';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-reg-webfont.eot');
src: url('/font/proxima-nova/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-reg-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-reg-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-reg-webfont.svg#ProximaNovaRgRegular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaRgRegularIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-regit-webfont.eot');
src: url('/font/proxima-nova/proximanova-regit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-regit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-regit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-regit-webfont.svg#ProximaNovaRgRegularIt') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaRgRegular';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-reg-webfont.eot');
src: url('/font/proxima-nova/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-reg-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-reg-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-reg-webfont.svg#ProximaNovaRgRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaRgRegularIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-regit-webfont.eot');
src: url('/font/proxima-nova/proximanova-regit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-regit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-regit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-regit-webfont.svg#ProximaNovaRgRegularIt') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaLtLight';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-light-webfont.eot');
src: url('/font/proxima-nova/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-light-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-light-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-light-webfont.svg#ProximaNovaLtLight') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaLtLightIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-lightit-webfont.eot');
src: url('/font/proxima-nova/proximanova-lightit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-lightit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-lightit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-lightit-webfont.svg#ProximaNovaLtLightIt') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaLtLight';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-light-webfont.eot');
src: url('/font/proxima-nova/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-light-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-light-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-light-webfont.svg#ProximaNovaLtLight') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaLtLightIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-lightit-webfont.eot');
src: url('/font/proxima-nova/proximanova-lightit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-lightit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-lightit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-lightit-webfont.svg#ProximaNovaLtLightIt') format('svg');
font-weight: 200;
font-style: italic;
}
@font-face {
/*font-family: 'ProximaNovaThThin';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-thin-webfont.eot');
src: url('/font/proxima-nova/proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-thin-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-thin-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-thin-webfont.svg#ProximaNovaThThin') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
/*font-family: 'ProximaNovaThThinIt';*/
font-family: 'ProximaNova';
src: url('/font/proxima-nova/proximanova-thinit-webfont.eot');
src: url('/font/proxima-nova/proximanova-thinit-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/proxima-nova/proximanova-thinit-webfont.woff') format('woff'),
url('/font/proxima-nova/proximanova-thinit-webfont.ttf') format('truetype'),
url('/font/proxima-nova/proximanova-thinit-webfont.svg#ProximaNovaThThinIt') format('svg');
font-weight: 100;
font-style: italic;
}
/*
* Museo Slab
*/
@font-face {
/*font-family: 'MuseoSlab900Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_900-webfont.eot');
src: url('/font/museo-slab/museo_slab_900-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_900-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_900-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_900-webfont.svg#MuseoSlab900Reg') format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab900It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_900italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_900italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_900italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_900italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_900italic-webfont.svg#MuseoSlab900It') format('svg');
font-weight: 900;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab900Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_900-webfont.eot');
src: url('/font/museo-slab/museo_slab_900-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_900-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_900-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_900-webfont.svg#MuseoSlab900Reg') format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab900It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_900italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_900italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_900italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_900italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_900italic-webfont.svg#MuseoSlab900It') format('svg');
font-weight: 800;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab700Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_700-webfont.eot');
src: url('/font/museo-slab/museo_slab_700-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_700-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_700-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_700-webfont.svg#MuseoSlab700Reg') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab700It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_700italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_700italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_700italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_700italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_700italic-webfont.svg#MuseoSlab700It') format('svg');
font-weight: 700;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab700Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_700-webfont.eot');
src: url('/font/museo-slab/museo_slab_700-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_700-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_700-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_700-webfont.svg#MuseoSlab700Reg') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab700It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_700italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_700italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_700italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_700italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_700italic-webfont.svg#MuseoSlab700It') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab700Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_700-webfont.eot');
src: url('/font/museo-slab/museo_slab_700-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_700-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_700-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_700-webfont.svg#MuseoSlab700Reg') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab700It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_700italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_700italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_700italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_700italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_700italic-webfont.svg#MuseoSlab700It') format('svg');
font-weight: 600;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab500Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_500-webfont.eot');
src: url('/font/museo-slab/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_500-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_500-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_500-webfont.svg#MuseoSlab500Reg') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab500It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_500italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_500italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_500italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_500italic-webfont.svg#MuseoSlab500It') format('svg');
font-weight: 500;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab500Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_500-webfont.eot');
src: url('/font/museo-slab/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_500-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_500-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_500-webfont.svg#MuseoSlab500Reg') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab500It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_500italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_500italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_500italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_500italic-webfont.svg#MuseoSlab500It') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab500Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_500-webfont.eot');
src: url('/font/museo-slab/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_500-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_500-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_500-webfont.svg#MuseoSlab500Reg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab500It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_500italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_500italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_500italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_500italic-webfont.svg#MuseoSlab500It') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab300Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_300-webfont.eot');
src: url('/font/museo-slab/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_300-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_300-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_300-webfont.svg#MuseoSlab300Reg') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab300It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_300italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_300italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_300italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_300italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_300italic-webfont.svg#MuseoSlab300It') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab300Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_300-webfont.eot');
src: url('/font/museo-slab/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_300-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_300-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_300-webfont.svg#MuseoSlab300Reg') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab300It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_300italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_300italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_300italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_300italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_300italic-webfont.svg#MuseoSlab300It') format('svg');
font-weight: 200;
font-style: italic;
}
@font-face {
/*font-family: 'MuseoSlab100Reg';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_100-webfont.eot');
src: url('/font/museo-slab/museo_slab_100-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_100-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_100-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_100-webfont.svg#MuseoSlab100Reg') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
/*font-family: 'MuseoSlab100It';*/
font-family: 'MuseoSlab';
src: url('/font/museo-slab/museo_slab_100italic-webfont.eot');
src: url('/font/museo-slab/museo_slab_100italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/museo-slab/museo_slab_100italic-webfont.woff') format('woff'),
url('/font/museo-slab/museo_slab_100italic-webfont.ttf') format('truetype'),
url('/font/museo-slab/museo_slab_100italic-webfont.svg#MuseoSlab100It') format('svg');
font-weight: 100;
font-style: italic;
}
html, body {
zoom:1;
min-height:100%;
height: 100%;
}
body { min-height:100%; height:100%; position:relative; line-height: 1;}
b, strong { font-weight: bold; }
/* --------------------------------------------------
Content & Container
-------------------------------------------------- */
.content-wrapper {
background-color: #fff;
margin: 0 20px;
min-height:200px;
}
.content-text {
line-height: 1.4em;/*1.3em;*/
padding-top: 20px;
width: 100%;
}
/* --------------------------------------------------
Footer
-------------------------------------------------- */
#copyright {
color: #dddde5;
background-color: #424269;
font: 14px/18px 'ProximaNova', Arial, sans-serif;
margin: 0;
padding: 10px 0 12px;
width: 100%;
-webkit-box-shadow: 1px 1px 10px 4px rgba(11, 11, 11, 0.1), 0 0 15px rgba(75, 70, 109, 0.2);
-moz-box-shadow: 1px 1px 10px 4px rgba(11, 11, 11, 0.1), 0 0 15px rgba(75, 70, 109, 0.2);
box-shadow: 1px 1px 10px 4px rgba(11, 11, 11, 0.1), 0 0 15px rgba(75, 70, 109, 0.2);
height: 100%;
max-height: 100px;
position: relative;
}
.copyright {
margin: 0 auto;
width: 920px;
overflow: hidden;
}
.copyright .left {
padding-top: 6px;
}
/*
-------------------------------------------------------------------------------------------------------------------------------
W3 Markup Styling
If you need to update anything, please save a backup copy and make a note of what you changed/added
-------------------------------------------------------------------------------------------------------------------------------
*/
* { font-size:100.01%; }
html { font-size:62.5%; }
img { border-style:none; }
a { text-decoration: none; }
.nobr,
.nowrap { white-space: nowrap; }
.hidden { display: none; }
/* --------------------------------------------------
Global Styles
-------------------------------------------------- */
body, td, p, input, textarea {
color: #333;
margin: 0;
padding: 0;
outline: 0;
}
body, td, p { color: #272727; font: 16px 'ProximaNova', Arial, sans-serif; }
body {
background-color: #fff;
-webkit-text-size-adjust: none; /* prevent mobile font scaling */
}
body.main-body {
background: #dddde5 url(/images/bg-body.png) repeat-x top;
min-width: 1000px;
}
form {
padding: 0; margin: 0;
display: inline;
border-style: none;
}
fieldset {
padding: 0; margin: 0;
border: none;
}
input, textarea, select {
font: 100% Arial, Helvetica, sans-serif;
vertical-align: middle;
}
.left {
float: left;
padding: 0;
margin: 0;
}
.right {
float: right;
padding: 0;
}
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
}
.main-holder {
width: 100%;
overflow: hidden;
}
.content:after {
content: "";
clear: both;
display: block;
}
/*all page*/
/* --------------------------------------------------
Main loyaut styles
-------------------------------------------------- */
#main {
background: transparent url(/images/bg-header.png) no-repeat top;
overflow: hidden;
width: 1000px;
margin: 0 auto;
min-height: 194px;
}
/* --------------------------------------------------
Header
-------------------------------------------------- */
#header {
margin: 0 35px;
height: 66px;
}
.logo {
float: left;
overflow: hidden;
margin: 21px 0 0 3px;
}
.logo a {
display: block;
height: 28px;
overflow: hidden;
text-indent: -9999px;
}
#header .text {
float: right;
width: 570px;
margin: 0;
padding: 13px 0 0 0;
}
/*content*/
.content-holder {
overflow: hidden;
padding: 0 0 4px;
width: 100%;
margin: 0 auto;
}
.content {
padding: 0;
width: 100%;
margin: 0 auto;
}
/*multi level drop down - Free Resources*/
#menu li:hover,
#menu li.hover {
position: relative;
z-index: 999;
}
/*drop down - Regular dropdown for other sections*/
#menu li:hover .drop-down,
#menu li.hover .drop-down,
#menu li:hover .drop-down-m,
#menu li.hover .drop-down-m,
#menu li:hover .drop-down-w,
#menu li.hover .drop-down-w { top:60px; }
#menu li:hover .drop-down ul li:first-child,
#menu li.hover .drop-down ul li:first-child,
#menu li:hover .drop-down-m ul li:first-child,
#menu li.hover .drop-down-m ul li:first-child,
#menu li:hover .drop-down-w ul li:first-child,
#menu li.hover .drop-down-w ul li:first-child { border-top: none; }
.drop-down,
.drop-down-m,
.drop-down-w {
position: absolute;
left: -3px;
top: -999px;
}
.drop-down   { width: 140px; }
.drop-down-m { width: 180px; }
.drop-down-w { width: 230px; }
#menu li:first-child .drop-down,
#menu li:first-child .drop-down-m,
#menu li:first-child .drop-down-w { left: -4px; }
.drop-down-m .center:after,
.drop-down-w .center:after,
.drop-down .center:after,
.drop-down-m:after,
.drop-down-w:after {
content: "";
clear: both;
display: block;
}
#menu li .drop-down   ul,
#menu li .drop-down-m ul,
#menu li .drop-down-w ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
margin-top: 1px;
}
#menu li .drop-down   ul li,
#menu li .drop-down-m ul li,
#menu li .drop-down-w ul li {
background: none;
position: relative;
z-index: 999;
height: 30px;
border-bottom: 1px solid #cccbdc;
border-top: 1px solid #e1e1ed;
border-left: 1px solid #c6c6d9;
font: normal 12px/30px Arial, Helvetica, sans-serif;
text-shadow: none;
}
#menu li       .drop-down-m ul li a,
#menu li:hover .drop-down-m ul li a,
#menu li.hover .drop-down-m ul li a,
#menu li       .drop-down-w ul li a,
#menu li:hover .drop-down-w ul li a,
#menu li.hover .drop-down-w ul li a {
font: normal 12px/30px Arial, Helvetica, sans-serif;
text-shadow: none;
color: #666190;
height: 30px;
display: block;
border: none;
margin: 0;
padding: 0 0 0 10px;
}
#menu li       .drop-down   ul li a,
#menu li:hover .drop-down   ul li a,
#menu li.hover .drop-down   ul li a { width:129px; }
#menu li       .drop-down-m ul li a,
#menu li:hover .drop-down-m ul li a,
#menu li.hover .drop-down-m ul li a { width:169px; }
#menu li       .drop-down-w ul li a,
#menu li:hover .drop-down-w ul li a,
#menu li.hover .drop-down-w ul li a { width:219px; }
#menu li .drop-down-m .image,
#menu li .drop-down-w .image {
overflow: hidden;
height: 1%;
padding: 15px 0 14px 30px;
}
#menu li .drop-down-m .image img,
#menu li .drop-down-w .image img { display:block; }
.drop-down   .center,
.drop-down-w .center,
.drop-down-m .center {
-webkit-box-shadow: 1px 1px 10px 4px rgba(11, 11, 11, 0.1), 0 0 15px rgba(75, 70, 109, 0.2) inset;
-moz-box-shadow: 1px 1px 10px 4px rgba(11, 11, 11, 0.1), 0 0 15px rgba(75, 70, 109, 0.2) inset;
box-shadow: 1px 1px 10px 4px rgba(11, 11, 11, 0.1), 0 0 15px rgba(75, 70, 109, 0.2) inset;
background-color: #dbdbe9;
border: 1px solid #aaaac7;
border-top: none;
position: relative;
margin-left: 4px;
color: #666190;
font: normal 12px/30px Arial, Helvetica, sans-serif;
text-shadow:none;
}
.drop-down   .center { width: 140px; }
.drop-down-m .center { width: 180px; }
.drop-down-w .center { width: 230px; }
#menu li       .drop-down ul li a,
#menu li:hover .drop-down ul li a,
#menu li.hover .drop-down ul li a {
border: none;
display: block;
height: 30px;
margin: 0;
color: #666190;
padding: 0 0 0 10px;
font: normal 12px/30px Arial, Helvetica, sans-serif;
text-shadow: none;
}
#menu li .drop-down   ul li a:hover,
#menu li .drop-down-m ul li a:hover,
#menu li .drop-down-w ul li a:hover,
#menu li.nav-active .drop-down ul li.sub-active a,
#menu li.nav-active .drop-down ul li.sub-active a:hover,
#menu li.nav-active .drop-down-m ul li.sub-active a,
#menu li.nav-active .drop-down-m ul li.sub-active a:hover,
#menu li.nav-active .drop-down-w ul li.sub-active a,
#menu li.nav-active .drop-down-w ul li.sub-active a:hover {
font: normal 12px/30px Arial, Helvetica, sans-serif;
text-shadow: none;
border: none;
height: 30px;
margin: 0;
padding: 0 0 0 10px;
background-color: #fadb9f;
background-image: linear-gradient(bottom, rgb(250,219,156) 50%, rgb(250,226,182) 80%);
background-image: -o-linear-gradient(bottom, rgb(250,219,156) 50%, rgb(250,226,182) 80%);
background-image: -moz-linear-gradient(bottom, rgb(250,219,156) 50%, rgb(250,226,182) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(250,219,156) 50%, rgb(250,226,182) 80%);
background-image: -ms-linear-gradient(#fae2b6, #fadb9c);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.5, rgb(250,219,156)),
color-stop(0.8, rgb(250,226,182))
);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#fae2b6,endColorstr=#fadb9c,GradientType=0);
zoom: 1;
}
#menu li .drop-down   ul li a:hover { width:129px; }
#menu li .drop-down-m ul li a:hover { width:169px; }
#menu li .drop-down-w ul li a:hover { width:219px; }
#menu li.nav-active .drop-down ul li.sub-active a,
#menu li.nav-active .drop-down ul li.sub-active a:hover,
#menu li.nav-active .drop-down-m ul li.sub-active a,
#menu li.nav-active .drop-down-m ul li.sub-active a:hover,
#menu li.nav-active .drop-down-w ul li.sub-active a,
#menu li.nav-active .drop-down-w ul li.sub-active a:hover { font-weight: bold; }
#menu li .drop-down .image {
overflow: hidden;
height: 1%;
padding: 15px 0 14px 16px;
}
#menu li .drop-down .image img { display:block; }
.box-search input.gsc-input {
width: 156px;
height: 12px;
padding: 7px;
}
.box-search span {
display: inline;
float: right;
margin: 0 9px 0 0;
overflow: hidden;
padding: 0;
width: 154px;
height: 30px;
}
.box-search span input {
font: 12px/14px Helvetica,Arial,sans-serif;
border: 1px solid #c9cee1 !important;
color: #696969;
float: left;
outline: none 0;
overflow: hidden;
width: 138px;
/*height: 14px;*/
margin: 3px 0 0 5px;
padding: 2px !important;
}
.box-search .gsc-clear-button, .box-search .gsc-branding { display: none; }
.box-search fieldset { padding: 12px 30px 0 0; }
/*content box*/
.container {
background-color: #fff;
border-bottom: 1px solid #B7B7C0;
border-left: 1px solid #B7B7C0;
border-right: 1px solid #B7B7C0;
float: left;
margin: 17px 39px 0 39px;
padding-bottom: 20px;
width: 920px;
min-height: 350px;
}
.container a { color:#4B4B9E; }
.content-text:after {
content: "";
clear: both;
display: block;
}
* html .content-text { height: 416px; }
.content-text p { margin:0; }
.footer-holder {
width: 100%;
overflow: hidden;
padding: 0;
margin-top: 16px;
height: 100%;
}
/* --------------------------------------------------
Footer
-------------------------------------------------- */
#footer {
width: 920px;
overflow: hidden;
margin: 10px auto 0 auto;
padding: 0;
min-height: 180px;
}
#footer h2 {
font: bold 18px "Myriad Pro", Myriad, Calibri, Tahoma, Geneva, Helvetica, Arial, sans-serif;
color: #313159;
margin: 12px 0 17px 0;
}
#footer ul {
margin: 0;
padding: 0 0 0 15px;
list-style: none;
border-right: 1px solid #cdcdd9;
-webkit-box-shadow:1px 0 0 0 #ebebef;
-moz-box-shadow:1px 0 0 0 #ebebef;
box-shadow:1px 0 0 0 #ebebef;
}
#footer ul li {
height: 1%;
vertical-align: top;
padding: 0 0 5px 0;
color: #6e6e7b;
font: 14px/18px 'ProximaNova', Arial, sans-serif;
}
#footer ul li a,
#footer .left-box ul li ul li a {
color: #4f91cb;
font: 14px/24px 'ProximaNova', Arial, sans-serif;
padding: 0;
}
.footer-menu {
position: relative;
margin-right: 10px;
display: block;
}
.footer-menu:after {
content: '\00BB';
position: absolute;
padding-left: 3px;
}
/*left box*/
#footer .left-box {
float: left;
width: 335px;
min-height: 145px;
padding: 0;
border-right: 1px solid #cdcdd9;
-webkit-box-shadow:1px 0 0 0 #ebebef;
-moz-box-shadow:1px 0 0 0 #ebebef;
box-shadow:1px 0 0 0 #ebebef;
}
#footer .left-box ul {
border-right: none;
padding: 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#footer .left-box ul.f-list { margin-right: 20px; }
#footer .left-box ul li {
font-size: 16px;
line-height: 24px;
color: #6E6E7B;
float: left;
width: 100%;
padding: 0;
}
#footer .left-box ul li a {
font: 16px/24px 'ProximaNova', Arial, sans-serif;
color: #6E6E7B;
}
#footer .left-box ul li span {
float: left;
display: block;
margin-right: 3px;
}
#footer .left-box ul li ul li { padding: 0; }
/*center box*/
#footer .center-box {
float: left;
width: 215px;
min-height: 145px;
padding: 0;
}
/*right box*/
#footer .right-box {
float: right;
width: 154px;
min-height: 145px;
}
#footer .right-box ul { border-right: none; }
/* Global Styles */
.container.no-padding { padding: 0; }
.content-text a {
text-decoration: none;
border-bottom: 1px dashed #6c6c9e;
}
.content-text a:hover {
/*color: #323269;*/
color: #4b4b9e;
text-decoration: none;
border: none;
}
.content-text a.callout {border-bottom: none;}
.content-text a.callout:hover {text-decoration: none;}
.content-text p {
line-height: 1.4em;
margin-bottom: 1em;
}
a.top { cursor: pointer; }
a[href^="mailto:"] {
white-space: nowrap;
}
h1 {
color: #336;
font: bold 34px 'ProximaNova', Arial, sans-serif;
margin: 0 0 20px;
}
h2 {
color: #669;
font: 22px 'ProximaNova', Arial, sans-serif;
margin: 25px 0 15px;
}
h3 {
color: #336;
font: bold 20px 'ProximaNova', Arial, sans-serif;
margin: 20px 0;
}
h4 {
color: #669;
font: bold 16px 'ProximaNova', Arial, sans-serif;
}
h5 {
color: #669;
font: bold 18px 'ProximaNova', Arial, sans-serif;
margin: 0 0 1em 0;
}
h6 {
color: #336;
font-size: 16px;
font-weight: bold;
margin: 0 0 0.5em;
}
/* NORMALIZE STYLES FOR FORMS START */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none !important;
outline: none !important;
}
a:focus, a:active {
outline:none !important;
}
select:hover, select:active, select:focus {
background-color: none;
}
input[type="checkbox"]:focus {
-moz-outline-offset: -1px !important;
-moz-outline: 1px solid #000 !important;
}
/* NORMALIZE STYLES FOR FORMS END */
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    contenteditable attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.no-border { border: none !important; }
a.border_none, a.border_none:hover {
text-decoration: none;
border: none !important;
}
.no-box-shadow {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
/* h1 centered */
.align-center,
.a-center {text-align: center;}
.a-right {text-align: right;}
/* h2 w/ a gray border on top */
h2.gray-top {
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid #e1e1e1;
}
hr {
color: #e1e1e1;
border: none;
background-color: #e1e1e1;
height: 1px;
margin: 2em 0;
}
form {
padding: 0; margin: 0;
display:inline;
}
fieldset {
padding: 0; margin: 0;
border: none;
}
ul.bullet,
.info ul.bullet {
margin: 0;
padding: 5px 0 6px 8px;
list-style: none;
}
ul.bullet li,
.info ul.bullet li {
padding: 0 0 5px 12px;
background: url(/images/list-bullet.gif) no-repeat 0 9px;/*0 5px;*/
}
.ovh {overflow: hidden;}
#footer .spr_tl_logo_tl { display: block; }
.contact-marker,
.contact-mail,
.contact-phone {
padding: 0 0 6px 33px !important;
box-sizing: border-box;
}
.contact-marker {
background: url(/images/icon-marker.svg) 10px 5px no-repeat;
-webkit-background-size: 11px 15px;
background-size: 11px 15px;
}
.contact-mail {
background: url(/images/icon-mail.svg) 7px 8px no-repeat;
-webkit-background-size: 16px 10px;
background-size: 16px 10px;
}
.contact-phone {
background: url(/images/icon-phone.svg) 7px 6px no-repeat;
-webkit-background-size: 17px 12px;
background-size: 17px 12px;
}
#copyright .links { margin: 5px 0 5px 30px; }
#copyright .links a {
color: #8cbae3;
font: bold 14px/18px 'ProximaNova', Arial, sans-serif;
margin: 0 0 0 20px;
}
#copyright .social a {
width: 28px;
height: 28px;
display: block;
float: left;
margin-left: 30px;
}
#copyright .social {
margin-top: 2px;
}
#copyright .social a.footer_social_twitter {
background: url(/images/social-footer-twitter.svg) 0 -2px no-repeat;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
#copyright .social a.footer_social_twitter:hover {
background: url(/images/social-footer-twitter-hover.svg) 0 -2px no-repeat;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
#copyright .social a.footer_social_facebook {
background: url(/images/social-footer-facebook.svg) 0 0 no-repeat;
-webkit-background-size: 26px 26px;
background-size: 26px 26px;
}
#copyright .social a.footer_social_facebook:hover {
background: url(/images/social-footer-facebook-hover.svg) 0 0 no-repeat;
-webkit-background-size: 26px 26px;
background-size: 26px 26px;
}
#copyright .social a.footer_social_linkedin {
background: url(/images/social-footer-linkedin.svg) 0 0 no-repeat;
-webkit-background-size: 26px 26px;
background-size: 26px 26px;
}
#copyright .social a.footer_social_linkedin:hover {
background: url(/images/social-footer-linkedin-hover.svg) 0 0 no-repeat;
-webkit-background-size: 26px 26px;
background-size: 26px 26px;
}
#copyright .social .footer_social_googlepluse {
background: url(/images/social-footer-google-plus.svg) 0 0 no-repeat;
-webkit-background-size: 26px 26px;
background-size: 26px 26px;
}
#copyright .social .footer_social_googlepluse:hover {
background: url(/images/social-footer-google-plus-hover.svg) 0 0 no-repeat;
-webkit-background-size: 26px 26px;
background-size: 26px 26px;
}
#copyright .social .footer_social_youtube {
background: url(/images/social-footer-youtube.svg) 0 0 no-repeat;
width: 61px;
-webkit-background-size: 61px 26px;
background-size: 61px 26px;
}
#copyright .social .footer_social_youtube:hover {
background: url(/images/social-footer-youtube-hover.svg) 0 0 no-repeat;
-webkit-background-size: 61px 26px;
background-size: 61px 26px;
}
/* Float elements left/right */
.left {
float:left;
padding: 0;
margin: 0;
}
/* Sets padding & margin of .right to 0 (layout classes give it a margin) */
.right {
float: right;
padding: 0;
margin: 0;
}
.align_center_to_left {
position: relative;
right: 50%;
float: right;
}
.a-left {
text-align: left;
}
.align_center_to_right {
position: relative;
z-index: 1;
right: -50%;
}
.f-left {
float: left;
}
.f-center {
margin-left: auto;
margin-right: auto;
}
.f-right {
float: right;
}
.hidden {
display: none;
}
.upr {text-transform: uppercase;}
.no-upr {text-transform: none;}
.bld {font-weight: bold;}
.no-bld {font-weight: normal;}
.col-1 {
margin: 0 auto;
width: 205px;
}
.col-2-1 { width: 430px; }
/* 2 column layout - set left col to .left; right col to .right */
.col-2 {
width: 430px;
margin-right: 20px;
}
/* 3 column layout - set left & middle cols to .left; right col to .right */
.col-3 {
width: 280px;
margin-right: 20px;
}
/* 4 column layout - set left 3 cols to .left; set right col to .right */
.col-4 {
width: 205px;
margin-right: 20px; /* Replaced 20px to 15 px for width 880px */
}
.col-180 { width: 180px; }
.col .frame { padding: 0 15px 0; }
.col .frame p { margin: 0 0 5px; }
.col h3 {
margin: 0 0 10px;
padding: 7px 10px 8px;
line-height: 1.167em;
font-size: 1em;
}
.col .more {
display: block;
padding: 10px 0;
text-align: center;
background: #fefefe url(/images/bg-more.gif) no-repeat 50% 0;
margin-top: 15px;
}
.col .more a {
font-weight: bold;
margin: 0;
z-index: 2;
padding: 0;
padding-top: 2px;
}
.col .more a span.spr_tl_link_arrow {
position: absolute;
z-index: 1;
margin: 7px 0 0 2px;
padding: 0;
line-height: 7px;
font-size: 7px;
}
.col .contact {
background: url(/images/bg-more.gif) no-repeat 50% 4px;
padding-top: 10px;
margin-top: 20px;
}
.col .contact h4 {
margin: 5px 0;
text-align: center;
}
.col .contact .phone, .col .contact .email {
min-height: 20px;
padding: 0 0 0 5px;
margin: 0 10px 0 0;
float: left;
}
.col .contact .phone {
color: #1E2E3D;
font-weight: bold;
padding-top: 3px;
}
.col .contact .email {
background-repeat: no-repeat;
padding-top: 1px;
}
/* Use side_left & side_right for 3/4 layout */
.side_left {
/*color: #1E2E3D;
font: 16px 'ProximaNova', Arial, sans-serif;/*Helvetica;*/
float: left;
width: 655px;
}
.side_right {
float: right;
width: 205px;
padding: 0;
margin: 0;
}
/* Set line-height for all layout div's */
.col, .col-2, .col-3, .col-4 {line-height: 1.4em;} /*.side_left, .side_right, .col, .col-2, .col-3, .col-4 {line-height: 1.4em;}*/
.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}
.clear-both {
clear: both;
}
.error_left {
color: #ed1c24;
font: bold 14px 'ProximaNova', Arial, sans-serif;/*Helvetica;*/
text-align: left;
}
/* Callouts */
.side_right .callout, .langs .side_right .callout {
margin: 0 auto 18px;
clear: both;
}
.callout { float: left; }
a.callout, a.callout:hover {
text-decoration: none;
border: none;
text-indent: -9999px;
}
a.callout span, a.callout img {
display: block;
cursor: pointer;
float: left;
}
/* Top of page link */
#top-link {
display: none;
position: fixed;
right: 5px;
bottom: 0;
color: #f7f7f7;
font-weight: bold;
background: #38385C;
padding: 5px 10px;
z-index: 100000;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
/* Header & Top Nav */
.top-nav{
float:right;
padding:0; margin: 0;
list-style:none outside none;
}
.top-nav ul{
float: right;
margin: 0;
padding: 0;
text-align: right;
}
.top-nav li {
float:left;
line-height:25px;
vertical-align:middle;
margin:10px 0 0;
padding:0 0 0 14px;
}
.top-nav li a {
color:#b2c8dd;
font: 11px/25px Arial;
text-align:right;
margin:0;
padding:0;
height: 25px;
}
.top-nav li a:hover { text-decoration: underline; }
.top-nav li .spr_tl_cart { margin-top: 3px; }
.top-nav li div.cart a {
display:block;
color: #fff;
font: bold 11px Arial;
text-align: center;
padding-top: 1px;
width: 27px;
}
.top-nav li div.cart a:hover { text-decoration: none; }
.top-nav li div.cart a span { margin-top: -4px; display: block; padding-left:2px; width: 27px; }
.top-nav .tel {
color: #b2c8dd;
font: bold 15px/25px Arial;
}
.top-nav li.mcafee-box {
width:77px;
height: 49px;
padding:0;
margin:0 0 0 15px;
}
#header .mcafee {
float:right;
margin:5px 6px 0 0;
vertical-align:middle;
}
/* Menu, Navigation & Search */
.box-nav {
width: 960px;
position:relative;
z-index: 900;
padding: 0;
margin: 0 20px;
}
#menu {
float:left;
list-style:none;
letter-spacing: normal !important;
text-shadow:0 1px 3px #0b0b0b;
min-height: 60px;
width: 960px; /*700px;*/
margin: 0;
padding: 0;
background: url(/images/bg-nav.png) repeat-x scroll 0 0 transparent;
}
#menu li,
#menu li a {
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
letter-spacing: normal !important;
}
#menu li {
color:#a7b2cf;
float:left;
list-style: none;
margin:0;
padding: 0;
}
#menu li > a {
color:#a7b2cf;
float:left;
height:60px;
padding:0 19px;
text-shadow:0 1px 3px #0b0b0b;
font: 14px/44px "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}
#menu li > a:hover,
#menu li:hover > a.top-menu,
#menu li.hover > a.top-menu,
#menu li.box-popup-search.hover > a.top-menu,
#menu li.box-popup-search.hover:hover > a.top-menu,
#menu li.nav-active:hover > a.top-menu {
color:#fff;
text-decoration:none;
margin:0;
padding: 0 19px;
position:relative;
z-index:99999;
background: url(/images/header-all.png) repeat-x scroll 0 0 transparent;
font: 14px/44px "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}
#menu li.nav-active {
color:#fff;
background:url(/images/nav_active_bg.png) repeat-x 50% 0 transparent;
font: 14px/44px "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}
#menu li.nav-active > a.top-menu {
color:#fff;
background:url(/images/nav_active_bg.png) repeat-x 50% 0 transparent;
font: 14px/44px "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;;
}
#menu li,
#menu li div.spr_menu_bg_menu_line,
.spr_menu_bg_menu_line { float:left; height: 51px; }
#menu li.right { float: right; }
/* Search Results */
#cse-search-results iframe {width: 655px;}
/* Search */
#menu .box-search {
float:right;
padding:0;
width: 260px;
margin: 0;
background-image: url(/images/bg-nav.png);
background-repeat: repeat-x;
background-color: transparent;
height: 60px;
}
#menu .button-search {
background-color:transparent;
border:medium none;
cursor:pointer;
float:right;
margin:1px 0 0;
padding:0;
}
/* Search popup */
#menu li.box-popup-search > a.top-menu,
#menu li.box-popup-search:hover > a.top-menu,
#menu li.box-popup-search.hover > a.top-menu,
#menu li.box-popup-search.hover:hover > a.top-menu { padding: 0; }
#menu li.box-popup-search:hover > a.top-menu { background-image: none; }
#menu .icon-search,
#menu li.box-popup-search:hover > a.top-menu .icon-search:hover {
background: transparent url(/images/icon-search.png) no-repeat 50% 0;
width: 48px;
height: 50px;
display: block;
margin: 0;
padding: 0;
}
#menu .icon-search:hover,
#menu li > a.top-menu .icon-search:hover,
#menu li.hover > a.top-menu .icon-search,
#menu li.box-popup-search.hover:hover > a.top-menu .icon-search {
background: transparent url(/images/icon-search.png) no-repeat 50% -50px;
margin: 0;
padding: 0;
width: 48px;
height: 50px;
}
#menu li .drop-down.popup-search {
background-color: #757198;
border: 1px solid #393454;
width: 305px;
height: 38px;
padding: 7px 0 0 15px;
z-index: 99999;
top: 50px;
left: 100%;
margin-left: -321px;
display:none;
}
#menu .popup-search .spr_menu_bg_search input {
width: 283px;
height: 25px;
border: 1px solid #5e5a86;
}
#menu .icon_magnifier {
background: transparent url(/images/icon_magnifier.png) no-repeat 100% 100%;
height: 16px;
width: 16px;
display: block;
position: relative;
top: -25px;
left: 100%;
margin-left: -41px;
z-index: 999;
cursor: pointer;
float: none;
}
/* Try it Free yellow button */
#menu li.box-trial {
max-width: 230px;
width: 100%;
margin: 0 auto;
padding: 0;
float: none;
display: inline-block;
text-align: center;
margin-right: -10px;/* Fix for chrome */
}
#menu li.box-trial .top-menu {
width: 100%;
margin: 0 auto;
padding: 0;
float: none;
display: inline-block;
text-align: center;
}
#menu .top-menu > .button-yellow {
margin: 6px 0 0 0;
width: 190px;
padding: 0;
float: none;
}
/* Breadcrumbs & Share This */
#breadcrumbs {
font: normal 12px Helvetica, sans-serif;
height: 18px;
line-height: 18px;
position: relative;
margin-left: 20px;
}
.crumb-arrow {
color: #272727;
font: normal 12px Arial, Helvetica, sans-serif;
margin-right: 5px;
}
#breadcrumbs ul {
margin: 1px 0 0;
padding:0;
list-style:none;
display: inline;
}
#breadcrumbs li {
display: inline;
padding: 0 5px 0 0;
}
#breadcrumbs li.current {
color: #336;
font-weight: bold;
}
.addthis_toolbox {
position: absolute;
right: 20px;
top: 0;
}
.addthis_toolbox a {outline:none 0;}
/* Home */
.home-page {
width: 882px;
font-size: 16px;
color: #272727;
padding-top: 10px;
}
.home-page p {
color: #272727;
}
.home-page h1 {
color: #789e1e;
font: bold 3.125em/1.1em 'ProximaNova', Arial, sans-serif;
text-align: center;
margin: 0;
}
.home-page h2 {
color: #618018;
font: 1.88em/1.1em 'ProximaNova', Arial, sans-serif;
margin: 14px 0 0.833em;
}
.home-page h3 {
color: #272727;
font: normal 1.3125em/1.8em 'ProximaNova', Arial, sans-serif;
margin: 25px 0;
}
.home-page h4 {
color: #4f91cb;
font: bold 1em 'ProximaNova', Arial, sans-serif;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
text-transform: uppercase;
margin: 0 0 0.2em;
}
.home-page sup { font-size: 0.4em; }
.home-page .slider ul,
.home-page .slider ul li {
list-style: none;
margin: 0;
padding: 0;
}
.home-page .slider ul.nav li.first a {
margin-left: 0 !important;
}
.home-page .hr {
margin: -20px 10px 20px;
width: 104px;
}
.home-page hr {
background: none repeat scroll 0 0 #dcd4b6;
border: 0 none;
box-shadow: 0 -1px 0 #fff inset;
color: #dcd4b6;
display: block;
height: 2px;
margin: 0 0 3px;
}
.home-page .hr.left hr.top { margin-right: 10px; }
.home-page .hr.right hr.top { margin-left: 10px; }
.home-page .header {
background: url(/images/home-header-bg.png) no-repeat 0 100%;
margin: 0 -20px;
min-height: 780px;
text-align: center;
border-bottom: 1px solid #f0d97f;
padding-bottom: 25px;
}
.home-page .header p {
color: #272727;
font: 1.25em/1.4em 'ProximaNova', Arial, sans-serif;
padding: 0 120px;
}
.home-page .choices {
background-color: #faf9f4;
border-bottom: 1px solid #f0d97f;
margin: 0 -20px;
padding: 30px 10px;
float: left;
}
.home-page .choices .col-left {
background-color: #F2EFE4;
border: 1px solid #DACFAE;
box-shadow: 1px 1px 0 #fff inset;
max-width: 160px;
text-align: center;
min-height: 200px;
color: #272727;
padding: 5px 4px;
margin: 30px 7px 15px;
}
.home-page .choices .col-left p {
font-size: 14px;
line-height: 16px;
min-height: 35px;
padding-top: 20px;
text-shadow: 0 1px 0 #fff;
}
.home-page .button-submit.btn-sm {
padding: 0 12px 1px;
font-size: 15px;
line-height: 24px;
border-radius: 21px;
width: 115px;
font-weight: 700;
height: 26px;
font-family: 'MuseoSlab', serif;
margin: 20px auto;
display: block;
color: #fff;
border-bottom-color: transparent;
}
.home-page .button-submit.btn-sm:hover { }
.beige-ribbon {
background: url(/images/bg-ribbon-beige.png) no-repeat 0 0;
min-height: 62px;
}
.home-page a.blue-ribbon {
color: #fff;
height: 55px;
width: 252px;
background: url('/images/bg-ribbon-blue.png') no-repeat scroll 100% 50% transparent;
font-size: 1.6em;
line-height: 1.7em;
text-align: left;
text-decoration: none;
margin: -4px -17px 0 0;
padding: 7px 10px 10px 45px;
border: 0;
}
.home-page a.blue-ribbon:hover {
color: #ebebeb;
}
.home-page .beige-ribbon {
margin: 20px -18px 0 -10px;
}
.home-page .beige-ribbon h3 {
color: #272727;
margin: 0;
position: relative;
width: 645px;
padding: 5px 8px 0 0;
display: table-cell;
vertical-align: middle;
height: 40px;
font: 20px/22px "ProximaNova",Arial,sans-serif;
text-align: right;
}
.spr_menu_bg_tagline {
height:40px;
width:2px;
}
.home-page .outline {
background: url(/images/bg-outline-top.png) no-repeat 0 0;
margin-top: 60px;
padding-top: 24px; /* image height */
}
.home-page .outline .bottom {
background: url(/images/bg-outline-bottom.png) no-repeat 0 0;
padding-bottom: 24px; /* image height */
}
.home-page .outline .content {
background: url(/images/bg-outline.png) repeat-y 0 0;
padding: 0 5px;
width: auto;
}
.home-page .outline .title {
margin-top: -2.7em;
float: right;
position: relative;
right: 50%;
}
.home-page .outline .title-inner {
text-align: center;
background: #fff;
border: 3px solid #f0d97f;
margin: 0 auto 7px;
float: right;
right: -50%;
position: relative;
}
.home-page .outline .title h3 {
font-size: 1.5em;
line-height: 1.5em;
background: #fff;
margin: -3px 5px;
padding: 3px 10px;
}
.home-page #tl-slider {
margin-top: 20px;
}
.home-page #tl-slider ul.nav {
position: relative;
z-index: 10;
border-collapse: collapse;
border-spacing: 0;
white-space: nowrap;
}
.home-page #tl-slider ul.nav li {
width: 198px;
min-width: 198px;
max-width: 198px;
white-space: nowrap;
border-collapse: collapse;
border-spacing: 0;
list-style-position: inside;
display: inline-block;
margin-left: 0;
margin-right: -3px;
}
.home-page #tl-slider ul.nav li a {
color: #4b94c9;
font-size: 1em;
font-weight: bold;
line-height: 1.5em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #fff url(/images/bg-diag-stripes.png) repeat 0 0;
border: 1px solid #f0d97f;
margin-left: -1px;
padding: 0.3em 0 0.2em;
width: 198px;
display: block;
position: relative;
float: left;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.home-page #tl-slider ul.nav li.first a {
width: 197px;
}
.home-page #tl-slider ul.nav li.last,
.home-page #tl-slider ul.nav li.last a {
width: 274px;
max-width: 274px;
}
.home-page #tl-slider ul.nav li a:hover {
color: #3883ba;
text-decoration: none;
background-color: #fcf2ca;
border-color: #ecd061;
z-index: 1;
}
.home-page #tl-slider ul.nav li.activeSlide a {
color: #dd9c00;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.62);
background: #f2de8f;
border-color: #d5b32d;
box-shadow: inset 0 2px 1px #f2df73, inset 0 0 10px 2px rgba(234, 201, 72, 1), 0 3px 5px rgba(116, 86, 20, 0.25);
z-index: 2;
overflow: visible;
}
.home-page #tl-slider ul.nav li a span.pointer {
background: url(/images/bg-nav-triangle2.png) no-repeat center 0;
margin: -6px auto -21px;
width: 21px;
height: 27px;
display: none;
}
.home-page #tl-slider ul.nav li.activeSlide a span.pointer {
display: block;
}
.home-page #tl-slider .slides {
margin: 0 1px;
width: 870px;
height: 250px;
clear: both;
position: relative;
}
.home-page #tl-slider .slide {
background: #fff;
margin: 16px 0 0;
padding: 32px 16px 0;
height: 202px;
width: 838px;
clear: both;
position: absolute;
}
.home-page #tl-slider .slide a {
color: #e66c59;
font-weight: bold;
border-color: #e66c59;
}
.home-page #tl-slider .slide p.left {
margin-left: 5px;
width: 520px;
}
.home-page #tl-slider .slide p.right {
width: 560px;
margin-right: 10px;
}
.home-page #tl-slider blockquote p {
color: #4b94c9;
font: 16px 'Droid Serif', Georgia, serif;
text-align: center;
background: url(/images/home-quote.png) no-repeat 0 0;
margin: 0;
padding: 35px 10px 65px;
width: 237px;
height: 79px;
}
.home-page #tl-slider blockquote .cite {
color: #272727;
line-height: 1.1em;
text-align: right;
text-transform: uppercase;
margin: -39px 90px 0 0;
display: block;
}
.home-page #tl-slider blockquote .cite strong { font-size: 0.9375em; }
.home-page #tl-slider blockquote .cite em { font-size: 0.875em; }
.home-page #tl-slider .slide a.learn-more {
position: absolute;
right: 16px;
bottom: 0;
}
.home-page #tl-slider .slide.s-1 {
z-index: 5;
}
.home-page #tl-slider .s-2 div.left,
.home-page #tl-slider .s-3 div.left {
font-size: 0.75em;
font-weight: bold;
line-height: 1.333em;
text-align: center;
text-transform: uppercase;
}
.home-page #tl-slider .s-2 div.left {
margin-left: 26px;
width: 190px;
}
.home-page #tl-slider .s-3 div.left {
margin-left: 26px;
/*width: 262px; /*3 images */
width: 190px; /*4 images */
}
.home-page #tl-slider .s-2 div.left.first,
.home-page #tl-slider .s-3 div.left.first {
margin-left: 0;
}
.home-page #tl-slider .s-2 div.left a,
.home-page #tl-slider .s-3 div.left a {
color: #4f91cb;
text-decoration: none;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
-ms-transition: color 0.4s ease;
transition: color 0.4s ease;
display: block;
}
.home-page #tl-slider .s-2 div.left img,
.home-page #tl-slider .s-3 div.left img {
background: #fff;
border: 3px solid #e8be00;
margin: 0 auto -0.5em;
padding: 2px;
display: block;
-webkit-transition: border-color 0.4s ease;
-moz-transition: border-color 0.4s ease;
-o-transition: border-color 0.4s ease;
-ms-transition: border-color 0.4s ease;
transition: border-color 0.4s ease;
}
.home-page #tl-slider .s-2 div.left a:hover,
.home-page #tl-slider .s-3 div.left a:hover {
color: #e66c59;
}
.home-page #tl-slider .s-2 div.left a:hover img,
.home-page #tl-slider .s-3 div.left a:hover img {
border-color: #e66c59;
}
.home-page #tl-slider .s-4 img {
margin-left: 20px;
}
.home-page.home-page-video .header {
min-height: 540px;
border: medium none;
background: url("/images/home-page-video-header-bg.jpg") no-repeat scroll 0 170px transparent;
width: 920px;
}
.home-page.home-page-video .block-orange {
width: 185px;
height: 65px;
background-color: rgba(241, 146, 72, 0.7);
position: relative;
z-index: 0;
top: 85px;
left: 300px;
}
.home-page.home-page-video .block-blue {
width:auto;
min-width: 390px;
max-width: 440px;
height: 85px;
background-color: rgba(79, 144, 202, 0.7);
position: relative;
z-index: 3;
border: 0;
top: -20px;
left: 45px;
margin-bottom: -45px;
}
.home-page.home-page-video .block-blue p {
color: #fff;
font: italic bold 1.25em "Helvetica Neue Bold Condensed";
font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
text-align: left;
text-transform: none;
padding: 20px 10px 20px 15px;
margin-bottom: -45px;
white-space: nowrap;
}
.home-page.home-page-video .block-blue .arrow {
width: 419px;
height: 35px;
z-index: 5;
position: absolute;
padding-left: 20px;
background: url("/images/arrow.png") no-repeat scroll 15px 0 transparent;
bottom: 0;
}
.home-page.home-page-video .block-green {
width: 290px;
height: 260px;
background-color: rgba(130, 172, 33, 0.7);
position: relative;
z-index: 2;
top: 40px;
left: 19px;
color: #fff;
font: italic 600 20px/29px "ProximaNova",Arial,sans-serif;
text-align: left;
padding: 0 20px;
}
.home-page.home-page-video .video {
background: url("/images/bg-macbook.png") no-repeat scroll 0 0 transparent;
width: 476px;
height: 297px;
margin-top: 86px;
}
.home-page.home-page-video .video a {
display: block;
width: 355px;
margin: 0 auto;
border: none;
}
.home-page.home-page-video .video .watch-video,
.home-page.home-page-video .video iframe {
width: 355px;
height: 221px;
border: 0;
text-align: center;
margin: 16px auto 0 auto;
}
.home-page.home-page-video .video .watch-video { background: url("/images/watch-video.jpg") no-repeat scroll 0 0 transparent; }
.home-page.home-page-video .video a:hover .watch-video { background: url("/images/watch-video.jpg") no-repeat scroll 0 -221px transparent; }
/* Fix for ie8 */
.ie8 .home-page.home-page-video .block-green { background-color: #95b842; }
.ie8 .home-page.home-page-video .block-blue { background-color: #70a4d4; }
.ie8 .home-page.home-page-video .block-orange { background-color: #f09754; }
.ie8 .home-page.home-page-video .block-blue p { font-size: 1.20em; }
/* end fix for ie8 */
/* Why Transparent Language (TL vs. Mango) */
.why-tl {
padding-top: 0;
position: relative;
top: 20px;
}
.why-tl,
.why-tl p {
color: #272727;
font: normal 16px/1.5em 'ProximaNova', Arial, sans-serif;
}
.why-tl #intro {
margin: 0 -20px;
padding: 30px 20px 20px;
height: 450px;
}
.why-tl #intro p {
color: #707e98;
width: 375px;
}
.why-tl h1 {
color: #4c5c7a;
font: bold 3.125em/1.2em 'ProximaNova', Arial, sans-serif;
margin: 0 0 0.5em;
}
.why-tl h1 span {
font-size: 0.49em;
font-weight: normal;
line-height: 1em;
display: block;
}
.why-tl h2 {
color: #789e1e;
font: bold 2.75em/1.2em 'ProximaNova', Arial, sans-serif;
margin: 0;
}
.why-tl h3 {
color: #a7cc52;
font: normal 1.625em/1.2em 'ProximaNova', Arial, sans-serif;
margin: 0 0 1em;
}
.why-tl .block {
background: #f7f7f7;
-webkit-box-shadow: inset 0 0 13px 3px #eee;
-moz-box-shadow: inset 0 0 13px 3px #eee;
-o-box-shadow: inset 0 0 13px 3px #eee;
box-shadow: inset 0 0 13px 3px #eee;
margin: 0 -20px;
padding: 50px 20px 30px;
position: relative;
}
.why-tl #feature-one {
-webkit-box-shadow: inset 0 -13px 13px 3px #eee;
-moz-box-shadow: inset 0 -13px 13px 3px #eee;
-o-box-shadow: inset 0 -13px 13px 3px #eee;
box-shadow: inset 0 -13px 13px 3px #eee;
}
.why-tl .block .number,
.tl-vs-mango .step-number {
color: #9BA7BF;
font-size: 8.25em;
font-weight: bold;
line-height: 1em;
position: absolute;
top: 0.1em;
right: 25px;
}
.why-tl .block .number a.fancy-video {
color: #D0D8E6;
font-size: 0.12em;
font-weight: normal;
line-height: 1.2em;
text-decoration: none;
background: url(/images/video-clapperboard.png) no-repeat 0 0;
border: none;
margin: 24px 10px 0 0;
padding: 38px 0 0 55px;
height: 50px;
width: 54px;
float: left;
display: block;
}
.why-tl .block .number a.fancy-video:hover {
text-decoration: underline;
}
.why-tl #feature-one p.first {
margin: 0 28px 0 0;
width: 340px;
float: left;
}
.why-tl #feature-three img.full-width {
margin: 0 -20px 2px;
display: block;
}
.why-tl .screen {
margin: -10px 30px 55px 0;
width: 195px;
}
.why-tl .screen.last {
margin-right: 0;
}
.why-tl .screen img {
background: #fff;
border: 1px solid #c4c5cc;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
padding: 10px;
display: block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.why-tl .screen a:hover img {
background: #4f91cb;
}
.why-tl #feature-three p.second {
margin: 20px 0;
width: 400px;
float: right;
}
.why-tl #feature-three img {
margin: 20px 0;
}
.why-tl #base {
background: #f5f1e5;
border: 1px solid #d4d4d4;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-o-border-radius: 40px;
border-radius: 40px;
margin: 40px 0 15px;
padding: 25px;
}
.why-tl #base p {
font: 1em/1.4em Helvetica,sans-serif;
margin-bottom: 0;
float: left;
}
.why-tl #base a#learn-more { float: right; }
.why-tl .disclaimer { margin-top: 40px; }
.why-tl .disclaimer p { font-size: 0.75em; }
/* Why Transparent Language (TL vs. Duolingo) */
.why-tl-vs-duolingo h1 {
color: #8277a6;
font: bold 42px/48px "ProximaNova",Arial,sans-serif;
}
.why-tl-vs-duolingo h1 span {
color: #7eb530;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
display: inline;
}
.why-tl-vs-duolingo h2,
.why-tl-vs-duolingo h3,
.why-tl-vs-duolingo h4,
.why-tl-vs-duolingo h5 { color: #4f91cb; }
.why-tl-vs-duolingo h2 { font-size: 50px; }
.why-tl-vs-duolingo h3,
.why-tl-vs-duolingo h4 { font-size: 30px; }
.why-tl-vs-duolingo h4 {
font-weight: bold;
margin-bottom: 0.8em;
margin-top: 0.8em;
}
.why-tl-vs-duolingo h5 {
font-size: 24px;
font-weight: normal;
margin-bottom: 0.2em;
}
/* Intro */
.why-tl-vs-duolingo #intro {
background-image: none;
height: auto;
margin: 0 -40px;
}
.why-tl-vs-duolingo #intro img {
width: 920px;
height: 417px;
margin: 0;
}
.why-tl-vs-duolingo #intro p {
color: #272727;
width: auto;
padding: 0 45px;
}
.why-tl-vs-duolingo #intro .navigation { margin: 0 25px; }
.why-tl-vs-duolingo #intro .navigation a {
color: #4f91cb;
border-color: #4f91cb;
font-size: 18px;
line-height: 28px;
display: block;
float: left;
margin: 10px 18px 35px;
}
.why-tl-vs-duolingo .block {
background-color: transparent;
padding: 50px 45px 30px;
}
.why-tl-vs-duolingo .screen { width: 255px; }
/* Alphabet Learning */
.why-tl-vs-duolingo .ribbon-alphabet {
background: url(/images/tlo-vs-duolingo-ribbon-alphabet.png) no-repeat 0 0;
width: 432px;
height: 168px;
position: absolute;
right: 0;
top: -15px;
}
.why-tl-vs-duolingo .alphabet-learning p.left { width: 60%; }
.why-tl-vs-duolingo .float-right {
margin-right: -45px;
margin-top: -105px;
}
.why-tl-vs-duolingo .alphabet-learning .float-right {
width: 329px;
height: 394px;
}
/* Better content */
.why-tl-vs-duolingo .better-content { padding-bottom: 0; }
.why-tl-vs-duolingo .better-content .float-right {
margin-top: -60px;
width: 399px;
height: 569px;
}
.why-tl-vs-duolingo .better-content img {
width: 513px;
height: 491px;
}
.why-tl-vs-duolingo .blue {
background-color: #eaf4fe;
margin: 0 -45px 40px;
padding: 10px 45px 30px 45px;
}
/* Learn Relevant Words and Phrases */
.why-tl-vs-duolingo .relevant { width: 53%; }
/* More Robust Teacher Abilities */
.why-tl-vs-duolingo .robust-teacher-portal img {
width: 622px;
height: 341px;
}
/* More Freedom */
.why-tl-vs-duolingo .more-freedom .col { width: 65%; }
.why-tl-vs-duolingo .more-freedom .screen { margin: 0; }
.why-tl-vs-duolingo .more-freedom .screen img { width: 235px; height: 230px; }
/* Icons */
.why-tl-vs-duolingo .icon-can-print,
.why-tl-vs-duolingo .icon-no-print,
.why-tl-vs-duolingo .icon-sound,
.why-tl-vs-duolingo .icon-book,
.why-tl-vs-duolingo .icon-can-latin,
.why-tl-vs-duolingo .icon-no-latin,
.why-tl-vs-duolingo .icon-groups,
.why-tl-vs-duolingo .icon-graph,
.why-tl-vs-duolingo .icon-content,
.why-tl-vs-duolingo .icon-dates,
.why-tl-vs-duolingo .icon-audio { background: url(/images/tlo-vs-duolingo-icons.png) no-repeat 0 0; }
.why-tl-vs-duolingo .icon-can-print {
width: 44px;
height: 85px;
background-position: 0 -153px;
display: block;
float: left;
margin: 0 20px 0 0;
}
.why-tl-vs-duolingo .icon-no-print {
width: 44px;
height: 85px;
background-position: 0 -280px;
display: block;
float: left;
margin: 0 20px 0 0;
}
.why-tl-vs-duolingo .icon-sound {
width: 30px;
height: 26px;
background-position: -13px 5px;
display: inline-block;
}
.why-tl-vs-duolingo .icon-book {
width: 30px;
height: 26px;
background-position: -10px -65px;
display: inline-block;
}
.why-tl-vs-duolingo .icon-can-latin {
width: 44px;
height: 85px;
background-position: 0 -403px;
display: block;
float: left;
margin: 0 20px 0 0;
}
.why-tl-vs-duolingo .icon-no-latin {
width: 44px;
height: 85px;
background-position: 0 -530px;
display: block;
float: left;
margin: 0 20px 0 0;
}
.why-tl-vs-duolingo .robust-teacher-portal .vs-chart li span {
width: 55px;
height: 35px;
line-height: 35px;
padding-left: 0;
}
.why-tl-vs-duolingo .icon-groups { background-position: 0 -606px; }
.why-tl-vs-duolingo .icon-graph { background-position: 0 -650px; }
.why-tl-vs-duolingo .icon-content { background-position: 0 -690px; }
.why-tl-vs-duolingo .icon-dates { background-position: 0 -733px; }
.why-tl-vs-duolingo .icon-audio { background-position: 0 -774px; }
.why-tl-vs-duolingo .green .icon-groups { background-position: 0 -813px; }
.why-tl-vs-duolingo .green .icon-graph { background-position: 0 -859px; }
.why-tl-vs-duolingo .row {
padding: 0;
margin: 0 0 40px;
border: none;
}
/* Vs chart*/
.why-tl-vs-duolingo .vs-chart { margin: 50px -45px 0 -45px; position: relative }
.vs-chart .col.left { width: 47%; }
.vs-chart .col.right { width: 53%; }
.vs-chart .col .header {
text-align: center;
font: 300 24px/31px "MuseoSlab", serif;
color: #fff;
padding: 5px 0;
text-transform: uppercase;
}
.vs-chart .col .header strong { font-weight: 700; }
.vs-chart .title {
font: bold 24px/28px 'ProximaNova', Arial, sans-serif;
border-bottom: 3px solid #fff;
text-transform: uppercase;
padding: 25px 0 10px 0;
margin: 0 45px;
}
.vs-chart .left .title,
.vs-chart .left .row { margin-right: 25px; }
.vs-chart ul { margin: 5px 0 0 5px; }
.vs-chart li {
list-style: none;
padding: 5px 0;
margin: 0;
}
.vs-chart li span {
font: bold 24px/75px 'ProximaNova', Arial, sans-serif;
background: url(/images/bg-rectangle-gray.png) no-repeat 0 0;
width: 80px;
height: 75px;
padding-left: 18px;
vertical-align: middle;
display: table-cell;
}
.vs-chart li p {
vertical-align: middle;
display: table-cell;
}
.vs-chart .row {
margin: 25px 45px 10px;
border-top: 1px solid #d3cfcf;
padding: 15px 0;
}
.vs-chart .row strong {
font-weight: 500;
display: block;
}
.vs-chart .green .header { background-color: #a1cc3e; }
.vs-chart .green .title { color: #7eb530; border-color: #7eb530; }
.vs-chart .green li span { color: #7eb530; }
.vs-chart .violet .header { background-color: #8277a6; }
.vs-chart .violet .title { color: #8277a6; border-color: #8277a6;}
.vs-chart .violet li span { color: #8277a6; }
.vs-chart .vs {
color: #8277a6;
font: 300 24px/31px "MuseoSlab", serif;
background: url(/images/bg-polugon-white.png) no-repeat 50% 0 transparent;
width: 100%;
height: 37px;
position: absolute;
text-align: center;
top: -33px;
padding-top: 39px;
margin: 0 auto 0 -15px;
display: block;
}
.robust-teacher-portal .vs-chart .col.left .header { padding-right: 30px; }
.robust-teacher-portal .vs-chart .col.right .header { padding-left: 60px; }
/* Testimonials */
.testimonial-wrapper {
padding: 20px 15px 20px 50px;
clear: right;
}
.testimonial-wrapper p strong:before {
content: "\201C";/*open-quote;*/
color: #b7b7cf;
font: bold 3.5em/1em 'Droid Serif', Georgia, serif;
position: relative;
margin-left: -40px;
margin-top: -13px;
display: block;
clear: both;
float: left;
width: 40px;
height: 40px;
}
.testimonial-wrapper.no-quote p strong:before { content: ""; }
.testimonial-wrapper.no-quote { padding-left: 20px; }
.side_right .testimonial-wrapper { padding: 20px 15px 20px 25px; }
.side_right .testimonial-wrapper.no-quote { padding-left: 0; }
.side_right .testimonial-wrapper:before {
content:"\201C"; /* open-quote */
color: #b7b7cf;
font: bold 3.5em/1em 'Droid Serif', Georgia, serif;
position: relative;
top: 20px;
left:0;
margin-left: -30px;
}
.side_right .testimonial-wrapper.no-quote:before { content:""; margin-left: 0; }
.bg-gray { background-color: #efefef; }
.testimonial-wrapper p {
display: table;
height: 1%;
}
.testimonial-wrapper strong {
color: #111a23;
font: normal 18px/22px 'ProximaNova', Arial, sans-serif;
}
.testimonial-wrapper p br {line-height: 1em;}
.testimonial-wrapper img {
float: right;
margin: 0 0 15px 15px;
max-width: 220px;
max-height: 200px;
}
.testimonial-wrapper .info {
padding: 2px 0 2px 10px;
margin-top: 20px;
font-style: italic;
border-left: 4px solid #6c6c9e;
}
.testimonial-wrapper .author {
font-weight: bold;
font-style: normal;
}
.read-studies {
font-size: 14px;
font-weight: bold;
padding: 0 2px 0 0;
}
.read-studies span.spr_tl_link_arrow {
position: absolute;
z-index: 1;
margin: 6px 0 0 2px;
padding: 0;
line-height: 7px;
font-size: 7px;
}
/* Case Studies */
.case-study .tabs-ul {
margin: 40px 0;
padding: 0;
}
.case-study .tabs-ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style-type: none;
display: inline-block;
vertical-align: middle;
margin: 0;
margin-right: 25px;
padding: 0;
padding-left: 85px;
width: 310px;
height: 46px;
line-height: 46px;
background: #f4f3f3;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0 solid #000000;
box-shadow: rgba(150, 150, 150, 0.247059) 0 0 2px 2px;
cursor: pointer;
}
.case-study .tabs-ul li.lib {
background: #f4f3f3 url(/images/books-gray.png) 30px center no-repeat;
}
.case-study .tabs-ul li.edu {
background: #f4f3f3 url(/images/edu-gray.png) 30px center no-repeat;
}
.case-study .tabs-ul li.lib:hover {
background: #f8f7f7 url(/images/books-gray.png) 30px center no-repeat;;
}
.case-study .tabs-ul li.edu:hover {
background: #f8f7f7 url(/images/edu-gray.png) 30px center no-repeat;
}
.case-study .tabs-ul li.active {
background: #f2f9e2;
box-shadow: rgba(166, 180, 135, 0.298039) 0 0 3px 3px inset;
}
.case-study .tabs-ul li.lib.active {
background: #f2f9e2 url(/images/books-green.png) 30px center no-repeat;
}
.case-study .tabs-ul li.edu.active {
background: #f2f9e2 url(/images/edu-green.png) 30px center no-repeat;
}
.case-study .tab {display: none;}
.case-study .tab.active {display: block;}
.case-study h1 {
font-size: 52px;
color: #789e1e;
}
.case-study h2 a {
font-size: 24px;
color: #789e1e;
border-bottom: 1px solid #789e1e;
}
.case-study h2 a:hover {
color: #789e1e;
border-bottom: 1px solid #789e1e;
}
.case-study .bg-gray {
background: #fef8ef;
}
.case-study .info {
border-left: 4px solid #789e1e;
}
.case-study p strong:before {
color: #948fb5;
}
.case-study-header {
background: #fef8ef;
-webkit-box-shadow: inset 0 0 40px 0 rgba(204,144,54,0.2);
-moz-box-shadow: inset 0 0 40px 0 rgba(204,144,54,0.2);
box-shadow: inset 0 0 40px 0 rgba(204,144,54,0.2);
margin-bottom: 20px;
padding: 0 1px 0 20px;
width: 859px;
height: 135px;
position: relative;
display: table;
}
.case-study-header img {
position: absolute;
top: 12px;
right: 0;
}
.case-study-header h1 {
position: relative;
display: table-cell;
vertical-align: middle;
color: #789e1e;
font: 34px/1.2em 'ProximaNova', Arial, sans-serif;
}
.case-study-header h2 {
color: #8383a6;
font: normal 18px 'ProximaNova', Arial, sans-serif;
font-style: italic;
margin-top: 0;
}
.case-study-content h2 {
font-size: 25px;
color: #789e1e;
}
.case-study-content {
padding: 0 25px;
}
.case-study-content a,
.case-study-footer a,
.case-study a {
color: #69aae2;
border-bottom: 1px dotted #69aae2;
}
.case-study-content a:hover,
.case-study-footer a:hover,
.case-study a:hover {
color: #69aae2;
border-bottom: 1px solid #69aae2;
}
.case-study-footer {
margin: -20px;
margin-top: 35px;
padding: 15px 45px;
background: #fef8ef;
border-top: 4px solid #feedd3;
border-bottom: 4px solid #feedd3;
}
.case-study-footer .csf-col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 49%;
padding: 10px 0;
}
.case-study-footer .csf-col:last-child {
padding-left: 60px;
border-left: 1px solid #feedd3;
}
.case-study-footer .csf-title {
margin-bottom: 10px;
font-size: 25px;
color: #789e1e;
}
/* Careers */
#careers strong {
color: #336;
/*font-size: 13px;*/
font-weight: bold;
}
#careers a.taleoLink { font-weight: bold; }
.logo-ebates, .logo-coupon-scoop, .logo-social-growth-tech, .logo-fat-wallet-com,
.logo-any-coupons-com, .logo-shop-at-home, .logo-coupon-cabin, .logo-savings-com, .logo-offers-com {
width: 202px;
height: 143px;
margin-left: 54px;
margin-top: 58px;
}
.logo-ebates {background: url(/images/logo-ebates.png) no-repeat 0 0;}
.logo-coupon-scoop {background: url(/images/logo-coupon-scoop.png) no-repeat 0 0;}
.logo-social-growth-tech {background: url(/images/logo-social-growth-tech.png) no-repeat 0 0;}
.logo-fat-wallet-com {background: url(/images/logo-fat-wallet-com.png) no-repeat 0 0;}
.logo-any-coupons-com {background: url(/images/logo-any-coupons-com.png) no-repeat 0 0;}
.logo-shop-at-home {background: url(/images/logo-shop-at-home.png) no-repeat 0 0;}
.logo-coupon-cabin {background: url(/images/logo-coupon-cabin.png) no-repeat 0 0;}
.logo-savings-com {background: url(/images/logo-savings-com.png) no-repeat 0 0;}
.logo-offers-com {background: url(/images/logo-offers-com.png) no-repeat 0 0;}
#personal-home .bg-bag {
width: 387px;
height: 230px;
background: url(/images/bg-bag.png) no-repeat 0 0;
overflow: hidden;
float: left;
border-right: 7px solid #F9D867;
}
#personal-home {padding-top: 10px;}
#personal-home .intro {
position: relative;
width: 880px;
height: 230px;
margin-bottom: 20px;
background-color: #e6edfa;
border:1px solid #b6c5e3;
-webkit-box-shadow: 0 0 10px rgba(81, 146, 202, 0.3) inset;
-moz-box-shadow: 0 0 10px rgba(81, 146, 202, 0.3) inset;
box-shadow: 0 0 10px rgba(81, 146, 202, 0.3) inset;
}
#personal-home .intro-s,
#personal-home .intro-s .holder-right { height: 94px; }
#personal-home .holder-right {
overflow: hidden;
padding: 14px 10px 14px 21px;
border-top: 0;
height: 202px;
background: none;
}
#personal-home .tag-line em { color: #4b4b9e; }
#personal-home .tag-line {
color: #4f91cb;
font: 30px Georgia, Times, serif;
display: block;
padding-bottom: 10px;
}
#personal-home .tag-line-s {
color: #4f91cb;
font: 26px/30px 'ProximaNova', Arial, sans-serif;
display: block;
padding-bottom: 10px;
text-align: center;
}
#personal-home .tag-line-s strong { font: bold 30px/1.1em 'ProximaNova', Arial, sans-serif; }
#personal-home .holder-right em {
color: #272727;
font: 16px/20px Georgia;
font-style: italic;
}
#personal-home .pad-top40 { margin-top:40px; margin-bottom:-40px; }
#personal-home .pad-top40 em { line-height: 24px; }
#personal-home .price {
color: #6792ca;
font: bold 12px 'ProximaNova', Arial, sans-serif;/*Arial, Helvetica, sans-serif;*/
background: url(/images/bg-flag-price.png) no-repeat 0 0;
width: 86px;
height: 23px;
display: block;
overflow: hidden;
padding: 14px 0 14px 5px;
float: left;
}
#personal-home .product {
border-top: 1px solid #f0ebd5;
padding: 25px 0 0 0;
margin: 20px 0 0 0;
background-color: #fff;
overflow: hidden;
}
#personal-home .product .box {
float: left;
text-align: center;
min-width: 145px;
width: 180px;
}
#personal-home .product .box .byki-mobile,
#fedlink .byki-mobile {
display: block;
margin: 0 auto;
text-align: center;
background: url(/images/mobile-devices.png) no-repeat 0 0;
width: 127px;
height: 130px;
position: relative;
margin-bottom: -10px;
}
#personal-home .product .info {
float: right;
width: 680px;
font-size: 13px;
line-height:17px;
}
.product-container {
width: 810px;
background-color: #fcfaf0;
border: 1px solid #f1ebd5;
padding: 25px 35px 20px;
overflow: hidden;
}
.product-container p {
font-size:13px;
line-height:17px;
}
.product-container a,
.product a {
color: #7292ca;
border-bottom: 1px dashed #7292ca;
font-weight: bold;
}
.product a img { border-bottom: none; }
.product-container a:hover,
.product a:hover {
color: #3c68b0;
border-bottom-color: #3c68b0;
}
.product a.title { font-size: 17px; }
.product-container a.title {
font: bold 20px 'ProximaNova', Arial, sans-serif;/*Arial;*/
text-shadow: 0 1px 0 #fff;
}
.product-container span.title {
color: #9f8e69;
font-size: 14px;
font-weight: bold;
padding-left:30px;
}
.product-container .col-l { width: 65%; }
.product-container .col-r { width: 31%; margin-left: -25px; }
.product-container .col-l p { padding-top:8px; color: #272727; }
.product-container .macbook { margin: 10px 0 0 5px; width: 269px; height: 160px; }
.flag-buttons {
background: transparent url(/images/bg-flag-buttons.png) no-repeat 0 0;
width: 280px;
height: 51px;
margin-top: 20px;
}
.product-container .btn-flag {
color: #fff;
font: bold 21px Verdana;
border-bottom: none;
display: block;
padding: 18px 0;
text-align: center;
text-shadow: 2px 2px 3px rgba(197, 52, 28, 0.85);
width: 300px;
margin-left: 20px;
}
.product-container a.btn-flag,
.product-container a.btn-flag:hover {
color: #fff;
font: bold 16px 'Droid Sans', arial, sans-serif;
border-bottom: none;
width: 90px;
height: 28px;
display: block;
margin: 0 auto;
overflow: hidden;
padding: 12px 0 0;
text-align: center;
vertical-align: middle;
}
.product-container a.btn-flag:hover { color: #f1ebd5; }
.icon-or {
float: left;
height: 29px;
margin: 8px 0 0 -13px;
position: relative;
width: 29px;
z-index: 999;
}
.try-it-free, .product-container a.try-it-free {
background: transparent url(/images/try-it-free.png) no-repeat 50% 80%;
text-indent: -9999px;
width: 135px;
height: 40px;
display: block;
float: left;
margin: 2px 0 0 17px;
padding: 0;
vertical-align: middle;
border-bottom: none;
}
a.try-it-free-lnk {
background: transparent url(/images/try-it-free-lnk.png) no-repeat 0 0;
width: 104px;
height: 25px;
display: block;
text-indent: -999px;
border: none;
margin-left: 8px;
margin-top: 5px;
}
a.try-it-free-lnk:hover { background-position: 0 -25px; border: none; }
.text-or {
color: #6792cc;
font: 14px/32px Arial, Helvetica, sans-serif;
margin-left: 20px;
}
.btn-buy-now {
background: url("/images/bg-flag.png") no-repeat scroll 0 0 transparent;
width: 96px;
height: 51px;
float: right;
margin: 5px 0 0 -22px;
padding: 0 15px 0 0;
position: relative;
z-index: 999;
color: #fff;
font: bold 14px/44px 'Droid Sans',arial,sans-serif;
text-shadow: 2px 2px 3px rgba(197, 52, 28, 0.85);
}
.btn-buy-now:hover,
.product a.btn-flag-learn-more:hover { color: #f1ebd5; }
.product a.btn-flag-learn-more {
background: url("/images/bg-flag-learn-more.png") no-repeat 0 0 transparent;
width: 165px;
height: 56px;
color: #fff;
border-bottom: none;
font: bold 14px/52px 'Droid Sans',arial,sans-serif;
text-shadow: 2px 2px 3px rgba(197, 52, 28, 0.85);
display: block;
}
/* Transparent Connect */
#connect-tou {font-size: 14px;}
#connect-tou .content-text p {
font-size: 14px;
margin: 1em 0 2em;
}
#connect-tou ol {
font-size: 14px;
margin: 1em 0 2em;
padding-left:3em;
list-style: decimal outside none;
}
#connect-tou ul.latin {
list-style: none outside none;
margin: 0.4em 0;
padding-left:2em;
}
#connect-tou ol li, #connect-tou ul li {
margin-bottom: 0.25em;
}
#connect-tou ol li ul {
font-size: 14px;
margin: 0.5em 0;
padding-left:2em;
list-style: disc outside none;
}
#connect-tou h6 { margin-top: 0.25em; }
#class-selection .message {
display: block;
font: bold 12px/16px 'ProximaNova', Arial, sans-serif;/*Helvetica;*/
height:35px;
margin-top:6px;
text-align: center;
vertical-align:top;
color: #f7f7f7;
}
body#class-selection {
min-width:640px;
margin: 0;
background: #336 none no-repeat;
color: #fff;
font: 14px 'ProximaNova', Arial, sans-serif;/*Helvetica, Arial, sans-serif;*/
overflow: hidden;
}
#class-selection #wrapper {
position: relative;
padding: 10px 0 0 0;
margin: 0 auto;
width: 95%;
min-width: 600px;
min-height: 200px;
text-shadow: 0 1px 1px #000;
background-color: #336;
}
#class-selection a { color: #dde; }
#class-selection a:hover { color: #fff; }
#class-selection h1, #class-selection h2 {
padding: 5px 0 0.5em 0;
font: bold 24px/26px 'ProximaNova',Arial,sans-serif;
}
#class-selection h1 { color: #fff; }
#class-selection h2 {
position: absolute;
top: 10px;
right: 0;
margin: 0;
color: #EDC18D;
}
#class-selection h1, #class-selection .steps {
margin: 0 0 20px;
border-bottom: 1px solid #1c1c39;
-moz-box-shadow: 0 1px 0 #444488;
-webkit-box-shadow: 0 1px 0 #444488;
-o-box-shadow: 0 1px 0 #444488;
box-shadow: 0 1px 0 #444488;
}
#class-selection h3 {
margin: 0 0 0.5em 0;
color: #edc18d;
font-size: 16px;
}
#class-selection ul, #class-selection li {
list-style: none;
padding: 0;
margin: 0;
}
#class-selection .step { min-height: 175px; }
#class-selection #levels {
float: left;
width: 183px;
}
#class-selection #options {
margin-left: 210px;
min-width: 402px;
}
#class-selection #options h3 { margin-left:5px; }
#class-selection #options ul {
max-height:135px;
overflow:auto;
}
#class-selection #options a {
font-size:13px;
padding:1px 5px;
margin-left:0;
}
#class-selection .step a {
display: block;
padding: 3px 5px;
margin-left: -5px;
line-height: 20px;
border: 1px solid #336;
overflow: hidden;
}
#class-selection .step a.selected, #class-selection .btn {
background-color: #1c1c39;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2d2d5b), color-stop(100%, #1c1c39));
background-image: -webkit-linear-gradient(#2d2d5b, #1c1c39);
background-image: -moz-linear-gradient(#2d2d5b, #1c1c39);
background-image: -o-linear-gradient(#2d2d5b, #1c1c39);
background-image: linear-gradient(#2d2d5b, #1c1c39);
border: 1px solid #fff;
color: #fff;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
text-shadow: 0 1px 1px #000;
}
#class-selection .step a.selected:hover { text-decoration: none; }
#class-selection a:focus { outline: none 0; }
#class-selection .btn {
display:block;
padding: 3px 6px;
font-weight: bold;
cursor: pointer;
text-decoration:none;
}
#class-selection .btn:hover {
background-color: #2d2d5b;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e7d), color-stop(100%, #2d2d5b));
background-image: -webkit-linear-gradient(#3e3e7d, #2d2d5b);
background-image: -moz-linear-gradient(#3e3e7d, #2d2d5b);
background-image: -o-linear-gradient(#3e3e7d, #2d2d5b);
background-image: linear-gradient(#3e3e7d, #2d2d5b);
}
#class-selection .btn:active {
position: relative;
top: 1px;
}
#class-selection .bottom { padding: 0 0 20px; }
#class-selection .morelangs { margin-left:64px; }
#class-selection #language-selection .step ul {
margin-left:10px;
min-width:100px;
}
.content-text-inner,
.content-text-fix {
font-size: 16px;
margin: 0 -20px -10px;
position: relative;
top: 10px; /* = -margin-bottom */
z-index: 100;
}
.content-text-inner .header {
padding: 0;
text-align: center;
}
.content-text-inner .header p {
line-height: 21px;
text-align: center;
}
.content-text-inner .m-left { margin-left: 45px; }
.content-text-inner h1 {
color: #789e1e;
font: bold 3.125em/1.2em 'ProximaNova', Arial, sans-serif;
text-align: center;
margin: 0 0 .285em;
}
.content-text-inner h1.multiline {line-height: 1.1em;}
.content-text-inner h1.smaller {
font: bold 46px/59px 'ProximaNova', Arial, sans-serif;
}
.content-text-inner h1 em {
font-style: italic;
font-weight: normal;
}
.content-text-inner h1 span {
font: 300 30px "ProximaNova",Arial,sans-serif;
padding: 0;
margin: 0;
display: block;
}
.content-text-inner h2 {
color: #789e1e;
font: bold 44px/0.95em 'ProximaNova', Arial, sans-serif;
margin: 25px 0 15px;
}
.content-text-inner a {
text-decoration: none;
border-bottom: 1px dashed #4f91cb;
color: #4f91cb;
}
.content-text-inner a:hover {
text-decoration: none;
border: none;
color: #5aa4e5;
}
.features-icons ul,
.features-icons {
list-style: none;
margin: 0;
padding: 0;
}
.features-icons li {
list-style: none;
margin: 0 0 35px 0;
padding: 0 0 0 50px;
vertical-align: top;
line-height: 1.25em;
position: relative;
}
.features-icons li:before {
content: '';
position: absolute;
left: 0;
top: 2px;
}
.features-icons li span + strong,
.features-icons strong {
display: block;
font-weight: 600;
}
.features-icons--2-col li {
display: inline-block;
width: 49.5%;
font-size: 16px;
box-sizing: border-box;
padding-right: 40px;
}
.features-icons--2-col li:nth-child(even) {
padding-right: 10px;
}
.features-icons--3-col li {
display: inline-block;
width: 33%;
font-size: 16px;
box-sizing: border-box;
padding-right: 40px;
}
.features-icons--ml-50 {
margin-left: -50px;
}
.features-icons--fedlink {
margin: 30px 0 0 460px;
}
.content-text-inner .border {
background: url(/images/border.png) 0 0 repeat-x;
min-height: 40px;
}
.tab-features-icons {
position: relative;
width: 35px;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.tab-features-icons:before {
content: '';
position: absolute;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.subheader-features-icons {
position: relative;
display: block;
height: 35px;
}
.subheader-features-icons:before {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
/* Transparent Language Online */
#methodology h1,
#fedlink h1 {
color: #789e1e;
font: bold 3.125em/1.2em 'ProximaNova', Arial, sans-serif;
text-align: center;
margin-bottom: .285em;
}
#fedlink h2 {
color: #789e1e;
font: bold 3.125em/1.2em 'ProximaNova', Arial, sans-serif;
margin: 50px 0 17px;
}
#fedlink h2 {
padding-left: 10px;
}
.content-text-inner h3 {
color: #664d4d;
font: normal 1.3125em/1.8em 'ProximaNova', Arial, sans-serif;
margin: 25px 0;
}
.contact_us a,
#fedlink a.lnk-large {
border-bottom: 1px dashed #4f91cb;
color: #4f91cb;
}
#fedlink a.lnk-large {
font-size: 24px;
font-weight: bold;
margin-left: 50px;
}
.contact_us a:hover,
#fedlink a.lnk-large:hover {
text-decoration: none;
border: none;
color: #5aa4e5;
}
.content-text-inner .tlo-header-or {
background: url(/images/tlo-header-or.png) 0 0 no-repeat;
width: 215px;
height: 18px;
margin: 19px 0 0 44px;
padding: 0;
float: left;
}
.content-text-inner a.button { margin: 70px 0 0 42px; }
.content-text-inner a.buy-now-tlo { margin-top: 57px; }
.content-text-inner a.button,
.why-tl a.button,
.button-submit.button-green {
width: 216px;
height: 40px;
display: block;
text-align: center;
color: #fff;
font: 24px/36px Georgia,Times New Roman,serif;
outline: none 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.button-submit.btn-short,
.content-text-inner .button-submit.btn-short {
width: 165px;
}
.button-submit.btn-medium,
.content-text-inner #simple .button-submit.btn-medium {
width: 216px;
}
.content-text-inner a.button:hover { text-decoration: none; }
/* Fedlink */
#fedlink h1 em {
color: #272727;
font: 24px/1.4em 'ProximaNova', Arial, sans-serif;
text-align: center;
}
#fedlink h2 em {
margin-left: -10px;
color: #4f91cb;
font: bold 24px/1.2em 'ProximaNova', Arial, sans-serif;
}
#fedlink a {
color: #4f91cb;
border-bottom: 1px dotted #4f91cb;
}
#fedlink .fl-box p > span {
margin: 0 15px 10px 0;
}
#fedlink .fl-banner {
margin-top: 30px;
margin-left: -20px;
width: 920px;
height: 395px;
background: url("/images/fedlink-header-bg.jpg") no-repeat;
}
#fedlink .fl-box {
padding-left: 10px;
padding-right: 260px;
}
#fedlink .fl-box.one {
margin-right: -20px;
padding-right: 280px;
height: 770px;
background: url("/images/fl-box-one.png") right bottom no-repeat;
}
#fedlink .fl-box.two,
#fedlink .fl-box.three {
margin: 0 -20px;
padding-left: 30px;
padding-bottom: 20px;
padding-top: 1px;
background: #f7f7f7;
box-shadow: inset 0 0 7px #dbdbdb;
}
#fedlink .fl-box.two {
position: relative;
height: 490px;
padding-right: 50px;
background: #f7f7f7 url("/images/fl-box-two.png") left bottom no-repeat;
}
#fedlink .fl-box.two > p {
width: 500px;
}
#fedlink .fl-box.two > div {
margin: 30px 0 0 460px;
}
#fedlink .fl-box.three {
margin-bottom: -20px;
}
#fedlink .fl-box.two .tlo-libraries {
position: absolute;
top: 250px;
left: 470px;
width: 400px;
}
/* Personal Transparent Language Online page */
.personal-header {
position: relative;
height: 660px;
padding: 0;
text-align: center;
margin-bottom: 20px;
}
.header--tlo {
background: url("/images/tlo-header-bg-personal.jpg") no-repeat scroll center bottom #fff;
}
.header--english-learning {
background: url("/images/tlo-header-bg-english-for-personal.png") no-repeat scroll center bottom #fff;
height: 690px;
border-bottom: 4px solid #e1c482;
margin-bottom: -20px;
}
.header--english-learning h1 {
line-height: 1;
margin-bottom: 22px;
}
.tlo-welcome {
position: absolute;
left: -12px;
width: 360px;
min-height: 250px;
text-align: center;
z-index: 10;
}
.header--tlo .tlo-welcome {
bottom: 70px;
}
.header--english-learning .tlo-welcome {
bottom: 100px;
}
.tlo-welcome .lnk {
position: relative;
left: -28px;
top: 48px;
font-size: 18px;
font-weight: bold;
color: #fff;
border-color: #fff;
}
.tlo-welcome .lnk:hover {
color: #fff;
}
.tlo-personal-page .tlo-header-or {
background: url("/images/tlo-header-or-brown.png") no-repeat scroll 0 0 transparent;
}
.tlo-header-or--black {
background: url("/images/tlo-header-or-black.png") 0 0 no-repeat !important;
}
.tlo-personal-page #available-languages .toggles { margin-bottom: 0; }
.tlo-personal-page #simple .seal { margin-top: 0; }
#tlo.landing-blackfriday .personal-header,
#tlo.landing-cybermonday .personal-header {height: 685px;}
#tlo.landing-backtoschool .personal-header,
#tlo.landing-off20percent .personal-header,
#tlo.landing-winterholidays .personal-header {height: 705px;}
.prices-information {
position: absolute;
left: 20px;
z-index: 10;
}
.english-learning-page .personal-header .prices-information p {
margin: 0;
line-height: 11px;
}
.header--tlo .prices-information {
bottom: 289px;
}
.header--english-learning .prices-information {
bottom: 325px;
}
.prices-information .version {
float: left;
border: 1px solid #f3f5f7;
width: 114px;
height: 127px;
margin: 0 6px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: url('/images/bg-prices-information.png') no-repeat 0 0 #ebeff2;
-webkit-box-shadow: 2px 0 6px rgba(0,0,0,0.16);
-moz-box-shadow: 2px 0 6px rgba(0,0,0,0.16);
box-shadow: 2px 0 6px rgba(0,0,0,0.16);
padding: 5px 0 0;
}
.prices-information .version .price {
color: #525354;
font: 600 24px/28px UbuntuB, "Times New Roman", Times, Roman, serif;
text-shadow: 1px 0 1px rgba(13,14,14,0.35);
}
.prices-information .version .price sup {
color: #525354;
font: 12px Ubuntu, "Times New Roman", Times, Roman, serif;
position: relative;
top: 2px;
left: -2px;
}
.prices-information .version .price sup.cents {
top: -1px;
left: -5px;
}
.prices-information .version .price-details {
color: #525354;
font: 12px/10px Ubuntu, "Times New Roman", Times, Roman, serif;
display: block;
text-shadow: 0 1px 0 #fff;
}
.prices-information .version h4 {
color: #789e1e;
font: 600 16px/16px UbuntuB, "Times New Roman", Times, Roman, serif;
padding: 0;
margin: 23px 0 18px 0;
}
.prices-information .version p {
width: auto;
margin: 0;
color: #7d8184;
font: 11px/11px Ubuntu, "Times New Roman", Times, Roman, serif;
}
.prices-information .best-value {
background: url('/images/bg-flag-best-value.png') no-repeat 0 0 transparent;
width: 73px;
height: 28px;
position: absolute;
right: -2px;
display: block;
top: 41px;
}
/* Buy Now Button */
.why-tl a.button,
.button-submit.button-green {
text-shadow: 0 2px 1px #619f1d;
background: #8db730; /* Old browsers */
background: -moz-linear-gradient(top, #a0cc3d 0%, #8db730 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0cc3d), color-stop(100%,#8db730)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a0cc3d 0%,#8db730 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a0cc3d 0%,#8db730 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a0cc3d 0%,#8db730 100%); /* IE10+ */
background: linear-gradient(to bottom, #a0cc3d 0%,#8db730 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0cc3d', endColorstr='#8db730',GradientType=0 ); /* IE6-9 doesn't work with border-radius */
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #7fa130 !important;
}
.why-tl a.button:hover,
.button-submit.button-green:hover {
color: #fff;
background: #a5cd4e;
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
}
.why-tl a.button:active,
.button-submit.button-green:active {
background: #799e29;
-webkit-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
border: 1px solid #486014;
}
.tlo-personal-page .tlo-main-page {display:inline-block;}
.tlo-personal-page div.tlo-main-page {display:block;}
.tlo-personal-page .promo-landing .tlo-main-page {display:none;}
.tlo-personal-page .landing-off20percent h1 span,
.tlo-personal-page .landing-backtoschool h1 span,
.tlo-personal-page .landing-blackfriday h1 span,
.tlo-personal-page .landing-cybermonday h1 span,
.tlo-personal-page .landing-winterholidays h1 span,
.tlo-personal-page .landing-newyears h1 span {
margin-top: 15px;
}
.tlo-personal-page .landing-off20percent h1 span,
.tlo-personal-page .landing-backtoschool h1 span {
font: 400 24px/28px "ProximaNova",Arial,sans-serif;
}
.tlo-personal-page .landing-winterholidays h1 span,
.tlo-personal-page .landing-newyears h1 span {
font: 400 20px/24px "ProximaNova",Arial,sans-serif;
}
.tlo-personal-page .holiday-ribbons {
background: url('/images/tlo-holiday-ribbons.png') no-repeat 0 0 transparent;
position: absolute;
bottom: 224px;
right: 63px;
width: 441px;
height: 179px;
}
.tlo-personal-page .holiday-ornament {
font: 300 32px/32px Helvetica,Arial,sans-serif;
color: #fbf0de;
background: url('/images/tlo-holiday-ornament.png') no-repeat 0 0 transparent;
position: absolute;
bottom: 118px;
right: 15px;
width: 233px;
height: 263px;
text-align: center;
padding: 120px 0 0 3px;
z-index: 10;
}
.tlo-personal-page .holiday-sale {
background: url('/images/tlo-holiday-sale.png') no-repeat 0 0 transparent;
width: 181px;
height: 47px;
padding: 0;
margin: 0 auto;
}
.tlo-personal-page .happy-new-year {
background: url('/images/tlo-happy-new-year.png') no-repeat 0 0 transparent;
width: 197px;
height: 39px;
padding: 0 2px 6px 0;
margin: 0 auto;
}
/* Blue Button */
.button-blue {
background: #4699cd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2OTljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTdiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1N2JiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #4699cd 0%, #057bbb 100%, #2989d8 100%, #057bbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4699cd), color-stop(100%,#057bbb), color-stop(100%,#2989d8), color-stop(100%,#057bbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4699cd 0%,#057bbb 100%,#2989d8 100%,#057bbb 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #4699cd 0%,#057bbb 100%,#2989d8 100%,#057bbb 100%); /* IE10+ */
background: linear-gradient(to bottom, #4699cd 0%,#057bbb 100%,#2989d8 100%,#057bbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4699cd', endColorstr='#057bbb',GradientType=0 ); /* IE6-8 */
border-top: 1px solid #4694bb;
border-left: 0 none;
border-right: 0 none;
border-bottom: 0 none !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color:#f7f7f7 !important;
font: 24px/38px 'MuseoSlab', serif;
text-decoration: none;
text-align: center;
text-indent: 0;
text-shadow: 2px 0 3px rgba(0, 1, 2, 0.35);
display:inline-block;
height: 40px;
line-height: 38px;
width: 200px;
-webkit-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(204, 192, 174, 0.35), 0 2px 3px rgba(173, 175, 177, 0.9);
-moz-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(204, 192, 174, 0.35), 0 2px 3px rgba(173, 175, 177, 0.9);
box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(204, 192, 174, 0.35), 0 2px 3px rgba(173, 175, 177, 0.9);
}
.button-blue:hover {
background: #057bbb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1N2JiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNTdiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDY5OWNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #057bbb 0%, #2989d8 100%, #057bbb 100%, #4699cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#057bbb), color-stop(100%,#2989d8), color-stop(100%,#057bbb), color-stop(100%,#4699cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #057bbb 0%,#2989d8 100%,#057bbb 100%,#4699cd 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #057bbb 0%,#2989d8 100%,#057bbb 100%,#4699cd 100%); /* IE10+ */
background: linear-gradient(to bottom, #057bbb 0%,#2989d8 100%,#057bbb 100%,#4699cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057bbb', endColorstr='#4699cd',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 3px rgba(173, 175, 177, 0.9);
-moz-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 3px rgba(173, 175, 177, 0.9);
box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 3px rgba(173, 175, 177, 0.9);
}
.button-blue:active {
background: #057bbb;
-webkit-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.3), 0 2px 3px rgba(173, 175, 177, 0.9);
-moz-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.3), 0 2px 3px rgba(173, 175, 177, 0.9);
box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.3), 0 2px 3px rgba(173, 175, 177, 0.9);
border-color: #21475a;
}
/* Yellow Button */
.button-yellow {
background: #eed366; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZDM2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWNjZjVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNlY2NlNWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlOWM4NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiNlMWFjMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiNlMGE5MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlMGE4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlMWFkMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFiMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #eed366 0%, #eccf5e 3%, #ecce5a 7%, #e9c84c 23%, #e1ac16 73%, #e0a90d 83%, #e0a808 90%, #e1ad04 97%, #e1b313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eed366), color-stop(3%,#eccf5e), color-stop(7%,#ecce5a), color-stop(23%,#e9c84c), color-stop(73%,#e1ac16), color-stop(83%,#e0a90d), color-stop(90%,#e0a808), color-stop(97%,#e1ad04), color-stop(100%,#e1b313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eed366 0%,#eccf5e 3%,#ecce5a 7%,#e9c84c 23%,#e1ac16 73%,#e0a90d 83%,#e0a808 90%,#e1ad04 97%,#e1b313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eed366 0%,#eccf5e 3%,#ecce5a 7%,#e9c84c 23%,#e1ac16 73%,#e0a90d 83%,#e0a808 90%,#e1ad04 97%,#e1b313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eed366 0%,#eccf5e 3%,#ecce5a 7%,#e9c84c 23%,#e1ac16 73%,#e0a90d 83%,#e0a808 90%,#e1ad04 97%,#e1b313 100%); /* IE10+ */
background: linear-gradient(to bottom, #eed366 0%,#eccf5e 3%,#ecce5a 7%,#e9c84c 23%,#e1ac16 73%,#e0a90d 83%,#e0a808 90%,#e1ad04 97%,#e1b313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed366', endColorstr='#e1b313',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow:inset 0 1px 0 0 #f2e085;
-moz-box-shadow:inset 0 1px 0 0 #f2e085;
box-shadow:inset 0 1px 0 0 #f2e085;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
text-indent:0;
border: 1px solid rgba(132,119,111, 0.3);/*#84776f;*/
display: inline-block;
color: #fbfaf8;
font: bold 16px/35px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
height: 35px;
width: auto;
text-decoration: none;
text-align: center;
text-shadow: 0 1px 2px #bb9107;
}
.button-yellow:hover {
background: #e3ac07; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzYWMwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZGVhNzA2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNkZGE1MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNkZmE4MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiNlNGJhMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9IiNlYWM4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNlOWM5NGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNlYWNiNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiNlY2QxNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNkYTgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #e3ac07 0%, #dea706 3%, #dda506 7%, #dfa80d 17%, #e4ba32 53%, #eac84d 77%, #e9c94e 80%, #eacb57 87%, #ecd15c 93%, #f3da80 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3ac07), color-stop(3%,#dea706), color-stop(7%,#dda506), color-stop(17%,#dfa80d), color-stop(53%,#e4ba32), color-stop(77%,#eac84d), color-stop(80%,#e9c94e), color-stop(87%,#eacb57), color-stop(93%,#ecd15c), color-stop(100%,#f3da80)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3ac07 0%,#dea706 3%,#dda506 7%,#dfa80d 17%,#e4ba32 53%,#eac84d 77%,#e9c94e 80%,#eacb57 87%,#ecd15c 93%,#f3da80 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3ac07 0%,#dea706 3%,#dda506 7%,#dfa80d 17%,#e4ba32 53%,#eac84d 77%,#e9c94e 80%,#eacb57 87%,#ecd15c 93%,#f3da80 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3ac07 0%,#dea706 3%,#dda506 7%,#dfa80d 17%,#e4ba32 53%,#eac84d 77%,#e9c94e 80%,#eacb57 87%,#ecd15c 93%,#f3da80 100%); /* IE10+ */
background: linear-gradient(to bottom, #e3ac07 0%,#dea706 3%,#dda506 7%,#dfa80d 17%,#e4ba32 53%,#eac84d 77%,#e9c94e 80%,#eacb57 87%,#ecd15c 93%,#f3da80 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ac07', endColorstr='#f3da80',GradientType=0 ); /* IE6-8 */
}
.button-yellow:active {
position: relative;
top: 1px;
}
/* Red Button */
.button-red {
background: #b2474c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #b2474c 40%, #983e42 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#b2474c), color-stop(80%,#983e42)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b2474c 40%,#983e42 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b2474c 40%,#983e42 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b2474c 40%,#983e42 80%); /* IE10+ */
background: linear-gradient(to bottom, #b2474c 40%,#983e42 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2474c', endColorstr='#983e42',GradientType=0 ); /* IE6-8 */
border: 1px solid rgba(133,53,58,0.5);/*#5d2023;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fbfbf8;
font: 14px/28px "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
text-transform: capitalize;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23), 0 2px 0 #bc4d53 inset, 2px 2px 10px rgba(1,1,1,0.2) inset;
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23), 0 2px 0 #bc4d53 inset, 2px 2px 10px rgba(1,1,1,0.2) inset;
box-shadow: 0 2px 3px rgba(1, 1, 1, 0.23), 0 1px 0 #bc4d53 inset, 2px 2px 10px rgba(1,1,1,0.2) inset;
text-shadow: 1px 1px 3px rgba(185, 147, 46, 0.59);
width: 200px;
/*height: 30px;*/
padding: 2px 0;
margin: 20px auto 5px auto;
display: block;
text-decoration: none;
}
.button-red:hover {
background: #983e42; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkMDAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTAzMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #983e42 40%, #b2474c 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#983e42), color-stop(80%,#b2474c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #983e42 40%,#b2474c 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #983e42 40%,#b2474c 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #983e42 40%,#b2474c 80%); /* IE10+ */
background: linear-gradient(to bottom, #983e42 40%,#b2474c 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#983e42', endColorstr='#b2474c',GradientType=0 ); /* IE6-8 */
}
/* Legacy */
.content-text-inner .legacy {
width: 38px;
height: 242px;
position: fixed;
top: 245px;
margin: 0 0 0 920px;
}
.content-text-inner .legacy-viewProductCatalog {
background: url(/images/legacy_view_product_catalog.png) 0 0 no-repeat;
width: 38px;
height: 242px;
display: block;
}
.content-text-inner .legacy a:hover .legacy-viewProductCatalog {
background: url(/images/legacy_view_product_catalog.png) -42px 0 no-repeat;
width: 42px;
height: 242px;
display: block;
}
.content-text-inner .legacy-subscribe-with-email {
background: url(/images/legacy-subscribe-with-email.png) 0 0 no-repeat;
width: 38px;
height: 242px;
display: block;
}
.content-text-inner .legacy a:hover .legacy-subscribe-with-email {
background: url(/images/legacy-subscribe-with-email.png) -42px 0 no-repeat;
width: 42px;
height: 242px;
display: block;
}
/* Features */
.content-text-inner .features {
background-color: #f7f7f7;
padding: 0 20px;
box-shadow: inset 0 0 7px #dbdbdb;
position: relative;
}
.content-text-inner .features.box-shadow-none {
box-shadow: none;
}
.content-text-inner .feature-subheader {
padding: 0 20px;
background: url(/images/tlo-subheader-bg.jpg) center bottom no-repeat #fff;
height: 602px;
}
.content-text-inner .feature-subheader.top-gradient {
-moz-box-shadow: inset 0 70px 35px -20px #fff;
-webkit-box-shadow: inset 0 70px 35px -20px #fff;
-o-box-shadow: inset 0 70px 35px -20px #fff;
box-shadow: inset 0 70px 35px -20px #fff;
}
.content-text-inner .feature-subheader h2 {
color: #4c5c7a;
margin: 0;
padding: 38px 0 8px 0;
}
.content-text-inner .feature-subheader p {
color: #8e99ad;
width: 400px;
}
.content-text-inner .feature-subheader p.price {
padding: 15px 0 6px 70px;
}
.content-text-inner .feature-subheader p.price span {
padding: 24px 0 24px 30px;
font-weight: bold;
font-size: 40px;
text-shadow: 0 1px 1px rgba(255,255,255,1);
}
.content-text-inner .feature-subheader p.price sup {
padding-left: 10px;
font-weight: normal;
font-size: 14px;
}
.content-text-inner .feature-subheader .buy-now-tlo,
.content-text-inner .feature-subheader .buy-now-product {
margin: 0 0 15px 90px;
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
}
.content-text-inner .feature-subheader .buy-now-tlo:active,
.content-text-inner .feature-subheader .buy-now-product:active {
margin: 0 0 15px 90px;
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 -1px 5px 3px #76a127, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 -1px 5px 3px #76a127, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 -1px 5px 3px #76a127, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
}
.content-text-inner .feature-subheader .button-submit.button-purple {
margin: 0 0 0 90px;
-webkit-box-shadow: inset 0 -1px 1px #baadc9, inset 0 -1px 5px 3px #827091, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #baadc9, inset 0 -1px 5px 3px #827091, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #baadc9, inset 0 -1px 5px 3px #827091, 0 0 0 7px #d8dff2, 0 -1px 1px 7px #b1c3ed, 0 2px 1px rgba(154,136,110,0.9);
}
.content-text-inner .feature-subheader .left-col {
width: 400px;
float: left;
}
.libraries .content-text-inner { top: 35px; }
/* Connect */
.content-text-inner #connect {
width: 355px;
float: left;
margin-bottom: 50px;
}
.content-text-inner #simple p {
width: 700px;
margin: 0 auto 47px;;
text-align: center;
}
.content-text-inner #simple .seal {
background: #f5f1e5;
height: 120px;
width: 882px;
margin: 20px 0 30px;
border: 1px solid #e7ddbe;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.content-text-inner #simple .seal p {
text-align: left;
float: left;
font: 1em/1.4em Helvetica, sans-serif;
width: 420px;
padding: 30px 20px 0 40px;
}
.content-text-inner #simple .seal p a { font-size: 1em; font-weight: normal; }
.tlo-personal-page .content-text-inner #simple .seal p {
font-size: 0.96em;
padding-right: 20px;
padding-top: 16px;
width: 335px;
}
#simple .seal .button {
float: left;
width: 165px;
margin: 40px 25px 0 0;
font-weight: normal;
}
.content-text-inner #simple .seal-low { height: 100px; }
.content-text-inner #simple .seal-low .button {
margin-top: 30px;
margin-right: 30px;
float: right;
}
.content-text-inner .features .toggle-features h3 {
color: #a7cc52;
font-size: 24px;
margin: 0;
}
.content-text-inner .features .toggle-features { display: none; }
.content-text-inner .features .col-right {
float: left;
margin-left: 400px;
position: relative;
z-index: 3;
}
.content-text-inner .features .col-right h2,
.content-text-inner .features .left-col h2 {
padding:40px 0 0 0;
margin: 0;
font-size: 40px;
}
.content-text-inner .features .col-right h3,
.content-text-inner .features .left-col h3 {
color: #a7cc52;
margin: 0;
padding: 0 0 18px 0;
font-size: 24px;
}
.content-text-inner .features .left-col {
float: left;
width: 450px;
position: relative;
z-index: 100;
margin-bottom: 50px;
}
.content-text-inner a.toggle-link {
background: url(/images/icon-toggle.png) no-repeat 0 0;
padding-left: 35px;
border-bottom: none;
}
.content-text-inner .features h2 sup {
font: bold 50px/0.2em 'ProximaNova',Arial,sans-serif;
margin: 0;
padding: 0;
position: relative;
top: 26px;
}
.content-text-inner .features h3 sup {
font: bold 30px/0.2em 'ProximaNova',Arial,sans-serif;
margin: 0;
padding: 0;
position: relative;
top: 15px;
}
#kidspeak .content-text-inner .features h2 {
padding-bottom: 10px;
font-size: 3.125em;
line-height: 1.2em;
margin: 50px 0 17px;
}
#kidspeak .content-text-inner .feature-subheader.top-gradient { height: 432px; }
#kidspeak .content-text-inner .feature-subheader p { width: 390px; }
#kidspeak .content-text-inner .feature-subheader .left-col { width:300px; }
.hmh h1 { margin: 1em 0; }
.hmh h2 {
margin: 0 0 1em;
width: 150px;
float: left;
clear: left;
}
.hmh p { margin-left: 150px; }
.hmh .small { font-size: 0.9em; }
/* Higher Education & K-12 */
.tlo-libraries.library.edu-k-12 .content-text-inner .header {
background: url(/images/edu-k12-header.jpg) center bottom no-repeat;
height: 649px;
}
.tlo-libraries.library.edu-k-12 .content-text-inner .features {
padding-bottom: 440px;
}
.library .edu-k12-classroom-bg {
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
height: 394px;
background: url(/images/edu-k12-classroom-bg.jpg) center no-repeat;
z-index: -1;
}
.tlo-libraries.library .content-text-inner .features.edu-k12-monitor-bg {
padding-bottom: 200px;
background: url(/images/edu-k12-monitor-bg.jpg) right 430px no-repeat;
}
.tlo-libraries.library .content-text-inner .edu-k12-monitor-bg h2 {
margin-top: 45px;
}
.library.edu-k-12 .lemon-box {
padding: 40px 0 20px 0;
}
.library.edu-k-12 .content-text-inner .lemon-box p {
line-height: 25px;
}
.tlo-libraries.library.edu-higher .content-text-inner .header {
background: url("/images/edu-higher.jpg") no-repeat center bottom #fff;
height: 660px;
}
.tlo-libraries.library.edu-higher .content-text-inner .edu-higher-line .col-left h2,
.tlo-libraries.library.edu-higher .content-text-inner .edu-higher-block1 h2,
.tlo-libraries.library.edu-higher .content-text-inner .edu-higher-block2 h2 {
font-size: 1.5em;
font-weight: normal;
margin-top: 30px;
margin-bottom: 30px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-line {
background: url("/images/edu-higher-line.jpg") no-repeat 0 95%;
padding-bottom: 15px;
min-height: 910px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-line .tlhsFormBlock {
min-height: 555px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-line .top-space {
margin-top: 40px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-block1 {
background: url("/images/edu-higher-block1.jpg") no-repeat top right;
padding-bottom: 60px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-block1 .top-space {
margin-top: 75px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-block2 {
background: url("/images/edu-higher-block2.jpg") no-repeat top left;
padding-bottom: 30px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-block2 .top-space {
margin-top: 265px;
}
.tlo-libraries.library .content-text-inner .features.edu-higher-block2 .edu-higher-block-bg {
background: url("/images/edu-higher-block-bg.jpg") no-repeat;
width: 338px;
height: 415px;
position: absolute;
right: 0;
top: 265px;
}
.tlo-libraries.library.edu-higher .content-text-inner .col-2 {
width: 510px;
}
.tlo-libraries.library.edu-higher .content-text-inner .features .list p {
padding-bottom: 15px;
}
/* education connect */
.connect-page .content-text-inner .header {
background: url(/images/bg-connect1.jpg) center bottom no-repeat;
height: 710px;
}
.connect-page .content-text-inner .header p {
width: 770px;
margin: 0 auto;
line-height: 1.5em;
}
.connect-page .col-left,
.connect-page .col-right {
float: left;
width: 400px;
}
.connect-page .content-text-inner .features .col-right { margin-left: 0; }
.connect-page .content-text-inner a.lnk-large,
#fedlink a.lnk-large { font-size: 24px; }
.connect-page .content-text-inner h2 {
font-size: 44px;
margin-bottom: 17px;
line-height: 1.2em;
}
.connect-page .content-text-inner h2 sup {
position: relative;
top: -5px;
font-size: 20px;
font-weight: normal;
}
.connect-page .content-text-inner .features .list p {padding-left: 0;}
.connect-page #ace {
margin: 0 0 -1px 0;
padding: 1px 20px 1px 70px;
padding-bottom: 520px;
background: #f7f7f7 url(/images/bg-connect2.jpg) center bottom no-repeat;
}
.connect-page #ilc {
margin: 0;
margin-bottom: -1px;
padding: 1px 25px;
background: #f7f7f7 url(/images/bg-connect3.jpg) center top no-repeat;
}
.connect-page .content-text-inner #ilc h2 {
text-align: center;
margin-top: 50px;
}
.connect-page .content-text-inner #ilc p.big-margin {
margin-bottom: 500px;
text-align: center;
}
.connect-page #ace .col-left,
.connect-page #ace .col-right {
display: inline-block;
float: none;
vertical-align: top;
}
.connect-page #ace .col-left {
width: 540px;
margin-right: 10px;
}
.connect-page #ace .col-right {
width: 275px;
margin-top: -40px;
background: #f5f1e5;
}
.connect-page .col-sec {
display: inline-block;
vertical-align: top;
width: 42%;
margin-left: 40px;
}
.connect-page #ace .col-sec {
margin-left: 0;
}
.connect-page .col-sec:nth-child(even) {
width: 42%;
}
.connect-page .col-sec:nth-child(odd) {
padding-right: 6%;
}
.connect-page #ace .col-sec:nth-child(odd) {
padding-right: 15%;
}
.connect-page #ilc .table-block {
margin: 25px 0;
-webkit-box-shadow: 0 0 8px 0 rgba(160,157,157,1);
-moz-box-shadow: 0 0 8px 0 rgba(160,157,157,1);
box-shadow: 0 0 8px 0 rgba(160,157,157,1);
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 1px solid #cfcdcd;
overflow: hidden;
}
.connect-page #ilc table {
width: 100%;
}
.connect-page #ilc table tr:nth-child(odd) {
background: #fff;
}
.connect-page #ilc table tr:first-child td {
font-size: 20px;
color: #fff;
background: #8278a7;
}
.connect-page #ilc table tr:first-child td:first-child {
font-size: 14px;
text-transform: uppercase;
color: #8278a7;
background: #fff;
}
.connect-page #ilc table tr:first-child td:first-child span {
font-size: 30px;
font-weight: bold;
}
.connect-page #ilc table tr td {
padding: 15px;
text-align: center;
vertical-align: middle;
color: #666;
border-right: 1px solid #cfcdcd;
border-bottom: 1px solid #cfcdcd;
}
.connect-page #ilc table .inline {
float: none;
display: inline-block;
vertical-align: middle;
width: 170px;
text-align: left;
margin: 0;
}
.connect-page #ilc table ul {
padding: 0;
margin: 0;
}
.connect-page #ilc table ul li {
list-style-type: disc;
margin: 0 0 0 15px;
padding: 0;
background: none;
}
/* TL Online teacher features */
.tlo-teacher-features .content-text-inner .header {
background: url(/images/tlf-header.png) 50% 100% no-repeat;
min-height: 700px;
padding: 0 70px;
}
.tlf-manage-classes {
overflow: hidden;
padding-left: 20px;
background: url(/images/tlf-manage-classes.png) 0 100% no-repeat;
min-height: 870px;
margin: -10px 0 10px;
}
.tlf-manage-classes h2 {
margin: 25px 0;
}
.tlf-manage-classes .col-right {
float: right;
margin: 30px 20px 110px 0;
}
.tlf-manage-classes .col-left {
float: left;
width: 560px;
}
.tlf-make-assignments {
overflow: hidden;
background: url(/images/tlf-make-assignments.png) 0 0 no-repeat;
min-height: 510px;
}
.tlf-make-assignments--right {
float: right;
width: 420px;
margin-right: 20px;
}
.tlf-make-assignments--right h2 {
margin-bottom: 40px;
}
.tlf-monitor-progress {
background: url(/images/tlf-monitor-progress.png) 100% 0 no-repeat;
min-height: 600px;
}
.tlf-monitor-progress h2 {
margin: 0 0 37px 20px;
padding-top: 25px;
}
.tlf-monitor-progress ul {
width: 400px;
margin-left: 20px;
}
.tlf-monitor-progress--video {
height: 293px;
margin-top: 90px;
background: #f1eff8 url(/images/demovideo.png) 70px 67px no-repeat;
}
.tlf-monitor-progress--download .button-submit.button-sm {
width: 300px;
font-size: 18px;
margin-top: 5px;
}
.tlf-monitor-progress--video p {
padding-top: 160px;
width: 310px;
text-align: center;
margin-left: 70px;
}
.content-text-inner a.tlf-video-item {
width: 350px;
height: 195px;
float: right;
margin: 38px 60px 0 0;
border: 2px solid #fff;
box-shadow: 0 0 4px 0 rgba(136,135,137, .5);
background: url(/images/tlf-video-item.png) 0 0 no-repeat;
}
.content-text-inner a.tlf-video-item:hover {
text-decoration: none;
border: 2px solid #fff;
}
.frmRequestMoreInfo {
color: #333;
font: 12px;
margin: 0;
padding: 0;
}
.frmRequestMoreInfo fieldset {
margin: 0;
padding: 0;
}
.frmRequestMoreInfo .send_success,
.frmRequestMoreInfo .send_error {
text-align: center;
margin: 25px 0;
font-weight: bold;
}
.frmRequestMoreInfo label {
display: block;
font: bold 12px Helvetica,Arial,sans-serif;
margin: 12px 0 6px;
}
.frmRequestMoreInfo label.error {
display: inline;
font: bold 12px/18px Helvetica,Arial,sans-serif;
margin: 0;
color: #ed1c24;
text-align: center;
}
.frmRequestMoreInfo button {
width: 210px;
margin: 35px 0 15px;
text-align: center;
cursor: pointer;
}
.frmRequestMoreInfo .best-form input,
.frmRequestMoreInfo .best-form textarea {
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
color: #aba48e;
font: 14px Arial, Helvetica, sans-serif;
height: 18px;
overflow: hidden;
padding: 6px 7px;
margin: 12px 0;
text-align: left;
width: 235px;
-webkit-box-shadow:0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow:0 1px 3px 0 #DADAD9 inset;
box-shadow:0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.frmRequestMoreInfo .best-form input:focus,
.frmRequestMoreInfo .best-form textarea:focus {
-webkit-box-shadow: 0 0 5px 1px #CFDCF5;
-moz-box-shadow: 0 0 5px 1px #CFDCF5;
box-shadow: 0 0 5px 1px #CFDCF5;
}
.frmRequestMoreInfo .best-form input::-webkit-input-placeholder,
.frmRequestMoreInfo .best-form textarea::-webkit-input-placeholder {color:#aba48e; font-weight:bold;}
.frmRequestMoreInfo .best-form input::-moz-placeholder,
.frmRequestMoreInfo .best-form textarea::-moz-placeholder {color:#aba48e; font-weight:bold; opacity:1;}
.frmRequestMoreInfo .best-form input:-moz-placeholder,
.frmRequestMoreInfo .best-form textarea:-moz-placeholder {color:#aba48e; font-weight:bold; opacity:1;}
.frmRequestMoreInfo .best-form input:-ms-input-placeholder,
.frmRequestMoreInfo .best-form textarea:-ms-input-placeholder {color:#aba48e; font-weight:bold;}
.frmRequestMoreInfo .best-form textarea {
max-width:235px;
min-width:235px;
height:150px;
min-height:150px;
max-height:150px;
margin-bottom: 6px;
}
.frmRequestMoreInfo .best-form select {
color: #aba48e;
font: 14px Arial, Helvetica, sans-serif;
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
padding: 6px 7px;
width: 250px;
-webkit-box-shadow: 0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow: 0 1px 3px 0 #DADAD9 inset;
box-shadow: 0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
position: relative;
margin: 0;
text-align: left;
outline: none 0;
z-index: 999;
}
.frmRequestMoreInfo .best-form select.bld {font-weight: bold;}
.frmRequestMoreInfo .best-form select option {
color: #aba48e;
font: 14px Arial, Helvetica, sans-serif;
padding: 0 7px;
outline: none 0;
z-index: 999;
}
.frmRequestMoreInfo .best-form-result { margin:36px 0 0 20px; }
.frmRequestMoreInfo .best-form-result h4,
.contact_us .best-form-result h4 {
margin: 0;
padding: 5px 0 12px;
}
.frmRequestMoreInfo .best-form-result .send_success,
.contact_us .best-form-result .send_success {
margin-left: 150px;
width: 50%;
}
.tlhs-form-wrapper--how-to-buy .send_success {
margin-left: 0 !important;
width: auto !important;
}
.frmRequestMoreInfo div.req {
margin: 0 -10px 0 0;
min-height: 58px;
overflow: hidden;
padding: 0;
}
.frmRequestMoreInfo div.req input,
.frmRequestMoreInfo div.req textarea { margin: 0; }
.frmRequestMoreInfo div.req em {
color: #ED1C24;
padding: 0 3px;
font-size: 18px;
font-style: normal;
font-weight: bold;
z-index: 100;
margin-top: 5px;
margin-right: 0;
float: right;
display: block;
}
.frmRequestMoreInfo div.req span {
z-index: 100;
font-size: 18px;
line-height: 18px;
font-weight: bold;
float: right;
padding: 0;
margin: 0;
display: block;
margin-top: 5px;
position: relative;
}
/* Library Main Page Begin */
.tlo-libraries.library .content-text-inner .header {
position: relative;
background: url(/images/libraries-header.png) center bottom no-repeat;
height: 650px;
}
.tlo-libraries.library .content-text-inner h2 { margin-top: 18px; }
.tlo-libraries.library .content-text-inner .left-space { margin-left: 50px; }
.tlo-libraries.library .content-text-inner .features {
position: relative;
padding-bottom: 455px;
background: none;
}
.library .alphabet-bg {
position: absolute;
left: 0;
bottom: 55px;
width: 100%;
height: 403px;
background: url(/images/libraries-alphabet.png) center no-repeat;
z-index: -1;
}
.library .alphabet-bg-award {
position: absolute;
left: 23px;
bottom: 161px;
width: 427px;
height: 407px;
background: url(/images/libraries-alphabet-award.png) center no-repeat;
}
.library .lemon-box {
padding: 45px 0 40px 0;
background: #fefbf1;
text-align: center;
border-top: 1px solid #f3efe3;
border-bottom: 1px solid #f3efe3;
}
.library .content-text-inner .lemon-box p {
font-size: 20px;
font-weight: 500;
color: #666;
}
.library .content-text-inner .lemon-box .button {
margin: 0 auto;
}
.library .content-text-inner .lemon-box .button.btn-sm {
padding: 0 12px 1px;
font-size: 18px;
line-height: 31px;
border-radius: 21px;
width: 155px;
font-weight: 700;
height: 33px;
font-family: 'MuseoSlab', serif;
margin: 20px auto;
display: block;
color: #fff;
border-bottom-color: transparent;
}
.library .center { text-align: center; }
.library .content-text-inner .col-3.bigger { width: 390px;}
.tlo-libraries.library .content-text-inner .features.monitor-bg {
padding-bottom: 100px;
background: url(/images/libraries-monitor.png) right 230px no-repeat;
}
.library .content-text-inner .header p { text-align: left; width: auto; }
.library .stamp {
position: absolute;
box-sizing: border-box;
top: 240px;
right: 50px;
width: 219px;
height: 219px;
padding-top: 60px;
line-height: 1.9;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-align: center;
color: #cd8e1d;
background: url(/images/libraries-stamp.png) center no-repeat;
}
.library .stamp span {
padding: 2px 0;
font-size: 13px;
font-weight: bold;
border-top: 1px solid #cd8e1d;
border-bottom: 1px solid #cd8e1d;
}
/* TL Online for Libraries */
.star {
color: red;
font-weight: bold;
}
div.star { margin-top: 40px; }
#screenshots { margin-top: 3em; }
#screenshots .screen {
float: left;
width: 260px;
margin: 0 20px 20px 0;
}
#screenshots .screen a {
display: block;
width: 250px;
height: 150px;
overflow: hidden;
margin-bottom: 7px;
border: 5px solid #fff;
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
#screenshots .screen img { width: 250px; }
#screenshots .screen em { font-size: 12px; }
#fedlink .right { width: 630px; }
#fedlink .col.left {
width: 230px;
margin: 0 auto;
text-align: center;
padding-top: 30px;
}
#fedlink h2.gray-top {
margin-top: 3em;
}
#how-to-buy .contact_side { width: 550px; }
#how-to-buy .contact_us .best-form {
width: 250px;
margin: 8px 0 5px;
}
#how-to-buy .contact_us .best {
border: 1px solid #F0EBD5;
padding-top: 10px;
}
.tlo-libraries h2 {
font-size: 2.750em;
line-height: 1.2em;
margin: 50px 0 17px;
}
.tlo-libraries .content-text-inner .bg-graph h2 {
margin-top: 30px;
}
.tlo-libraries .content-text-inner .features.bg-graph .col-left h2 {
margin-top: 20px;
}
.tlo-libraries .content-text-inner .bg-graph {
min-height: 900px;
}
.tlo-libraries .content-text-inner .features.bg-graph .col-3.right {
margin-bottom: -50px;
}
.tlo-libraries h2 em {
font-style: normal;
font-weight: normal;
font-size: 0.6em;
line-height: 30px;
}
.tlo-libraries .content-text-inner .header {
background: url('/images/tlo-header-bg-libraries-award.jpg') no-repeat center bottom #fff;
height: 600px;
margin-bottom: 20px;
}
.tlo-libraries .content-text-inner .features .col-left {
width: 590px;
padding-right: 0;
}
.content-text-inner .col-3 {
width: 275px;
}
.content-text-inner .col-3.last,
.content-text-inner .col-2.last { margin-right: 0; }
.content-text-inner .col-3.right {
padding: 0;
margin: 30px 0 0 0;
}
.bg-graph {
background: url('/images/graph.png') no-repeat right bottom #f7f7f7;
margin-bottom: 160px;
padding-bottom: 112px;
}
.bg-laptop {
background: url('/images/libraries-laptop-new-fearures.png') no-repeat left bottom transparent;
width: 570px;
display: block;
position: absolute;
z-index: 1000;
bottom: 0;
height: 456px;
margin-left: -20px;
margin-bottom: -125px;
}
.slide-peach {
background: url('/images/bg-peach.png') no-repeat 0 0 transparent;
display: block;
overflow: hidden;
width: 920px;
margin: 25px 0 -2px -20px;
height: 230px;
}
.tlo-libraries .activity-group {margin: 0 35px;}
.tlo-libraries .activity {
background: transparent;
margin-top: 20px;
margin-right: 13px;
}
.tlo-libraries .activity.last {
margin-right: 0;
}
.tlo-libraries .activity img {
background: #eff4f6;
border: 1px solid #cedee4;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: inset 0 3px 0 #fff, 0 2px 3px rgba(47, 91, 132, 0.2);
-moz-box-shadow: inset 0 3px 0 #fff, 0 2px 3px rgba(47, 91, 132, 0.2);
box-shadow: inset 0 3px 0 #fff, 0 2px 3px rgba(47, 91, 132, 0.2);
padding: 14px;
width: 172px;
height: 122px;
display: block;
cursor: default;
}
.tlo-libraries .activity strong {
color: #35597b;
}
.tlo-libraries .bg-sound-quality {
background: url('/images/sound-quality.png') no-repeat right bottom transparent;
height: 300px;
margin: 0 0 0 -20px;
width: 920px;
}
.tlo-libraries .libraries-laptop-fearures {
background: url('/images/libraries-laptop-fearures.png') no-repeat 0 0 transparent;
width: 691px;
height: 489px;
position: absolute;
right: 0;
margin-top: -280px;
}
.tlo-libraries .content-text-inner { background-color: #f7f7f7; }
.tlo-libraries .content-text-inner .features p small {
font-size: 12px;
font-style: italic;
}
.tlo-libraries .content-text-inner .features .list p,
.corporate-connect-page .content-text-inner .features .list p {padding-left: 50px;}
.content-text-inner .features .list p span + strong {display: block;}
.tlo-libraries .slider .slides {
margin: 0 auto;
height: 480px;
width: 761px;
text-align: center;
}
.tlo-libraries .content-text-inner .carousel-control {
border: none;
margin-top: 200px;
}
.tlo-libraries .slider .slides .slide {
padding: 0;
margin: 0 auto;
width: 761px;
height: 480px;
text-align: center;
}
.tlo-libraries .icon-prev {
background: url('/images/arrow-sprite.png') no-repeat 0 -50px transparent;
width: 30px;
height: 50px;
display: block;
position: absolute;
margin-left: 60px;
left: 0;
}
.tlo-libraries .icon-next {
background: url('/images/arrow-sprite.png') no-repeat 100% -50px transparent;
width: 30px;
height: 50px;
display: block;
margin-right: 60px;
position: absolute;
right: 0;
}
/* Transparent Language Online for Education page*/
.tlo-education-page .content-text-inner .header {
background: url("/images/tlo-header-bg-education.jpg") no-repeat scroll center 70px #fff;
height: 610px;
margin-bottom: 0;
}
.pic-shadow {
border: 1px solid #dedddd;
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
/* Transparent Language Online for Corporate Organizations */
.llo-corporate .content-text-inner .header {
background: url("/images/tlo-header-bg-corporate.jpg") no-repeat center 100% #fff;
height: 600px;
}
/* Transparent Connect for Corporate Organizations */
.connects-links {
background-color: #f7f7f7;
overflow: hidden;
padding-top: 15px;
}
.connects-links-header {
display: block;
}
.connects-links-header p {
background-color: #efefef;
border: 1px solid #e2e2e2;
font-size: 16px;
padding: 9px 50px 9px 70px;
display: inline-block;
margin: 0;
position: relative;
}
.connects-links-header p:after {
content: '';
background: url(/images/connects-str.png) 0 0 no-repeat;
width: 16px;
height: 42px;
top: -1px;
right: -16px;
position: absolute;
}
.connects-links-col {
width: 50%;
float: left;
text-align: center;
}
.connects-links-col h4 {
font-size: 14px;
color: #272727;
text-transform: uppercase;
}
.connects-links-col a {
color: #4f91cb;
border-bottom: 0;
text-decoration: underline;
}
.content-text-inner .features.bg-corporate-connect-act-premier {
background: url("/images/corporate-connect-act-premier.jpg") no-repeat center 0 #f7f7f7;
padding-bottom: 35px;
}
.bg-corporate-connect-act-premier p.align-center { margin-bottom: 500px; }
.content-text-inner .features.bg-corporate-connect-act {
background: url("/images/corporate-connect-bg-act.png") no-repeat 100% 100% #f7f7f7;
padding-bottom: 550px;
box-shadow: none;
}
.content-text-inner .features.bg-corporate-connect-act h2 {
margin-top: 20px;
}
.content-text-inner .features.bg-corporate-connect-act .bg-laptop {
background: url("/images/corporate-connect-act-laptop.png") no-repeat 0 100% transparent;
width: 713px;
height: 472px;
margin-bottom: 35px;
}
.corporate-connect-page .content-text-inner .header {
background: #fff url("/images/corporate-connect-bg-header.jpg") no-repeat scroll center 100%;
height: 665px;
}
.corporate-connect-page .content-text-inner .header p {
width: 815px;
}
.corporate-connect-page .content-text-inner h2 {
padding-left: 40px;
margin: 50px 0 17px;
}
.corporate-connect-page .col-left {
margin: 0;
width: 590px;
}
.corporate-connect-page .col-3 {
width: 275px;
}
.corporate-connect-page .col-3.right {
background: #f5f1e5;
margin: -40px 0 0;
}
.corporate-connect-page .content-text-inner .col-left.left > p { padding: 0 10px 20px 50px; }
.corporate-connect-page .content-text-inner .col-3.right { margin-top: -40px; }
.bg-corporate-connect-capstone {
background: url("/images/corporate-connect-capstone.png") no-repeat 0 0 transparent;
width: 379px;
height: 545px;
margin-left: -20px;
margin-bottom: 30px;
}
.corporate-connect-capstone .col-2 {
width: 53%;
padding-right: 1%;
}
.corporate-connect-transparent-1 {
background: url(/images/corporate-connect-transparent-1.png) 100% 0 no-repeat;
margin: 0 -20px;
min-height: 518px;
}
.corporate-connect-transparent p {
margin: 0 65px 40px;
}
.corporate-connect-transparent-1 ul {
width: 430px;
float: left;
margin-left: 20px;
}
.corporate-connect-transparent-2 {
background: url(/images/corporate-connect-transparent-2.png) 0 0 no-repeat;
margin: 0 -20px;
min-height: 518px;
}
.corporate-connect-transparent-2 ul {
width: 430px;
float: right;
margin-right: 20px;
}
/* Language Learning for Military page */
.military-libraries .content-text-inner,
.military-libraries .content-text-inner p {line-height: 1.5em;}
.military-libraries .header {
background: url('/images/military-libraries-header-bg.png') no-repeat right bottom transparent;
min-height: 360px;
height: 360px;
padding: 0 0 0 50px;
}
.military-libraries .header h1 {
font-size: 2.9em;
line-height: 59px;
margin-bottom: 0.83em;
}
.military-libraries .header h1,
.military-libraries h1.smaller {
text-align: left;
}
.military-libraries .header .col-left {
width: 480px;
}
.military-libraries .col-left img {
margin-left: -50px;
}
.military-libraries .content-text-inner .features {
padding: 0 50px;
}
.military-libraries .content-text-inner .features p {
line-height: 26px;
}
.military-libraries .content-text-inner .features .col-right h2 {
line-height: 1.2em;
}
.military-libraries .content-text-inner .features .col-right h2 + p {
padding-top: 20px;
}
.military-libraries .content-text-inner .features .col-right {
float:none;
margin-left: 300px;
}
.military-libraries .content-text-inner .features .col-right p {
padding: 0 0 24px 0;
}
.military-libraries .content-text-inner .features.bg-beige {
background-color: #f5f1e5;
padding-bottom: 20px;
}
.military-libraries .content-text-inner .features.bg-beige a {
font-weight: normal;
}
.military-libraries .content-text-inner h2.beige-tip {
font-size: 24px;
color: #272727;
background-color: #f3eddb;
height: 58px;
line-height: 58px;
border-bottom: 1px solid #d4cdb9;
-webkit-box-shadow:0 1px 2px 0 rgba(185,178,156,0.35);
-moz-box-shadow: 0 1px 2px 0 rgba(185,178,156,0.35);
box-shadow: 0 1px 2px 0 rgba(185,178,156,0.35);
padding: 0;
width: 920px;
position: relative;
margin: 0;
display: block;
text-align: center;
left: -50px;
top: -5px;
}
.military-libraries .content-text-inner .features.bg-beige .triangle {
background: url('/images/arrow-down-beige.png') no-repeat scroll 50% 0 transparent;
width: 100%;
height: 16px;
position: absolute;
z-index: 100;
left: 50px;
padding: 0;
margin-left: -50px;
bottom: -16px;
}
.military-libraries .content-text-inner .features.bg-beige div.clearfix { margin: 0 110px;}
.military-libraries .content-text-inner h3,
.military-libraries .content-text-inner .col-right h3 {
color: #789E1E;
margin-bottom: 10px;
font-weight: normal;
margin-top: 40px;
padding-bottom: 0;
}
.military-libraries .content-text-inner h4 {
font-size: 19px;
font-weight: 200;
margin: 0 0 15px 0;
color: #789e1e;
}
.military-libraries .content-text-inner .features.bg-beige.accessing .col-left {
width: 480px;
}
.military-libraries .content-text-inner .features.bg-beige.accessing .col-right {
margin-left: 0;
float: right;
margin-top: 15px;
}
.military-libraries .content-text-inner .features.enrichment {
background: url('/images/military-libraries-personal-enrichment-bg.png') no-repeat right top transparent;
min-height: 400px;
padding-top: 40px;
}
.military-libraries .content-text-inner .features.enrichment .col-left{
width: 470px;
}
.military-libraries .content-text-inner .features.enrichment .col-left.left{
width: 345px;
}
.military-libraries .content-text-inner .features.enrichment .col-right {
padding-top: 15px;
}
.military-libraries .content-text-inner a.button {
width: 160px;
font-size: 24px;
margin: 50px 20px 30px 20px;
border-bottom: none;
box-sizing: border-box;
}
/* Kidspeak page */
.kidspeak .content-text-inner {
background-color: #f7f7f7;
}
.kidspeak .header {
background: url(/images/kidspeak-header.png) 50% 0 no-repeat;
height: 655px;
position: relative;
}
.kidspeak .buy-now-product {
position: absolute;
bottom: 160px;
margin: 0;
right: 70px;
font-family: MuseoSlab !important;
font-weight: 700;
}
.kidspeak h1 {
color: #b6589a;
}
.kidspeak .features-new__list h2 {
margin: 0;
}
.kidspeak h3 {
margin: 7px 20px 20px 0;
color: #789e1e;
font-size: 26px;
line-height: 1;
}
.kidspeak .features-new {
background: url(/images/kidspeak-bottom.png) 50% 100% no-repeat;
padding: 0 20px 550px;
overflow: hidden;
}
.kidspeak .features-new__list {
width: 600px;
float: left;
font-size: 0;
}
.kidspeak .features-new__form {
float: right;
width: 260px;
}
.kidspeak .features-for-parents {
min-height: 700px;
background: url(/images/kidspeak-mac-screen3.png) 100% 125px no-repeat;
padding: 37px 0 0 20px;
}
.kidspeak .features-for-parents h2 {
margin: 0 0 30px;
}
.kidspeak .features-for-parents ul {
padding-right: 460px;
}
.kidspeak .system-requirements {
margin: 0 50px 0 30px;
padding: 25px 0 40px 75px;
position: relative;
}
.kidspeak .system-requirements:before {
content: '';
position: absolute;
width: 38px;
height: 34px;
background-image: url(/images/ico-settings.png);
background-repeat: no-repeat;
margin-top: 5px;
left: 17px;
}
.kidspeak .system-requirements p {
font-size: 14px;
margin: 0;
}
.kidspeak .system-requirements--peach {
border-top: 1px dashed #fbd4b6;
}
.kidspeak .system-requirements--peach:before {
background-position: 0 0;
}
.kidspeak .system-requirements--pink {
border-top: 1px dashed #d99ab3;
}
.kidspeak .system-requirements--pink:before {
background-position: 0 -34px;
}
.kidspeak .tlhsFormBlock .hs-form input,
.kidspeak .tlhsFormBlock .hs-form textarea {
width: 100%;
box-sizing: border-box !important;
}
.kidspeak .tlhsFormBlock {
display: block;
}
.kidspeak .contact-form {
width: 100%;
box-sizing: border-box;
padding: 13px;
}
.kidspeak .hbspt-form {
overflow: hidden;
}
/* CL-150 Bulletins and Updates */
.theme-dark-blue h1 {
color: #35597b;
font-size: 40px;
margin: 0 0 35px;
}
.government-toggle-features small {
font-size: 14px;
}
.government-toggle-features a {
color: #4e91cb;
border-bottom: none;
text-decoration: underline;
}
.government-toggle-features a:hover {
text-decoration: none;
border-bottom: none;
color: #4E91CB;
}
.government-toggle-features .toggle-link:hover,
.government-toggle-features .toggle-link:hover h2 {
text-decoration: none;
color: #3C6D99;
border-bottom: none;
}
.government-toggle-features .toggle-link h2,
.government-toggle-features h4 {
color: #35597b;
padding: 0 0 10px;
margin: 0;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
.government-toggle-features h4 {
padding: 10px 0 20px 0;
}
.government-toggle-features .toggle-link h2 span {
font-weight: normal;
}
.government-toggle-features .toggle-link {
background: url(/images/icon-toggle-triangle.png) no-repeat 0 0;
padding-left: 35px;
border-bottom: none;
display: block;
margin: 10px 0 20px -13px;
outline: none 0;
text-decoration: none;
}
.government-toggle-features .toggle-link.show-content { background-position: 0 0; }
.government-toggle-features .toggle-link.hide-content { background-position: 0 -72px; }
.government-toggle-features .toggle-features {
margin-bottom:3em;
display: none;
}
.government-toggle-features p {
padding-left: 25px;
}
/* Free Resources */
.free-home .content-text-inner,
.free-home .content-text-inner p {line-height: 1.5em;}
.free-home .content-text-inner .header {
background-image: none;
background-color: #fff;
padding: 0 50px;
height: 560px;
}
.free-home .content-text-inner .header h1 { text-align:left; }
.free-home .content-text-inner .header p {
width: auto;
text-align: left;
margin: 20px 0;
}
.free-home .left-col,
.free-home .right-col { width: 380px; }
.free-home .content-text-inner .header img {
margin: 0 0 0 -5px;
position: relative;
bottom: -60px;
}
.free-home .content-text-inner .header .right-col p { font:18px/23px 'ProximaNova', Arial, sans-serif; margin-bottom: 10px; }
/* Stripes */
.free-home .stripe-gray {
background-color: #f3f3f3;
border-top: 3px solid #dfdede;
border-bottom: 3px solid #dfdede;
height: 165px;
padding: 0 5px;
}
/* Resourses icons */
.free-home .icon-resource {
color: #272727;
font: 14px/18px 'ProximaNova', Arial, sans-serif;
background: url(/images/free-sprite-icons-resources.png) 0 0 no-repeat;
width: 82px;
height: 60px;
text-decoration: none;
text-align: center;
display: block;
float: left;
margin: 25px 0 0 0;
padding-top: 60px;
border: none;
}
.free-home .icon-resource:first-child {margin-left: 0;}
.free-home .icon-resource:last-child {margin-right: 0;}
.free-home .icon-resource:hover {text-decoration: underline; color: #4f90ca;}
.free-home .icon-resource:active {}
.free-home .icon-twitter {background-position: 15px 0;}
.free-home .icon-twitter:hover {background-position: 15px -148px;}
.free-home .icon-facebook {background-position: -91px 0;}
.free-home .icon-facebook:hover {background-position: -91px -148px;}
.free-home .icon-wotd {background-position: -198px 0;}
.free-home .icon-wotd:hover {background-position: -198px -148px;}
.free-home .icon-youtube {background-position: -304px 0;}
.free-home .icon-youtube:hover {background-position: -304px -148px;}
.free-home .icon-blogs {background-position: -412px 0;}
.free-home .icon-blogs:hover {background-position: -412px -148px;}
.free-home .icon-tests {background-position: -515px 0;}
.free-home .icon-tests:hover {background-position: -515px -148px;}
.free-home .icon-wie {background-position: -622px 0;}
.free-home .icon-wie:hover {background-position: -622px -148px;}
.free-home .icon-mlg {background-position: -732px 0;}
.free-home .icon-mlg:hover {background-position: -732px -148px;}
.free-home .icon-listcentral {background-position: -840px 0;}
.free-home .icon-listcentral:hover {background-position: -840px -148px;}
.free-home .icon-ebooks {background-position: -954px 0;}
.free-home .icon-ebooks:hover {background-position: -954px -148px;}
.free-home .icon-english-in-context {background-position: -1061px 0;}
.free-home .icon-english-in-context:hover {background-position: -1061px -148px;}
/* Resourses */
.free-home .content-text-inner .features.resourses {
padding: 0 50px;
margin: 50px 0;
}
.free-home .content-text-inner .features.resourses .left-col,
.free-home .content-text-inner .features.resourses .right-col { width: 380px; }
.free-home .content-text-inner .features.resourses .icon-resource {
width: 60px;
height: 60px;
margin: 0 10px 20px -15px;
padding: 0 15px 0 0;
}
.free-home .content-text-inner .features.resourses a { outline:none 0; border:none; }
.free-home .content-text-inner .features.resourses h2,
.free-home .content-text-inner .features.resourses a h2 {
color: #272727;
font: bold 30px 'ProximaNova', Arial, sans-serif;
padding: 0;
margin: 0;
outline:none 0;
}
.free-home .content-text-inner .features.resourses a h2 { display:inline; }
.free-home .content-text-inner .features.resourses a:hover h2 { color: #777; }
.free-home .content-text-inner .features.resourses h3 {
color: #555;
font: 20px 'ProximaNova', Arial, sans-serif;
margin: 0;
padding: 25px 0 10px 0;
}
.free-home .content-text-inner .features.resourses p.smaller {
color: #272727;
font: 16px/22px 'ProximaNova',Arial,sans-serif;
}
.free-home .content-text-inner .features.resourses p {
color:#272727;
font: 18px/20px 'ProximaNova', Arial, sans-serif;
}
.free-home .content-text-inner .features.resourses p a {
color:#4f90ca;
font: 18px/20px 'ProximaNova', Arial, sans-serif;
}
.free-home .content-text-inner .features.resourses p a.lnk-large { font-size: 24px; font-weight: bold; }
.free-home .content-text-inner .features.resourses p.langs a {
color:#555;
font: 12px/22px Helvetica;
text-decoration: none;
border: none;
}
.free-home .content-text-inner .features.resourses p.langs a:hover { text-decoration: underline; }
.free-home .content-text-inner .features.resourses p.langs a:visited { color: #4f90ca; text-decoration: underline; }
.free-home .content-text-inner .features.resourses a.img,
.free-home .content-text-inner .features.resourses a.img:hover {border:none;}
.free-home .content-text-inner .features.lavender {
background-color: #e8e9f5;
border-bottom: 5px solid #514b75;
padding: 50px 50px 0 50px;
margin: 0;
}
.free-home .content-text-inner .features.ivory {
background-color: #fbf4e2;
border-top: 5px solid #f4d17d;
padding: 50px 50px 0 50px;
margin: 0 0 -30px 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.free-home .content-text-inner .features.light {
background-color: #fdfaf0;
padding: 50px 50px 0 50px;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.free-home .content-text-inner .features.pistachio {
background-color: #f3f9e5;
border-top: 5px solid #a1cc3e;
padding: 50px 50px 0 50px;
margin: 0;
overflow: hidden;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.free-home .content-text-inner .features.blue {
background-color: #e6edfa;
padding: 50px 50px 0 50px;
margin: 0 0 -30px 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
list-style-type: disc;
}
.content-text-inner .features ul.type-disk {
padding: 0;
}
.content-text-inner .features ul.type-disk li {
list-style-type: disc;
padding: 0 0 12px 0;
margin: 0 0 0 15px;
}
/* Blogs */
.free-home .content-text-inner .features.resourses .blogs { margin-top: -65px; }
/* Wie */
.free-home .content-text-inner .wie { margin-top: 75px; }
/* MLG */
.free-home .content-text-inner .resourses.mlg,
.free-home .content-text-inner .resourses.bg-white {
margin: 0;
padding: 0 50px;
background-color: #fff;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.free-home .content-text-inner .resourses.mlg .triangle-down-ivory { top: 0; }
.free-home .content-text-inner .resourses.mlg .left-col img { margin-bottom: 25px; }
.free-home .content-text-inner .resourses.mlg .right-col img {
position:relative;
margin: 5px 0 10px 10px;
}
/* Triangles */
.triangle-down {
width: 0;
height: 0;
border-left: 110px solid transparent;
border-right: 110px solid transparent;
border-top: 70px solid #fff;
position: relative;
z-index: 100;
margin: 0 auto;
top: -50px;
}
.triangle-down-white { border-top-color: #fff; }
.triangle-down-ivory { border-top-color: #fbf4e2; }
.triangle-down-lavender { border-top-color: #e9e9f5; }
.triangle-down-blue { border-top-color: #e6edfa; }
.triangle-down-light { border-top-color: #fdfaf0; }
.free-home .content-text-inner .features.lavender .triangle-down-white {
border-left: 110px solid #e8e9f5;
border-right: 110px solid #e8e9f5;
}
.free-home .content-text-inner .resourses.mlg .triangle-down-ivory {
border-left: 110px solid #fff;
border-right: 110px solid #fff;
}
.free-home .content-text-inner .resourses .triangle-down-blue { top: 0; }
.free-home .content-text-inner .resourses.lavender .triangle-down-light { margin-top: -1px; }
/* English in context */
.english-in-context .content-text-inner .legacy { top: 210px; }
.english-in-context .content-text-inner h1 span {
font-size: 26px;
line-height: 28px;
font-weight: 400;
}
.english-in-context .stripe-gray {
background-color: #f2f1ed;
border-bottom: 6px solid #e7e6e3;
padding: 15px 30px 0;
margin: 20px 0 0 0;
}
.english-in-context .stripe-gray p {
line-height: 1.5em;
}
.english-in-context .stripe-gray-t {
border-top: 6px solid #e7e6e3;
border-bottom: 0;
padding: 30px 30px 40px 30px;
margin: 30px 0 0 0;
}
.english-in-context .lessons {
padding-left: 30px;
position: relative;
padding-top: 20px;
}
.english-in-context .content-text-inner .lesson-info,
.english-in-context .content-text-inner .lesson-info strong {
font-size: 18px;
line-height: 20px;
width: 590px;
min-height: 40px;
}
.english-in-context iframe {
width: 880px;
height: 640px;
border: 1px solid #e7e6e3;
margin: 0 auto;
}
.english-in-context .blue-ribbon-s {
color: #fff !important;
height: 49px;
width: 305px;
background: url("/images/bg-ribbon-blue-s.png") no-repeat 100% 50% transparent;
font-size: 1.5em !important;
font-weight: 500 !important;
line-height: 1.5em;
text-align: center;
text-decoration: none;
margin: 0 -10px 0 0;
padding: 0;
border-bottom: 0 !important;
position: absolute;
right: 0;
top: 26%;/*32%; 3 str */
}
.english-in-context .blue-ribbon-s:hover { color: #ebebeb !important; }
.english-in-context .banner {
background: url("/images/eng-in-context-banner.jpg") no-repeat 50% 50% transparent;
width: 799px;
height: 227px;
padding: 50px 30px 20px;
margin: 0;
position: relative;
-webkit-box-shadow: 0 0 15px rgba(4, 48, 51, 0.3) inset;
-moz-box-shadow: 0 0 15px rgba(4, 48, 51, 0.3) inset;
box-shadow: 0 0 15px rgba(4, 48, 51, 0.3) inset;
}
.english-in-context .content-text-inner .banner h3 {
color: #423566;
font-size: 22px;
margin: 0;
}
.english-in-context .content-text-inner .banner p {
color: #423566;
font-size: 16px;
line-height: 21px;
}
.english-in-context .banner .col-left { width: 65%; }
.english-in-context .content-text-inner .button-submit.btn-sm {
padding: 0 12px 3px;
font-size: 18px;
line-height: 26px;
border-radius: 21px;
width: 130px;
height: auto;
display: inline-block;
margin: 10px 15px 0 15px;
}
.english-in-context .banner-img { padding-top: 8px; }
.english-in-context .tlo-logo {
bottom: 15px;
position: absolute;
right: 30px;
}
.eic-contact-form .best {
width: 480px;
height: 430px;
padding: 30px 0 0;
background-color: #f5f1e5;
}
.eic-contact-form .best h2 {
margin: 0;
padding: 20px 0 20px;
color: #72961E;
text-align: center;
}
.eic-contact-form .place4form {
margin: 0 auto;
width: 358px;
}
.eic-contact-form .best-form-result {
margin: 0 auto;
padding: 80px 0 0 110px;
}
/* Mobile Language Guide */
img#mlg-header{ margin: 20px 0 0; }
#mlg-features{
position: relative;
height: 335px;
background: #f1f8e7;
padding: 40px 20px 0 40px;
margin: 20px 0 0 0;
border: 1px solid #daedbf;
box-shadow: inset 0 0 20px rgba(4, 48, 51, 0.2);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#mlg-features p{
color: #333;
width: 530px;
margin: 0 0 20px 0;
}
#mlg-features p.feature{
font-size: 16px;
height: 30px;
margin:0;
padding: 10px 0 0 40px;
background: url(/images/mlg-check.gif) left center no-repeat;
}
#mlg-features h2#cta {
width: 300px;
height: 30px;
margin: 35px 0 0 40px;
font-size: 14px;
line-height: 1.3;
color: #273810;
text-align: center;
background: #daedbf;
padding: 20px 20px 25px 20px;
text-shadow: 0 1px 1px #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
img#mlg-iphone {
position: absolute;
top: -100px;
right: 30px;
}
#mlg-left-col {
float: left;
width: 470px;
margin: 30px 50px 0 0;
padding: 0;
}
#mlg-left-col h3{ font-size: 18px; }
#mlg-left-col p{
font-size: 14px;
line-height: 1.5;
}
#mlg-right-col {
margin: 30px 0 0 20px;
padding: 0;
float: left;
width: 320px;
}
#mlg-right-col h3{ font-size: 18px; }
#mlg-right-col p{
font-size: 14px;
line-height: 1.5;
}
#mlg-right-col img { margin: 0 0 50px 80px; }
/* Languages List */
#lang-list {padding-top: 20px;}
#lang-list h1,
.contact_us h1,
#methodology h2 {
color: #4f91cb;
font: bold 24px/28px 'ProximaNova', Arial, sans-serif;
}
#lang-list h2 {
color: #272727;
font: 16px/24px 'ProximaNova', Arial, sans-serif;
margin: 20px 0;
}
#lang-list .col-4 {
width: 205px;
float: left;
margin: 0 20px 0 0;
padding: 0;
}
#lang-list .col-4.last { margin: 0; }
#lang-list .col-4 div {
position: relative;
border-bottom: 1px solid #ddd;
height: 22px;
left: 65px;
top: 0;
width: 140px;
clear: both;
}
#lang-list .col-4 p {
width: 200px;
color: #4f91cb;
font: bold 36px/20px 'ProximaNova', Arial, sans-serif;
margin: 0;
padding: 0;
left: -65px;
position: relative;
top: 10px;
}
#lang-list .col-4 p i {
color: #c6daeb;
font-weight: 300;
padding-left: 3px;
}
#lang-list .popular {
overflow: hidden;
padding: 17px 0 14px 5px;
border-bottom: 1px solid #e1e1e1;
width: 865px;
}
#lang-list .popular .most, #lang-modal .popular .most {
float: left;
font-weight: bold;
color: #fff;
text-shadow: 0 1px 1px #25714a;
}
#lang-list .popular .most {
padding: 7px 0 0 10px;
height: 25px;
width: 192px;
line-height: 1.143em;
font-size: 1.167em;
}
#lang-list .popular ul, #lang-modal .popular ul {
margin: 0;
padding: 0 0 8px 0;
list-style: none;
text-align: center;
}
#lang-modal .lnkAprenda { padding-right: 45px; }
#lang-list .lnkAprenda { padding-right: 30px; }
#lang-modal .popular ul { padding: 0 0 5px 0; }
#lang-list .popular ul li, #lang-modal .popular ul li {
display: inline;
font-weight: bold;
}
#lang-list .popular ul li { margin: 0 0 0 15px; }
#lang-list .all-languages ul, #lang-modal .all-languages ul {
float: left;
list-style: none;
}
#lang-list .all-languages ul {
background-color: #eef4fa;
color: #333;
font: 16px/24px 'ProximaNova', Arial, sans-serif;
padding: 6px 0 9px 20px;
width: 185px;
margin-bottom: 0;
margin-top: 20px;
}
#lang-list .all-languages ul li {
padding: 0;
margin-bottom: 0;
background-repeat: no-repeat;
width: auto;
}
#lang-list .all-languages ul li { padding: 0; }
#lang-list .all-languages ul a {
color: #333;
text-decoration: none;
border: none;
}
#lang-list .all-languages ul a:hover { text-decoration: underline; }
/* Language pages */
.langs { overflow-x: hidden; }
.langs h1 {
color: #336;
font: 24px Georgia;
margin-top: 10px;
}
.langs h1 em {
color: #669;
font: italic 24px Georgia;
}
.langs h2 {
color: #4B4B9E;
font: 14px Helvetica !important;
padding: 20px 0 5px 0;
margin: 0;
}
.langs h2 a {
color: #4B4B9E;
font: 14px Helvetica !important;
}
.langs h2 a:hover {
text-decoration: none;
color: #4B4B9E;
font: 14px Helvetica;
}
.langs .langs-top-banner {
width: 555px;
height: 74px;
background: url('/images/bg-language-banner.png') no-repeat scroll 0 0 transparent;
text-align: center;
padding: 30px 25px 10px 75px;
margin-bottom: 30px;
}
.langs .langs-top-banner h1,
.langs .langs-top-banner h2 {
color: #fff;
font: 500 24px Georgia !important;
margin-top: 10px;
text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
padding: 0;
}
.langs .langs-top-banner h1 em,
.langs .langs-top-banner h2 em {
color: #fff;
font: italic 500 24px Georgia !important;
}
.langs h3 {
color: #1E2E3D;
font: bold 12px Helvetica;
padding: 15px 0 0 0;
margin: 0;
}
.langs .side_left,
.content-text .langs a,
.content-text .langs p { font: 12px Helvetica; }
.img_T {
width: 655px;
height: 115px;
border: none;
margin-bottom: 20px;
}
/* Languages dropdown */
.quizzes .langs p, .games .langs p { padding: 0; }
.langs .langs_dropdown {
width: 195px;
height: 60px;
text-align: center;
font: 12px Helvetica;
color: #333;
margin: 0 auto;
padding: 0;
margin-bottom: 20px;
}
.langs .dropdown_T {
width: 195px;
height: 5px;
background: transparent url(/images/langsdropdown_top.gif) no-repeat bottom;
}
.langs .dropdown_C {
/*width: 193px;
height: 50px;*/
width: 193px;
min-height: 50px;
background: #FEFEFE url(/images/langsdropdown_center.gif) no-repeat bottom;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
}
.langs .dropdown_B {
width: 195px;
height: 5px;
background: transparent url(/images/langsdropdown_bot.gif) no-repeat top;
}
.langs .langs_dropdown em {
font: bold 12px Helvetica;
color: #336;
}
.langs .langs_dropdown select {
font: 12px Arial, Helvetica, sans-serif;
color: #000;
border: 1px solid #d6d6d6;
width: 185px;
margin: 10px 0;
}
.langs .langs_dropdown option {
font: 12px Arial, Helvetica, sans-serif;
color: #000;
width: 100%;
margin: 0; padding: 0;
}
/* Languages dropdown end */
/* Email box */
.langs .side_box, .side_box{
width: 195px;
min-height: 100px;
height: auto;
font: 11px Helvetica;
color: #669;
text-align: center;
margin: 0 auto 18px;
padding: 0;
float:left;
clear:both;
}
.langs .side_box #widgetSpanishSmallContent div { width: auto; max-width: 200px; }
.langs .side_box #widgetSpanishSmallContent div a { margin-top: 5px; border-bottom: none; }
.langs .side_box #widgetSpanishSmallContent div img { margin-top: 5px; }
.langs .side_box small,
.langs .side_box .side_box_C small,
.side_box .side_box small,
.side_box .side_box_C small {
font: 10px Helvetica;
color: #272727;
}
.langs .side_box a,
.side_box a {
font: 10px Helvetica;
color: #4B4B9E;
}
.langs .side_box .side_box_T,
.side_box .side_box_T {
width: 195px;
background: transparent url(/images/emailbox_top.gif) no-repeat top;
font: bold 12px/14px Helvetica;
color: #336;
text-align: center;
vertical-align: middle;
padding: 7px 0 5px 0;
min-height: 18px;
height: auto;
}
.langs .side_box .side_box_T_clear,
.side_box .side_box_T_clear {
width: 195px;
height: 5px;
background: transparent url(/images/emailbox_top_clear.gif) no-repeat top;
}
.langs .side_box .side_box_C,
.side_box .side_box_C {
width: 193px;
height: auto;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background-color: #fff;
}
.langs .side_box .side_box_C p,
.side_box .side_box_C p {
padding: 5px;
line-height: 16px;
margin-bottom:0;
}
.langs .side_box .side_box_B,
.side_box .side_box_B {
width: 195px;
height: 5px;
background: transparent url(/images/emailbox_bot.gif) no-repeat top;
}
.langs .side_box input,
.side_box input {
width: 105px;
border: 1px solid #d6d6d6;
color: #000;
padding: 3px;
}
.langs .side_box input.placeholder_email,
.side_box input.placeholder_email,
.placeholder_email {
width: 105px;
border: 1px solid #d6d6d6;
color: #999;
padding: 3px;
}
.placeholder_email_grey { color: grey; }
div .pad8 { padding: 8px 0; }
/* Email box end */
.langs .callout {
width: 205px;
height: 150px;
background-color: #E1E1E1;
text-align: center;
vertical-align: middle;
margin: 15px 0;
padding: 0;
}
/* Languages page end */
/* Languages page products */
.langs ul {
margin-left: 10px;
padding-left: 10px;
}
.langs li { padding: 3px 0; }
.langs li a {
color: #4B4B9E;
font: 12px Helvetica;
}
.learn_block {
text-align: left;
padding: 10px 0;
display: block;
overflow: hidden;
margin: auto 0;
}
.langs .learn_block a {
font-size:0; line-height:0; text-decoration: none; border: none;
height:40px; width:40px;
overflow: hidden;
display: block;
float: left;
margin: 5px 4px;
}
.langs .learn_block a.icon_rss { background: transparent url(/images/iconrss.png) no-repeat scroll 0 0; }
.langs .learn_block a.icon_facebook { background: transparent url(/images/iconfacebook.png) no-repeat 0 0; }
.langs .learn_block a.icon_twitter { background: transparent url(/images/icontwitter.png) no-repeat 0 0; }
.langs .learn_block a.icon_google { background: transparent url(/images/icongoogle.png) no-repeat 0 0; }
.langs .learn_block a.icon_myspace { background: transparent url(/images/iconmyspace.png) no-repeat 0 0; }
.langs .learn_block a.icon_yahoo { background: transparent url(/images/iconyahoo.png) no-repeat 0 0; }
.langs .learn_block a.icon_email { background: transparent url(/images/iconemail.png) no-repeat 0 0; }
.langs .learn_block a.icon_wotd { background: transparent url(/images/iconwotd.png) no-repeat 0 0; }
.langs .learn_block a.icon_youtube { background: transparent url(/images/iconyoutube.png) no-repeat scroll 0 0; }
.langs .learn_block a:hover {
background-position: 0 -40px;
text-decoration: none;
border: none;
}
/* Languages page products end */
/* Overview page */
.img_map {
border: none;
padding: 0 0 0 10px;
}
.img_map_left {
border: none;
padding-right: 20px;
}
.resources_block {
padding: 15px;
text-align: left;
}
.resources_block a {
color: #4b4b9e;
font: 12px Helvetica;
}
.resources_block hr, .quizzes hr, hr.qSepar {
margin: 10px 0 7px 0;
color:#efefef;
background-color:#efefef;
height: 1px;
border-width:0;
}
.overview p {
padding: 5px 0;
margin: 0;
}
.overview h4 {
color:#669;
font: bold 14px Helvetica;
padding: 0;
margin: 10px 0 5px;
}
/* Overview page end */
/* Navigation */
.navigation_tabs {
width: 100%;
margin:25px 0 0 0;
vertical-align:top;
}
.navigation_tabs div {
margin-right:7px;
background-repeat: no-repeat;
vertical-align:top;
cursor: pointer;
float: left;
}
.content_tabs { width:100%; }
#content_overview { margin: 10px 0 50px 0; padding: 0; }
#content_products {
margin: 10px 0 25px;
padding: 0;
width: 100%;
}
#content_products .products_bg {
width: 100%;
background: #fff url(/images/bg-products.png) repeat-x bottom left;
float: left;
height: 100%;
padding: 10px 0;
margin: 10px 0;
overflow:hidden;
zoom:1; /*IE-6 hasLayout */
/*min-height:100%;
height:auto !important;
height:100%;*/
}
.product_item {
width: 33%;
height: 100%;
float: left;
margin: 0; padding: 0;
text-align: center;
padding-bottom:3000px; /* for height 100% */
margin-bottom:-3000px; /* for height 100% */
color: #484848;
border-left: 1px solid #e1e1e1;
margin-left: -1px;
}
.product_item img { margin-bottom: 20px; }
.product_item a img, .product_item a:hover img {
border-style: none;
border: 0;
border-bottom: none;
}
.product_item h3 {
height: 30px;
min-height: 30px;
vertical-align: top;
}
.product_item h3, .product_item h3 a, .product_item h3 a:hover {
color: #1e2e3d;
font: bold 12px Helvetica;
padding:0; margin: 10px 5px;
border-bottom: none;
}
.product_item h4 {
color: #669;
font: bold 12px Helvetica;
padding: 0 0 5px 0; margin: 0;
}
.product_item ul { text-align: left; }
.product_item ul li { margin-top: 0; padding: 0; }
.product_item p { padding: 0 4px; }
#content_products .product_item .tab_link {
font-size: 11px;
color: #4B4B9E;
padding-bottom: 10px;
}
.tab_link a, .tab_link a:hover { color: #4B4B9E; }
.iphone_promo {
text-align: left;
padding:0 45px 0 50px;
}
.content-text .langs .iphone_promo a {
font-weight: bold;
line-height: 20px;
}
.iphone_promo .badge-appstore {
border: 0 none;
background: url(/images/badge-appstore.png) no-repeat 0 0;
margin:2px 20px 13px 0;
width: 135px;
height: 40px;
display: block;
text-indent: -9999px;
text-align: center;
outline:none 0;
float:left;
}
.iphone_promo .badge-googleplay {
border: 0 none;
background: url(/images/badge-googleplay.png) no-repeat 0 0;
margin: 0 20px 10px 0;
width: 129px;
height: 45px;
display: block;
text-indent: -9999px;
outline:none 0;
text-align: center;
float:left;
}
.otherProducts {
text-align: right;
padding: 10px 0 0;
border-top:1px solid #E1E1E1;
}
#content_funstuff {
widows: 100%;
margin: 20px 0 30px 0;
padding: 0;
background: #fff url(/images/bg-fun-stuff.gif) repeat-y top left;
overflow: hidden;
float: left;
}
#content_funstuff h3, #content_funstuff h3 a, #content_funstuff h3 a:hover {
color: #4B4B9E;
font: 500 16px Helvetica;
padding: 0;
margin: 0 0 5px 0;
}
.funstuff_item {
margin: 10px 0;
padding: 0;
float: left;
width: 100%;
}
.funstuff_wrapper {margin-left: 100px;}
.funstuff_item .funstuff_img {
float: left;
margin: 0 35px 0 15px;
padding: 0;
font-size: 0;
line-height: 0;
height: 50px;
}
.funstuff_resources {
padding: 5px 30px 5px 0;
margin: 0;
}
.funstuff_resources p {
margin: 5px 0;
padding: 0;
}
#content_blog ul, #content_blog li {
padding: 0; margin: 0;
list-style-type: none;
color: #272727;
font: 12px Helvetica;
}
#content_blog li { padding: 15px 0; }
#content_blog p {
font: 12px Helvetica, sans-serif;
padding: 10px 0;
line-height: 1.4em;
}
#content_blog .headline a {
color: #336;
font: 18px Georgia;
}
#content_blog .date {
color: #669;
font: 12px Helvetica;
}
#content_blog #creditfooter a { border: none; }
#content_blog .feedflare a { border: none; }
#container_blog #iframe_blog { min-height: 550px; }
#content_wotd { margin: 0; }
#content_wotd .side_box { margin-bottom: 0; }
#content_wotd h2 {
color:#336;
font: 30px 'ProximaNova', Arial, sans-serif;
padding:10px 0 20px;
}
#content_wotd .wotd_ways h2, #wotd .wotd_ways h2 {
color: #669;
font: bold 14px Helvetica;
border-top: none;
padding:0;
}
#content_wotd textarea {
color: #272727;
font: 10px Helvetica;
width: 150px;
height: 50px;
border: 1px solid #ccc;
padding: 3px;
margin-left: 5px;
text-align: left;
}
#content_wotd input { width: 150px; }
/* Misc pages */
/* remember to define focus styles! */
/* Contact Us */
.contact_us,
.contact_us p {
color: #272727;
font: 14px/22px 'ProximaNova',Arial,sans-serif;
}
.contact_us h2 {
color: #4F91CB;
font: bold 1.3em 'ProximaNova',Arial,sans-serif;
margin-top: 1.4em;
}
.contact_us fieldset { padding: 0; margin: 0 0 20px 0; }
.contact_us legend {
color: #9a8d63;
font: bold 1.3em 'ProximaNova', Arial, sans-serif;
padding: 0;
margin: 20px 0 22px 0;
}
.contact_us .txt_grey {
color: #272727;
font: 14px/22px 'ProximaNova', Arial, sans-serif;
padding-bottom: 5px;
}
.contact_us small {
color: #272727;
font: 11px/18px 'ProximaNova', Arial, sans-serif;
}
.contact_us small a {
color: #4f91cb !important;
font-size: 12px !important;
}
.frm_google {
width: 360px;
height: 350px;
border: 1px solid #ccc;
text-align: center;
}
.contact_us .frm_google {
width: 880px;
margin-top: 20px;
}
/* 2 columns */
.contact_wrap {
width: 880px;
overflow:hidden;
margin-bottom: 20px;
}
.contact_main {
float: right;
margin: 0;
padding: 0;
width: 600px;
min-height:250px;
}
.contact_main.yell-block {
width: 600px;
background-color: #FCFAF0;
border: 1px solid #F0EBD5;
min-height: 610px;
margin: 0;
padding: 0;
}
.contact_side {
float:left;
margin: 0;
padding: 0 18px 0 0;
width: 260px;
}
.contact_us .best {
display: inline;
background-color: #fcfaf0;
float: left;
border: none;
margin: 0;
padding: 0 24px;
width: 250px;
min-height: 610px;
}
.contact_us .right.best { border-left: 1px solid #F0EBD5; }
/* Quizzes */
.quizzes_item {
margin: 10px 0;
padding: 0;
float: left;
width: 100%;
}
.quizzes_item .right { width: 475px; }
.quizzes_item a {
/*font-size: 14px;*/
font-weight: bold;
}
.quizzes_img {
float: left;
width: 160px;
vertical-align: top;
margin: 0 20px 20px 0; padding: 0;
text-align: center;
}
.quizzes_img img {
vertical-align: top;
margin: 0;
padding: 0;
}
.quizzes ul {
margin: 10px 0 10px;
padding:0;
list-style:none;
}
.quizzes li { padding: 5px 0 10px 0; }
.quizzes li div { padding: 0 0 0 15px; }
.quizzes h3 {
color: #669;
font: bold 14px Helvetica;
}
.quizzes u {
color: #669;
text-decoration: underline;
}
.quizzes b, .quizzes strong { color: #669; }
.quizzes font.subheader_red, .qH1, .header_red_large {
color:#669;
font: bold 16px Helvetica;
padding: 15px 0 0 0;
}
.quizzes p { padding: 10px 0; }
#content_test { margin: 10px 0; }
.qH2 {
color: #669;
font: italic bold 12px Helvetica;
}
.qH3 {
color: #4b4b9e;
font: bold 16px Helvetica;
text-align: center;
padding: 5px 0;
}
.qBlockInfo {
font-weight: bold;
padding: 10px 0;
color: #2A2A4B;
font: bold 12px Helvetica;
}
.qQue, .qQue u {
color:#6393CE;
font-weight:bold;
}
div.qQue { padding:4px 0 10px 10px; }
div.qAns { padding:0 0 4px 40px; }
.qInCorr { color:#EE3124; }
.qCorr, .qCorr strong { color:#28B34B; }
span.qQueIconCorr, span.qQueIconInCorr {
display:block;
float:left;
vertical-align:top;
}
span.qQueIconCorr {
background: url(/images/quizzes/iconcheck.gif) no-repeat 0 0;
width:23px;
height:23px;
margin:0 6px 0 0;
}
span.qQueIconInCorr {
background: url(/images/quizzes/iconincorr.gif) no-repeat 0 0;
width:19px;
height:19px;
margin:0 8px 0 2px;
}
ul.quizzes_SayItIn {
margin: 20px 0 20px 40px;
padding: 0;
}
ul.quizzes_SayItIn li {
margin: 0;
padding: 0;
}
/* Proficiency Tests */
.tests .col-3 {
float: left;
margin: 20px 0 0;
padding: 0;
width: 265px;
}
.tests .col-3.left { margin-right: 20px; }
.tests .col-3 .test { margin-bottom: 13px; }
.tests .col-3 .test h3 {
font-size: 20px;
padding: 0;
font: 20px Georgia, "Times New Roman", Times, serif;
}
.tests .col-3 .test.long a { padding: 6px 0 13px 75px; }
.tests .col-3 .test a span {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #669;
font-size: 14px;
}
.tests .col-3 .test a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
background: url(/images/language-icons.png) no-repeat scroll 12px 0 #fff;
border: 1px solid #E5E5E5;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 0 21px #D9D9D9 inset, 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 #fff inset, 0 0 21px #D9D9D9 inset, 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 #fff inset, 0 0 21px #D9D9D9 inset, 0 1px 3px rgba(0, 0, 0, 0.1);
color: #336;
display: block;
height: 53px;
padding: 14px 0 5px 75px;
text-decoration: none;
width: 188px;
}
.tests .col-3 .test a:hover {
background-color: #F3F5F9;
border: 1px solid #C9D6EB;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 0 21px #C9D6EB inset, 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 #fff inset, 0 0 21px #C9D6EB inset, 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 #fff inset, 0 0 21px #C9D6EB inset, 0 1px 3px rgba(0, 0, 0, 0.1);
color: #3C4D94;
}
.tests .col-3 #mandarin-chinese-test a { background-position: 12px -150px; }
.tests .col-3 #english-test a { background-position: 12px -450px; }
.tests .col-3 #english-spanish-test a { background-position: 12px -2175px; }
.tests .col-3 #french-test a { background-position: 12px -675px; }
.tests .col-3 #dutch-test a { background-position: 12px -375px; }
.tests .col-3 #german-test a { background-position: 12px -750px; }
.tests .col-3 #irish-test a { background-position: 12px -1125px; }
.tests .col-3 #italian-test a { background-position: 12px -1200px; }
.tests .col-3 #japanese-test a { background-position: 12px -1275px; }
.tests .col-3 #latin-test a { background-position: 12px -1425px; }
.tests .col-3 #polish-test a { background-position: 12px -1650px; }
.tests .col-3 #portuguese-brazilian-test a { background-position: 12px -1725px; }
.tests .col-3 #russian-test a { background-position: 12px -1800px; }
.tests .col-3 #spanish-test a { background-position: 12px -1875px; }
.tests .col-3 #swedish-test a { background-position: 12px -1950px }
/* Press Releases */
.press-pages { padding: 30px 0 0 35px; min-height: 420px; }
.press-pages a {
font: 16px/21px 'ProximaNova', Arial, sans-serif;
color: #4f91cb;
border-bottom: none;
text-decoration: underline;
}
.press-pages a:hover {
color: #4f91cb;
text-decoration: none;
border-bottom: none;
}
.press-pages h1 {
color: #4f91cb;
font: 24px/24px 'ProximaNova', Arial, sans-serif;
}
.press-pages p,
.press-pages div {
color: #272727;
font: 16px/21px 'ProximaNova', Arial, sans-serif;
}
.press-pages .toggle-features {
margin-left: 180px;
display: none;
padding-bottom: 20px;
font: 14px/21px 'ProximaNova',Arial,sans-serif;
width: 630px;
}
.press-pages .toggle-features div {
margin: 15px 0;
padding: 15px 0;
clear: both;
}
.press-pages p.date {
float: left;
margin-left: -160px;
clear: both;
}
.press-pages .toggle-features div p.date~p {
margin: 0 0 -28px 0;
padding: 0;
clear: both;
}
.press-pages h1 + .year-item .toggle-features {display:block;} /* press home page */
.press-pages h1 + .year-item .toggle-link + .toggle-features {display:none;} /* press archive page */
.press-pages .toggle-features a {
font-weight: bold;
color: #4f91cb;
text-decoration: none;
border: none;
padding: 0;
background: none;
display: block;
width: 630px;
float: left;
}
.press-pages .toggle-features p a { display: inline; float: none; width: auto; }
.press-pages .toggle-link {
color: #4f91cb;
background: url(/images/icon-toggle-triangle.png) no-repeat 0 0;
padding-left: 35px;
border-bottom: none;
display: block;
margin: 10px 0 20px -13px;
text-decoration: underline;
outline: none 0;
cursor: pointer;
}
.press-pages .toggle-link.show-content { background-position: 0 0; }
.press-pages .toggle-link.hide-content { background-position: 0 -72px; }
.press-pages .toggle-link:hover { color: #4f91cb; text-decoration: none; border-bottom: none; }
.press-pages .year-item { margin: 0 30px 0 0; }
.press-pages h1 + .year-item .toggle-link {margin-top: 40px;} /* press archive page */
/* Phrases & Press, Articles */
.phrases p, .press p, .articles p {
padding: 5px 0;
margin: 0;
}
.phrases hr, .articles hr {
margin: 10px 0 17px 0;
color:#efefef;
background-color:#efefef;
height: 1px;
border-width:0;
}
.press h2, .press h3 { margin-top: 20px; }
.articles li { margin-left: 20px; }
.phrases noscript {
display: block;
padding: 5px 0 15px;
font-style: italic;
}
/* Phrases & Press, Articles end */
/* Games */
.games p {
padding: 5px 0;
margin: 0;
}
.games .ul_flag { margin: 0 0 30px 30px; }
.games .miniflag {
width: 29px;
height: 22px;
float: left;
padding-right: 10px;
margin-left: 20px;
}
.games_item { padding-bottom: 30px; }
.games_item .col-180 { text-align: center; }
.games_item h2 { margin-top: 5px; }
/* Games end */
/* Site map */
.sitemap ul, .sitemap li { margin:0; padding:0; }
.sitemap li {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 255px;
}
.sitemap .grid3col {
width: 100%;
margin-bottom:0;
clear:both;
}
.sitemap .grid3col h2 {
border-bottom:1px solid #D5D5D5;
margin-bottom:18px;
margin-top:0;
}
.sitemap .grid3col .column {
width: 32%;
float:left;
/*display: -moz-inline-box; /* FF2 */*/
/*display: inline-block;*/
vertical-align: top;
text-align: left;
margin: 0 0 0 1%;
text-decoration: none;
}
.sitemap .column .r {
float: left;
margin-bottom:0;
}
.sitemap h3 {
font-size:1em;
font-weight:bold;
line-height:18px;
margin-top:0;
margin-bottom:26px;
padding-top:0;
}
.sitemap ul {
font-size:13px;
/*line-height:18px;*/
margin-bottom:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.sitemap h3 + ul {
margin-top:-20px;
}
/* Site map end */
/* WOTD Widget */
#content_wotd div.smaller {
font-size:9px;
/*width: 100%;*/
padding-bottom: 10px;
text-align: center;
margin: 0 auto;
}
/* Mobile Page */
ul.chooselanguage {
color:#004F77;
float:left;
margin-top:-3px;
width:150px;
padding-left: 40px;
margin-left: 0;
}
ul.chooselanguage li {
color:#004F77;
font: normal 12px Helvetica,Arial,sans-serif;
list-style:none outside none;
padding:5px;
}
#mobile {
background: url(/images/mobile-bg-gradient-blue.png) no-repeat 0 115px;
margin: 0 -20px 0 -20px;
padding: 0;
top: 20px;
position: relative;
width: 920px;
}
#mobile #purchasing-options {
padding: 0 10px;
width: 330px;
float: left;
text-align: center;
margin: 0 auto;
min-height: 730px;
}
#mobile #purchasing-options #pricing {
background: url(/images/starburst-165x165.png) no-repeat;
margin: 0 auto;
padding: 38px 0 0;
width: 167px;
height: 143px;/*181px;*/
text-align: center;
}
#mobile #purchasing-options #pricing .line-1 {
color: #3e2f0e;
font-size: 12px;
line-height: 1.2em;
text-shadow: 0 1px #f9dfa4;
}
#mobile #purchasing-options #pricing .line-2 {
color: #3e2f0e;
font-size: 18px;
font-weight: bold;
line-height: 1.2em;
text-shadow: 0 1px #f9dfa4;
}
#mobile #purchasing-options #pricing .price {
color: #fff;
text-shadow: 0 -1px #b7810b;
font-size: 42px;
font-weight: bold;
line-height: 1.3em;
margin: 0;
padding: 0;
}
#mobile #purchasing-options #pricing .price span {
font-size: 60px;
font-weight: normal;
position: relative;
top: 5px;
}
#mobile #purchasing-options .badge-appstore {
border: 0 none;
background: url(/images/badge-appstore.png) no-repeat 0 0;
margin:30px auto;
width: 135px;
height: 40px;
display: block;
text-indent: -999px;
text-align: center;
outline:none 0;
}
#mobile #purchasing-options .badge-googleplay {
border: 0 none;
background: url(/images/badge-googleplay.png) no-repeat 0 0;
margin: 30px auto;
width: 129px;
height: 45px;
display: block;
text-indent: -999px;
outline:none 0;
text-align: center;
}
#mobile h1 { margin: 10px 0 30px 0; }
#mobile h2 {
color: #333;
font-size: 17px;
font-weight: bold;
margin: 0 0 1em;
}
#mobile h3 {
color: #333;
font-size: 26px;
line-height: 39px;
font-family: 'Open Sans', sans-serif;
font-weight: 200;
margin: 0 0 0.4em;
}
#mobile #devices {
width: 570px;
float: right;
position: relative;
top: 90px;
}
#mobile #devices #nexus {
margin: 0;
position: absolute;
top: 0;
left: -88px;
float: left;
z-index: 1;
}
#mobile #devices #iphone {
margin: 0;
position: absolute;
top: 15px;
float: right;
z-index: 2;
right: 0;
}
#mobile .features {
background: #f7f7f7;
padding: 40px 0;
box-shadow: inset 0 0 7px #dbdbdb;
margin: 0;
}
#mobile .features-top {
background-color: rgba(247, 247, 247, 0.7);
padding: 0 50px 30px 50px;
box-shadow: inset 0 -10px 5px -9px #dbdbdb;
}
#features li { margin-bottom: 1em; }
#mobile #features {
margin: 0;
position: relative;
overflow: hidden;
height: 420px;
padding-right: 10px;
}
#mobile #features .col { width: 380px;}
#mobile #features .col img {
position: relative;
left: -100px;
top: 15px;
overflow: hidden;
}
#mobile #features .byki-list,
#mobile .features .byki-list {
margin-left: 15px;
padding-left: 0;
width: 475px;
float: left;
}
#mobile #features .byki-list li,
#mobile .features .byki-list li {
list-style-type: disc;
font-size: 14px;
line-height: 25px;
padding-left: 20px;
margin: 0;
}
#mobile #testimonials {
overflow: hidden;
margin: 0;
padding: 40px 30px 40px 40px;
}
#mobile #testimonials .testimonial {
padding: 0;
float: left;
position: relative;
width: 490px;
}
#mobile #testimonials .testimonial p { padding: 0 0 0 35px; font-size: 14px; }
#mobile #testimonials .testimonial.one { width: 360px; }
#mobile #testimonials .testimonial:before {
content:"\201C"; /* open-quote */
color: #c0c0c0;
font: 5.1em 'ProximaNova', Arial, sans-serif;
position: relative;
top: 0;
left:0;
margin-left: 0;
height: 30px;
display: block;
}
#mobile #testimonials .testimonial.one p a img {
padding: 0;
margin: 30px 0 0 -30px;
}
#mobile #system-requirements {
color: #999;
font-size: 11px;
text-align: right;
clear: both;
position: absolute;
right: 30px;
bottom: -165px;
z-index: 100;
}
#mobile #system-requirements span.title { color: #777; }
.survey-transparent {
position:fixed;
left:0;
top:50%;
z-index:10000000;
margin:-115px 0 0 -3px;
padding:0;
}
.survey-transparent:hover { margin-left:0; }
.survey-transparent img { border:none; }
/* Theme blue for byki deluxe */
#mobile.theme-blue .features-top {
overflow: hidden;
background-color: transparent;
}
#mobile.theme-blue .features {
padding: 40px 50px;
overflow: hidden;
}
#mobile.theme-blue .features.know-it img,
#mobile.theme-blue .features.practice img { margin-top: 30px; }
#mobile.theme-blue .features.practice .byki-list { width: 300px; padding-top: 10px; }
#mobile.theme-blue .features.practice .byki-list li {
font-size: 16px;
line-height: 23px;
padding-bottom: 15px;
}
#mobile.theme-blue .col-narrow { width: 370px; }
#mobile.theme-blue .step .col-narrow.left {
width: 290px;
padding-left: 50px;
}
#mobile.theme-blue .col-wide { width: 450px; }
#mobile.theme-blue .step { padding-top: 10px; }
#mobile.theme-blue .step1 .col-narrow.left { padding-left: 0; }
#mobile.theme-blue .step1 .col-narrow h3 { margin-top: 20px; }
#mobile.theme-blue .step3 .col-wide {
width: 400px;
padding-left: 40px;
}
#mobile.theme-blue h2 {
color: #0078ae;
font-size: 30px;
}
#mobile.theme-blue .step p strong {
color: #3b6faa;
font-size: 16px;
}
#mobile.theme-blue .step h3 {
font-size: 22px;
font-family: 'MuseoSlab', serif;
padding: 0;
margin: 50px 0 0 0;
}
#mobile.theme-blue .step p strong {
color: #3b6faa;
font-size: 16px;
}
#mobile.theme-blue #devices {
height:460px;
top: 20px;
margin-left: 50px;
float: none;
}
#mobile.theme-blue .features-top p { margin-bottom: 50px; }
#mobile.theme-blue .price {
color: #000;
font: 22px/40px 'MuseoSlab', serif;
text-align: center;
display: inline;
margin-left: 20px;
}
#mobile.theme-blue .price span {
color: #000;
font: 16px/20px 'MuseoSlab', serif;
position: relative;
top: -5px;
text-decoration: underline;
}
.stripe-blue {
background-color: #e7eff9;
border-top: 5px solid #4f91cd;
border-bottom: 5px solid #4f91ce;
padding: 40px 50px 20px 50px;
}
#mobile .features a,
.stripe-blue a { color: #4e91cb; border-bottom-color: #4e91cb; }
#mobile .features a:hover,
.stripe-blue a:hover { color: #0078ae; border-bottom-color: #0078ae; }
#mobile .stripe-blue {
position: relative;
top: -80px;
z-index: 10;
margin-bottom: -80px;
}
#mobile .stripe-blue h2 { margin-bottom: 0.5em; }
#mobile .info { padding: 30px 50px 20px 50px; }
#mobile .info	small { font-size: 12px; }
#mobile .info u { line-height: 30px; }
/* Byki Deluxe mobile Page */
#mobile.byki-deluxe-mobile #purchasing-options .badge-googleplay { margin: 30px auto 5px auto; }
#mobile.byki-deluxe-mobile #markets .line-1 {
color: #3d300f;
font: 12px Arial, Helvetica, sans-serif;
}
.edu-higher  .content-text-inner .header .subheader {
text-align: center;
margin: 0 auto;
padding: 5px 0 0 20px;
color: #4781b3;
position: absolute;
bottom: 10px;
font-size: 18px;
background-color: transparent;
background: rgba(247, 247, 247, 0.6);
}
.edu-higher .icon-check {
margin: 0 auto;
padding: 0;
float: none;
display: block;
}
.edu-higher .subheader .col-3 {
width: 260px;
margin: 0 20px;
line-height: 21px;
}
.separator-2-lines {
background: url("/images/bg-2-lines.png") repeat-x 0 0 transparent;
height: 6px;
}
/* Corporate contact form */
#corporate-contact-form .best {
width: 585px;
height:543px;
background-color: #F5F1E5;
}
#corporate-contact-form .best .col-l {
width: 260px;
margin: 0 20px 0 0;
float: left;
}
#corporate-contact-form .best .col-l.form_column_right { margin-right: 0; }
#corporate-contact-form .tlhsFormBlock h2 {
margin: 0 !important;
padding: 9px 0 !important;
color: #72961e;
font-size: 25px !important;
line-height: 28px !important;
}
#corporate-contact-form .tlhsFormBlock p {margin-bottom: 12px !important;}
#corporate-contact-form .best-form {margin: 0 20px 0 25px;}
#corporate-contact-form .best-form-result {margin:0; padding:130px 0 0 135px;}
#corporate-contact-form .best-form-result h4 {margin-left:20px;}
#corporate-contact-form .best-form-result p,
#corporate-contact-form .best-form-result .send_error {margin-left:20px;}
#corporate-contact-form .tlhsFormBlock .hs-form.stacked label { margin-bottom: 4px; }
#corporate-contact-form .tlhsFormBlock .hs-form .email-validation span { font-size: 11px; line-height: 12px; }
/* AddThis invisible bottom element */
#_atssh { position:absolute !important; left: -50px !important; top: -50px !important; }
/* Infographic & Infographic social pages */
.inforgraphic {min-width:930px;}
.inforgraphic h2 {margin-top:1.5em;}
.infographic-code textarea {
border: 1px solid #ccc;
color: #272727;
font: 12px Helvetica;
height: 50px;
padding: 3px;
text-align: left;
width: 450px;
min-width: 450px;
max-width: 450px;
}
.infographic-block { margin:20px auto 25px; }
.infographic-description {
width:600px;
margin:40px auto 0;
}
.infographic-description img { margin:0 20px 20px 0; }
.infographic-description p {
margin:0 0 20px 0;
font:14px/21px Arial,Helvetica,sans-serif;
}
.infographic-social-page {
width:840px;
margin:0 auto;
}
.infographic-text {width:520px;}
.infographic-learn-button {
float:right;
width:272px;
height:74px;
text-align:right;
padding:0 5px;
}
.infographic-learn-button a, .infographic-learn-button a:hover {text-decoration:none;}
.infographic-learn-button img {border:none;}
.infographic-social-page .infographic-block {
background-color: #dbebf2;
border: 1px solid #C9D6EB;
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
overflow: hidden;
margin:0 auto 25px;
text-align:center;
padding:18px 20px;
}
.infographic-social {
background-color: #dbebf2;
border: 1px solid #C9D6EB;
border-bottom: 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
float:right;
margin:-15px 0 -2px;
padding: 10px 10px 0;
width: 280px;
}
.infographic-bottom h2 { margin-top:0; }
.infographic-bottom .infographic-learn-button {
border-left:1px dashed #ccc;
margin:20px 0 0 0;
padding:0 5px 0 35px;
}
*div.infographic-bottom .infographic-learn-button {margin:28px 0 0 0;}
.infographic-bottom .infographic-code {
width:520px;
text-align:center;
}
.infographic-bottom .infographic-code textarea {margin:0 auto;}
/* WHITE PAPERS & EBOOKS PAGES START */
/* White papers index & e-Books index */
.books-item {
margin-top: 30px;
}
.books-item h2 {
color: #4b4b9e;
font: bold 14px Arial, Helvetica, sans-serif;
padding-bottom: 2px;
margin: 0 0 15px;
}
.books-item:nth-child(odd) .books-item__info {
background-color: #efefef;
}
.books-item__info {
overflow: hidden;
padding: 15px 15px 10px 20px;
}
.books-item__txt {
width: 68%;
}
.books-item__txt p {
font: 13px/1.4 Arial, Helvetica, sans-serif;
}
.books-item__img {
float: right;
}
/* white papers pages */
.white-papers__intro {
height: 230px;
margin-bottom: 20px;
box-sizing: border-box;
}
.white-papers-content {
display: table;
width: 100%;
margin-bottom: 20px;
font: 14px Arial;
}
.white-papers-content__left {
display: table-cell;
vertical-align: top;
width: 560px;
box-sizing: border-box;
box-shadow: 0 0 0 1px #e1e1e1;
}
.white-papers-content__title {
border: 1px solid #c2b48c;
background-color: #eadaa9;
box-shadow: 0 1px 0 0 #f4ebd1 inset,
0 1px 3px rgba(0, 0, 0, 0.2);
font-family: Arial;
color: #726230;
padding: 8px 3px 8px 12px;
letter-spacing: -.2px;
font-weight: 700;
margin: -1px;
}
.white-papers-content__info {
padding: 30px 12px;
}
.white-papers-content__info ul {
margin: 0;
padding-left: 15px;
line-height: 1.3;
}
.white-papers-content__info li {
margin-bottom: 15px;
}
.white-papers-content__info a {
color: #4f91cb;
text-decoration: none;
border-bottom: none;
}
.white-papers-content__info a:hover {
text-decoration: underline;
color: #4f91cb;
}
.white-papers-content__center {
display: table-cell;
width: 18px;
}
.white-papers-content__right {
display: table-cell;
vertical-align: top;
width: 300px;
box-shadow: 0 0 0 1px #e1e1e1;
}
.white-papers-content__form {
width: 265px;
margin: 25px auto 40px;
min-height: 550px;
}
.marked-list li {
width: auto;
background-repeat: no-repeat;
list-style: none;
margin-left: -15px;
padding-left: 25px;
}
/* white papers pages modificators */
.white-papers__intro--beyond-the-books {
padding: 25px 0 0 40px;
background: #bc691d url(/images/white-papers-beyond-the-books-bg-intro.jpg) 50% 0 no-repeat;
}
.white-papers__intro--beyond-the-books h1 {
font: 31px/1.4 Georgia, Times, serif;
width: 350px;
color: #fff;
}
.white-papers__intro--5-trends-in-educational-technology {
padding-top: 45px;
background: #e4e7e7 url(/images/white-papers-5-games-bg-intro.png) no-repeat 100% 100%;
}
.white-papers__intro--5-trends-in-educational-technology h1 {
font: 40px/44px Georgia,Times,serif;
color: #555553;
text-align: center;
width: 500px;
text-shadow: 0 1px 1px #fff;
}
.white-papers__intro--dabl-guide-bg-intro {
padding-top: 45px;
background: #544d7a url(/images/white-papers-dabl-guide-bg-intro.png) no-repeat 100% 100%;
}
.white-papers__intro--dabl-guide-bg-intro h1 {
font: 33px/37px Georgia,Times,serif;
color: #fff;
text-align: center;
width: 545px;
margin: 0 0 10px 40px;
text-shadow: 0 0 1px #fff;
}
.white-papers__intro--dabl-guide-bg-intro h2 {
color: #fff;
font-weight: 400;
text-align: center;
width: 390px;
margin: 0 0 0 115px;
font: 18px/23px 'ProximaNova', Arial, sans-serif;
}
.white-papers__intro--dabl-bg-intro {
padding-top: 35px;
background: #544d7a url(/images/white-papers-dabl-bg-intro.png) no-repeat 100% 5px;
}
.white-papers__intro--dabl-bg-intro h1 {
font: 33px/37px Georgia,Times,serif;
color: #fff;
width: 480px;
margin: 0 0 10px 25px;
text-shadow: 0 0 1px #fff;
}
.white-papers__intro--dabl-bg-intro h2 {
color: #fff;
font-weight: 400;
width: 350px;
margin: 0 0 0 30px;
font: 18px/23px 'ProximaNova', Arial, sans-serif;
}
.white-papers__intro--four-ways {
padding-top: 45px;
background: #6f849f url(/images/white-papers-four-ways.png) no-repeat 100% 100%;
}
.white-papers__intro--four-ways h1 {
color: #fff;
font: 40px/44px Georgia,Times,serif;
width: 560px;
text-align: center;
}
.white-papers__intro--selecting-database-bg-intro {
padding-top: 45px;
background: #5d5683 url(/images/white-papers-selecting-database-bg-intro.png) no-repeat 100% 100%;
}
.white-papers__intro--selecting-database-bg-intro h1 {
color: #fff;
font: 36px/45px Georgia, Times, serif;
margin: 0 0 0 35px;
text-shadow: 0 0 1px #fff;
}
.white-papers__intro--selecting-database-bg-intro h1 span {
color: #b0dff8;
text-shadow: 0 0 1px #b0dff8;
}
.white-papers__intro--impact-page {
padding: 70px 0 0 200px;
background: url(/images/white-papers-bg-intro.png) no-repeat 0 0 transparent;
}
.white-papers__intro--impact-page h1 {
font: italic 34px Georgia, Times, serif;
color: #676b72;
margin: 0 30px 40px 0;
text-shadow: 0 1px 1px #fff;
}
.white-papers__intro--impact-page h2 {
font: 16px Helvetica, Arial, sans-serif;
color:#98bafa;
margin: 0 30px 0 0;
padding: 0;
}
.white-papers__intro--language-trends-bg-intro {
padding: 61px 0 0 40px;
background: #314d93 url(/images/white-papers-language-trends-bg-intro.jpg) 100% 0 no-repeat;
}
.white-papers__intro--language-trends-bg-intro h1 {
font: bold 31px/1.5 Georgia, Times, serif;
width: 400px;
color: #fff;
}
.white-papers__intro--social-media {
background: #d2c8a6 url(/images/white-papers-social-media.png) no-repeat 100% 100%;
padding: 75px 0 0 0;
padding-left: 30px;
}
.white-papers__intro--social-media h1 {
font: 42px Georgia, Times, serif;
color: #fefefe;
text-align: center;
width: 480px;
}
.white-papers__intro--5-ingredients-bg-intro {
background: #243b33 url(/images/white-papers-5-ingredients-bg-intro.png) no-repeat 100% 100%;
padding: 45px 0 10px 35px;
}
.white-papers__intro--5-ingredients-bg-intro h1 {
font: 36px/45px Georgia, Times, serif;
text-align: left;
color: #fff;
text-shadow: 0 0 1px #fff;
}
/* government/what-we-know-or-believe.html like white-papers */
.white-papers__intro--what-we-know {
background: #293743 url(/images/what-we-know-bg-intro.jpg) 100% 0 no-repeat;
padding: 30px 0 0 30px;
}
.white-papers__intro--what-we-know h1 {
font: 700 26px/1.4 Georgia, Times, serif;
color: #c5d7e7;
margin: 0 0 10px;
}
.white-papers__intro--what-we-know h1 span {
color: #fff;
}
.white-papers__intro--what-we-know h2 {
font: 26px/1.4 Georgia, Times, serif;
color: #c5d7e7;
margin: 0;
}
/* ebooks items pages */
.ebook-main-info {
overflow: hidden;
box-sizing: border-box;
margin: 0 -20px;
}
.ebook-main-info--all {
padding: 5px 45px 32px 35px;
background: url(/images/ebook-intro-bg-square.png) 50% 100% repeat-x;
}
.ebook-main-info--top-10 {
padding: 5px 20px 0 35px;
background: url(/images/ebook-intro-bg.png) 50% 100% no-repeat;
}
.ebook-main-info h1 {
color: #789e1e;
font: 700 30px/1 'ProximaNova', Arial, sans-serif;
}
.ebook-main-info--all h1 {
margin: 10px 0 5px 15px;
}
.ebook-main-info--top-10 h1 {
margin: 10px 0 22px 5px;
}
.ebook-main-info h1 span {
font-weight: 400;
}
.ebook-main-info h2 {
color: #272727;
font: 24px/59px 'ProximaNova', Arial, sans-serif;
margin: 0 80px 0 0;
padding: 0;
float: right;
}
.ebook-main-info h3 {
color: #78a122;
font: 22px/26px 'ProximaNova', Arial, sans-serif;
margin: 0 0 30px 15px;
}
.ebook-form {
border-radius: 10px;
background-color: #efead8;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
border: 1px solid #e0dbca;
width: 570px;
padding: 10px 25px 26px 25px;
box-sizing: border-box;
float: right;
min-height: 300px;
opacity: .9;
}
.ebook-form p,
.ebook-text p {
color: #272727;
font: 16px/24px 'ProximaNova', Arial, sans-serif;
margin-bottom: 17px;
}
.ebook-main-info--all img {
margin-top: 24px;
}
.ebook-main-info--top-10 img {
margin: 32px 0 10px -35px;
}
.ebook-text {
clear: both;
padding: 50px 25px 0;
}
.ebook-text h2 {
margin: 0;
color: #789e1e;
font: 700 40px/40px 'ProximaNova', Arial, sans-serif;
margin: -25px 0 15px;
}
.ebook-text h3 {
color: #a7cc52;
font: 700 24px/24px 'ProximaNova', Arial, sans-serif;
margin: 35px 0 0 0;
}
.ebook-text ul li {
padding-left: 20px;
font-weight: 700;
}
.ebook-screenshots {
margin: 32px -45px 0 -25px;
overflow: hidden;
}
.ebook-screenshots__item {
float: left;
width: 300px;
}
.ebook-screenshots__item img {
background: #fff;
border: 1px solid #c4c5cc;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
padding: 10px;
display: block;
width: 255px;
margin-bottom: 20px;
}
.ebook-screenshots__item p {
width: 280px;
}
/* WHITE PAPERS & EBOOKS PAGES END */
/* Customer Service page */
#customer-service blockquote div.show-hide-content { margin: 0 0 20px 30px; }
#customer-service blockquote div a.show-hide-links {border:none; font-weight: bold; }
#customer-service blockquote { margin-left: 30px; }
#customer-service blockquote div { margin: 5px 0;}
/* Library English Learning page */
.english-learning-page .content-text-inner,
.english-learning-page .content-text-inner p {line-height: 1.5em;}
.english-learning-page .header {
height: 665px;
margin-bottom: 0;
}
.personal-header p,
.english-learning-page .header p {
margin: 0 70px;
}
.english-learning-page h2 {
font-size: 41px;
}
.english-learning-page #available-languages h2 {
margin-bottom: 20px;
}
.english-learning-page .header--tablet-books {
background: url('/images/tlo-header-bg-english-for-libraries.jpg') no-repeat center bottom #fff;
border-bottom: 4px solid #e1c482;
}
.english-learning-page .header--devices {
background: url('/images/tlo-header-bg-english-for-personal.jpg') no-repeat center bottom #fff;
border-bottom: 4px solid #e1c482;
}
.english-learning-page .header--tablet {
background: url('/images/tlo-header-bg-english-for-corporate.jpg') no-repeat center bottom #fff;
}
.bg-intermediate-course {
background: #f7f7f7 url("/images/english-for-libraries-intermediate-course-imac-screen.png") no-repeat 100% 130px;
min-height: 600px;
padding: 20px 20px 10px;
}
.english-learning-page .course-info {
width: 370px;
margin: 0;
position: absolute;
bottom: 175px;
right: 50px;
}
.english-learning-page .bg-vocabulary-lists {
background: #f7f7f7 url("/images/english-for-libraries-vocabulary-lists-imac-screen.png?v=1") no-repeat 0 150px;
min-height: 580px;
padding-left: 20px;
}
.english-learning-page .bg-vocabulary-lists ul {
padding:30px 30px 0 460px;
}
.english-learning-page .bg-lib {
background: #f7f7f7 url(/images/cohort-info.jpg) 50% 100% no-repeat;
padding: 40px 20px 0;
min-height: 1090px;
}
.english-learning-page .bg-lib .col-left {
width: 570px;
}
.english-learning-page .bg-lib .col-right {
width: 275px;
padding-bottom: 330px;
}
.english-learning-page .intermediate-eng {
width: 400px;
}
.english-learning-page .business-lessons {
background: #f7f7f7 url(/images/english-for-libraries-screen-business-lessons.png) 100% 65px no-repeat;
padding-right: 470px;
min-height: 450px;
padding-left: 20px;
}
.english-learning-page .english-in-context {
background: #f7f7f7 url(/images/english-in-context.png) 0 90% no-repeat;
padding: 0 20px;
min-height: 630px;
}
.english-learning-page .english-in-context ul {
float: right;
width: 400px;
margin: 0 20px 50px 0;
}
.english-learning-page .which-is-english {
background: #f7f7f7 url(/images/which-is-english.png) 100% 190px no-repeat;
min-height: 670px;
padding: 0 20px 10px;
}
.english-learning-page .which-is-english ul {
width: 430px;
}
.english-learning-page .contact-form .best-form-result { padding-top: 0; }
.english-learning-page .tlhsFormBlock .hs-form input.hs-input,
.english-learning-page .tlhsFormBlock .hs-form textarea,
.english-learning-page .tlhsFormBlock .hs-form textarea.hs-input { width: 230px; max-width: 270px; }
.english-learning-page .tlhsFormBlock .hs-form select,
.english-learning-page .tlhsFormBlock .hs-form select.hs-input { width: 245px; }
.english-learning-page .tlhsFormBlock .hs-form.stacked .actions { padding-left: 45px; }
.english-learning-page .tlhsFormBlock .hs-form input[type="checkbox"] { width: auto; }
.ui-dialog.ui-front {z-index:10000;}
.side_box .ui-dialog .ui-dialog-titlebar-close { /* copied from jquery-ui.css */
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
/* Product Registration */
#product-registration .col-3 {
margin: 20px 20px 0 0;
width: 280px;
}
#product-registration .contact_side .col-3,
#product-registration hr { margin-bottom: 0; }
#product-registration .contact_side .col-3 { margin-top: 0; }
#product-registration .col-3.right { margin-right: 0; }
p.larger-text, p.larger-text a { font-size: 16px; }
a.block-yell {
background-color: #fcfaf0;
width: 280px;
height: 120px;
margin: 0;
padding: 0;
font: 600 1.4em/1em 'ProximaNova',Arial,sans-serif;
color: #b3a987;
text-align: center;
display: block;
border: 1px solid #f0ebd5;
text-transform: uppercase;
float: left;
}
a.block-yell:hover,
.faqs a.block-yell:hover {
background-color: #f2efe4;
color: #9b9069;
border-color: #dcd4b6;
}
a.block-yell span {
width: 280px;
height: 10px;
margin: 0;
padding: 90px 0 0;
text-align: center;
display: block;
}
#product-registration .contact_side { width: 100%; }
#product-registration h2 { font: bold 1.3em/1em 'ProximaNova',Arial,sans-serif; }
.icon-customer-service { background: url(/images/sprite-contacts.png) no-repeat scroll 50% 0 transparent; }
a.block-yell:hover .icon-customer-service { background-position: 50% -120px; }
.icon-technical-support { background: url(/images/sprite-contacts.png) no-repeat scroll 50% -240px transparent; }
a.block-yell:hover .icon-technical-support { background-position: 50% -360px; }
.icon-contact-us { background: url(/images/sprite-contacts.png) no-repeat scroll 50% -480px transparent; }
.icon-contact-us:hover { background-position: 50% -600px; }
/* Corporate FAQs */
.faqs .toggle-link {
font-size: 16px;
background: url(/images/icon-toggle-triangle.png) no-repeat 0 0;
padding-left: 35px;
border-bottom: none;
display: block;
margin-bottom: 10px;
margin-top: 5px;
outline: none 0;
}
.faqs .toggle-link.show-content { background-position: 0 0; }
.faqs .toggle-link.hide-content { background-position: 0 -72px; }
.faqs .toggle-link:hover { border-bottom: none; }
.faqs .toggle-features a.toggle-link {
color: #669;
border: none;
margin-left: -20px;
padding-left: 35px;
}
.faqs .toggle-features a.toggle-link:hover { color: #336; }
.faqs .toggle-features {
margin-left: 35px;
display: none;
padding-bottom: 20px;
font: 14px/21px 'ProximaNova',Arial,sans-serif;
}
.faqs .toggle-features .cols .col {
width: 180px;
padding-bottom: 15px;
}
.faqs .toggle-features ul,
.faqs .toggle-features ol {
padding-left: 15px;
}
.faqs .col-l {
width: 655px;
float: left;
}
.faqs .col-r {
width: 205px;
float: right;
}
.faqs .contact_us .col-r h1 { font-size: 36px; }
.faqs a.block-yell,
.block-blue {
background-color: #fcfaf0;
width: 205px;
height: 90px;
margin: 0 0 10px 0;
padding: 0;
font: 600 1.4em/1em 'ProximaNova',Arial,sans-serif;
color: #b3a987;
text-align: center;
display: block;
border: 1px solid #f0ebd5;
text-transform: uppercase;
float: left;
}
.faqs a.block-yell span,
.faqs .block-blue span {
width: 205px;
height: 10px;
margin: 0;
padding: 60px 0 0;
text-align: center;
display: block;
background: url(/images/sprite-faqs.png) no-repeat scroll 50% 0 transparent;
}
.block-blue {
background-color: #e6edfa;
color: #4f91cb;
border-color: #b0c8f5;
}
a.block-blue:hover {
background-color: #fcfaf0;
color: #b3a987;
border: 1px solid #f0ebd5;
}
.faqs .block-blue .icon-personal { background-position: 50% 0; }
.faqs a.block-yell .icon-personal { background-position: 50% -180px; }
.faqs a.block-yell:hover .icon-personal,
.faqs a.block-blue:hover .icon-personal { background-position: 50% -90px; }
.faqs .block-blue .icon-edu { background-position: 50% -270px; }
.faqs a.block-yell .icon-edu { background-position: 50% -450px; }
.faqs a.block-yell:hover .icon-edu,
.faqs a.block-blue:hover .icon-edu { background-position: 50% -360px; }
.faqs .block-blue .icon-lib { background-position: 50% -540px; }
.faqs a.block-yell .icon-lib { background-position: 50% -720px; }
.faqs a.block-yell:hover .icon-lib,
.faqs a.block-blue:hover .icon-lib { background-position: 50% -630px; }
.faqs .block-blue .icon-corp { background-position: 50% -810px; }
.faqs a.block-yell .icon-corp { background-position: 50% -990px; }
.faqs a.block-yell:hover .icon-corp,
.faqs a.block-blue:hover .icon-corp { background-position: 50% -900px; }
.faqs .block-blue .icon-gov { background-position: 50% -1080px; }
.faqs a.block-yell .icon-gov { background-position: 50% -1260px; }
.faqs a.block-yell:hover .icon-gov,
.faqs a.block-blue:hover .icon-gov { background-position: 50% -1170px; }
.border-blue {
border-bottom: 1px solid #4f91cb;
border-top: 1px solid #4f91cb;
margin-bottom: -2px;
}
.toggle-features .border-blue { border: none; }
.faqs .first { border-top: none; }
h1 hr { margin: -13px 0 0 50%; }
.faqs .col-l .larger-text { margin-bottom: 2em; }
/* Transparent Language vs. Rosetta Stone */
#tl-vs-rs #intro { background: url('/images/tl-vs-rs-header-bg.jpg') no-repeat 0 0 transparent; }
#tl-vs-rs #intro p { width: 300px; }
#tl-vs-rs #feature-one p.first { width: 420px; }
#tl-vs-rs #feature-two img { margin: 80px 15px 20px -5px; }
#tl-vs-rs #feature-three img.full-width { margin: 40px -20px 2px; }
#tl-vs-rs #feature-three { padding-bottom: 0; }
#tl-vs-rs #feature-four { padding: 80px 20px 5px; }
#tl-vs-rs #feature-four p.first { width: 530px; float: left; }
#tl-vs-rs #feature-four img { margin-top: -140px; }
#tl-vs-rs #feature-four #base { margin-top: 60px; }
#tl-vs-rs #feature-four .why-tl .disclaimer { margin-bottom: 30px; }
#tl-vs-rs #feature-four .disclaimer p { padding-bottom: 5px; }
#tl-vs-rs #base p { width: 530px; }
/* 7000 LANGUAGES PROJECT START */
.languages-project {
background-color: #f7f7f7;
overflow: hidden;
}
.languages-project-header {
background: url('/images/languages-project-header-bg.jpg') 0 0 no-repeat;
height: 660px;
}
.languages-project-header h4 {
font-size: 30px;
color: #629e1e;
text-align: center;
font-weight: 400;
margin: -6px 0 0 0;
}
.languages-project-mission {
width: 730px;
margin: 15px auto 75px auto;
position: relative;
padding: 32px 0 12px;
text-align: center;
}
.languages-project-mission:before,
.languages-project-mission:after {
content: '';
position: absolute;
width: 480px;
height: 1px;
background-color: #c2c2c2;
left: 50%;
margin-left: -240px;
}
.languages-project-mission:before {
top: 0;
}
.languages-project-mission:after {
bottom: 0;
}
.languages-project-mission p {
font-size: 23px;
color: #272727;
font-style: italic;
line-height: 1.5;
}
.languages-project-background {
overflow: hidden;
padding: 0 20px;
margin-bottom: 15px;
}
.languages-project-background__info-text {
float: left;
width: 520px;
}
.languages-project-background__info-text h2 {
margin: 0;
}
.languages-project-background__info-text h6 {
color: #272727;
margin-top: 20px;
}
.languages-project-background__evolution {
float: right;
width: 280px;
}
.languages-project-background__evolution img {
margin: 5px 0 20px 25px;
}
.the-evolution {
border-top: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
padding-top: 27px;
}
.the-evolution h5 {
text-transform: uppercase;
color: #272727;
font-size: 15px;
margin: 0 0 21px 22px;
letter-spacing: 4px;
}
.the-evolution img {
display: block;
margin: 0 0 16px 22px;
}
.the-evolution__list {
margin: 0;
padding: 0;
list-style: none;
}
.the-evolution__list li {
position: relative;
padding-left: 25px;
margin-bottom: 47px;
}
.the-evolution__list li:before {
content: '';
position: absolute;
width: 11px;
height: 11px;
border: 1px solid #c2c2c2;
border-radius: 50%;
background-color: #f7f7f7;
left: -7px;
top: 5px;
z-index: 2;
}
.the-evolution__list li:after {
content: '';
position: absolute;
width: 11px;
height: 25px;
border-radius: 50%;
background-color: #f7f7f7;
left: -7px;
top: -1px;
z-index: 1;
}
.the-evolution__list strong {
font-size: 14px;
}
.languages-project-more-information {
text-align: center;
position: relative;
padding-top: 30px;
margin-bottom: 45px;
}
.languages-project-more-information:before {
content: '';
position: absolute;
width: 880px;
background-color: #c2c2c2;
height: 1px;
top: 0;
left: 20px;
}
.languages-project-more-information:after {
content: '';
position: absolute;
background: #f7f7f7 url(/images/icon-mail-violet.svg) 50% 0 no-repeat;
-webkit-background-size: 25px 17px;
background-size: 25px 17px;
width: 90px;
height: 17px;
top: -8px;
margin-left: -48px;
left: 50%;
}
.languages-project-more-information h5 {
text-transform: uppercase;
font-size: 16px;
color: #272727;
margin-bottom: 20px;
}
.languages-project-more-information p {
margin-bottom: 5px;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.languages-project-banner {
display: block;
height: 120px;
width: 800px;
border: 6px solid #fff !important;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
background: url(/images/mald-banner.png) 0 0 no-repeat;
margin: 0 auto 50px;
padding: 8px 0 0 20px;
box-sizing: border-box;
}
.languages-project-banner:hover,
.languages-project-banner:active {
border: 6px solid #fff !important;
}
.languages-project-banner h4 {
margin: 0;
padding: 0;
font-family: Open Sans, sans-serif;
font-size: 23px;
color: #fff;
}
.languages-project-banner h5 {
margin: 0;
padding: 0;
font: 400 16px Open Sans, sans-serif;
color: #fff;
}
.explore-the-site {
float: right;
margin: 25px 30px;
background-color: #05182c;
font-family: Open Sans, sans-serif;
font-weight: 700;
color: #fff;
padding: 12px 24px;
}
.languages-project-links {
position: relative;
text-align: center;
margin: 0 60px 40px;
}
.languages-project-links:before {
content: '';
position: absolute;
border-top: 1px solid #c2c2c2;
left: 0;
width: 100%;
top: 8px;
}
.languages-project-links h5 {
margin: 0 auto 30px;
}
.languages-project--header h5 {
text-transform: uppercase;
font-size: 16px;
color: #272727;
position: relative;
text-align: center;
letter-spacing: 1.25px;
padding: 0 50px;
display: inline-block;
background-color: #f7f7f7;
}
.languages-project--header h5:before,
.languages-project--header h5:after {
content: '';
position: absolute;
border-radius: 50%;
width: 11px;
height: 11px;
border: 1px solid #c2c2c2;
background: #f7f7f7;
}
.languages-project-links h5:before {
left: 0;
top: 2px;
}
.languages-project-links h5:after {
right: 0;
top: 2px;
}
.languages-project-more-information h5:before {
top: -36px;
left: 110px;
}
.languages-project-more-information h5:after {
right: 115px;
top: -36px;
}
.languages-project-links p {
margin-bottom: 20px;
text-align: left;
}
.languages-project-ted-talk {
background: url(/images/languages-project-ted-talk.jpg) 0 0 no-repeat;
padding: 90px 0 0 65px;
height: 240px;
box-sizing: border-box;
margin-bottom: 95px;
display: block;
}
.languages-project-ted-talk h4 {
color: #333334;
font-size: 25px;
font-weight: 700;
line-height: 20px;
margin: 0 0 10px;
font-family: 'Open Sans',sans-serif;
}
.languages-project-ted-talk h5 {
color: #333334;
font-weight: 400;
font-size: 20px;
font-family: 'Open Sans',sans-serif;
}
span.red {
color: #e82b1e;
}
.languages-project-ted-talk sup {
font-size: 13px;
}
.watch-now {
font-family: 'Open Sans',sans-serif;
border-radius: 3px;
border-style: solid;
border-width: 1px;
border-color: #9b2f2f;
background: -webkit-linear-gradient(90deg, #e72b1e 0%, #f65246 100%);
background: -moz-linear-gradient(90deg, #e72b1e 0%, #f65246 100%);
background: -o-linear-gradient(90deg, #e72b1e 0%, #f65246 100%);
background: -ms-linear-gradient(90deg, #e72b1e 0%, #f65246 100%);
background: linear-gradient(0deg, #e72b1e 0%, #f65246 100%);
box-shadow: 0 1px 4px 0 rgba(54, 14, 14, 0.35);
color: #fff !important;
display: inline-block;
font-weight: 700;
font-size: 14px;
padding: 5px 20px 6px 20px;
}
.languages-project-partners {
padding: 1px 20px;
}
.languages-project-partners h2 {
margin: 15px 0 10px;
}
.languages-project-partners__list {
overflow: hidden;
padding-top: 20px;
margin-bottom: 60px;
}
.languages-project-partners__img {
float: left;
width: 400px;
padding-left: 5px;
position: relative;
}
.languages-project-partners__img img {
position: absolute;
left: 49%;
top: 50%;
transform: translate(-50%, -50%);
}
.languages-project-partners__bg {
width: 385px;
box-sizing: border-box;
}
.languages-project-partners__bg--h280 {
height: 280px;
}
.languages-project-partners__bg--h320 {
height: 320px;
}
.languages-project-partners__bg--h400 {
height: 400px;
}
.languages-project-partners__bg--white {
background-color: #fff;
background: -webkit-linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 1%, #ffffff 5%);
background: -moz-linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 1%, #ffffff 5%);
background: -o-linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 1%, #ffffff 5%);
background: -ms-linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 1%, #ffffff 5%);
background: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 1%, #ffffff 5%);
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.languages-project-partners__bg--blue {
background: -webkit-linear-gradient(90deg, #03598c 0%, #03598c 1%, #0068a6 5%);
background: -moz-linear-gradient(90deg, #03598c 0%, #03598c 1%, #0068a6 5%);
background: -o-linear-gradient(90deg, #03598c 0%, #03598c 1%, #0068a6 5%);
background: -ms-linear-gradient(90deg, #03598c 0%, #03598c 1%, #0068a6 5%);
background: linear-gradient(0deg, #03598c 0%, #03598c 1%, #0068a6 5%);
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.languages-project-partners__bg--black {
background: -webkit-linear-gradient(90deg, #1f1e1e 0%, #1f1f1f 1%, #2f2f2f 5%);
background: -moz-linear-gradient(90deg, #1f1e1e 0%, #1f1f1f 1%, #2f2f2f 5%);
background: -o-linear-gradient(90deg, #1f1e1e 0%, #1f1f1f 1%, #2f2f2f 5%);
background: -ms-linear-gradient(90deg, #1f1e1e 0%, #1f1f1f 1%, #2f2f2f 5%);
background: linear-gradient(0deg, #1f1e1e 0%, #1f1f1f 1%, #2f2f2f 5%);
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.languages-project-partners__info {
float: right;
width: 450px;
}
.languages-project-partners__info h3 {
padding: 0;
margin: 0 0 15px;
color: #4f95cb;
font: 700 24px/1.2em 'ProximaNova', Arial, sans-serif;
margin-top: -6px;
}
.languages-project-partners__info p {
margin-bottom: 1em;
}
/* 7000 LANGUAGES PROJECT END */
/* WOTD */
#wotd h1 {
color: #4F91CB;
font: bold 50px 'ProximaNova',Arial,sans-serif;
margin: 0;
padding: 0;
}
#wotd h4 {
color: #669;
font: 26px 'ProximaNova',Arial,sans-serif;
margin: 0;
padding: 0 0 28px;
}
#wotd h5 {
color: #669;
font: bold 18px 'ProximaNova',Arial,sans-serif;
margin: 0;
padding: 30px 0 15px 0;
}
#wotd .col-l { width: 380px; }
#wotd .header {
background: url('/images/bg-wotd.jpg') no-repeat scroll center bottom #fff;
min-height: 590px;
width: 880px;
margin: 0;
-webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
padding: 0 20px 5px;
position: relative;
}
.list-wotd-langs { margin: 0 25px 0 0; min-width: 80px; max-width: 170px;}
.list-wotd-langs li {
color: #4f91cb;
font: 14px/18px 'ProximaNova',Arial,sans-serif;
list-style: none;
margin-bottom: 5px;
}
.list-wotd-langs li a {
color: #4f91cb;
border-color: #4f91cb;
}
.list-wotd-langs li a:hover {color: #4f91cb;}
#wotd .main-image {
position: relative;
background: url("/images/wotd-main.png") no-repeat 100% 100% transparent;
width: 880px;
height: 590px;
margin: 0;
padding: 0 20px 0 0;
}
#wotd .hotspot-banner {
position: absolute;
top: -15px;
right: 0;
width: 316px;
height: 299px;
background: url(/images/wotd-hotspot-bg.png) center no-repeat;
text-align: center;
}
#wotd .hotspot-banner p {
font-family: Georgia, serif;
font-size: 18px;
text-align: center;
color: #2c69a0;
margin-bottom: 3px;
}
#wotd p.hotspot-title {
font-family: 'MissionScript', cursive;
font-size: 39px;
color: #6cb262;
margin: 20px 0 -7px 10px;
}
#wotd p.hotspot-note {
font-size: 11px;
color: #000;
}
#wotd .hotspot-btn {
display: inline-block;
padding: 0 27px;
margin-bottom: 3px;
font: 700 18px/36px MuseoSlab, serif;
text-align: center;
text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
color: #fff;
background: rgba(185,222,129,1);
background: -moz-linear-gradient(top, rgba(185,222,129,1) 0%, rgba(107,178,98,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,222,129,1)), color-stop(100%, rgba(107,178,98,1)));
background: -webkit-linear-gradient(top, rgba(185,222,129,1) 0%, rgba(107,178,98,1) 100%);
background: -o-linear-gradient(top, rgba(185,222,129,1) 0%, rgba(107,178,98,1) 100%);
background: -ms-linear-gradient(top, rgba(185,222,129,1) 0%, rgba(107,178,98,1) 100%);
background: linear-gradient(to bottom, rgba(185,222,129,1) 0%, rgba(107,178,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9de81', endColorstr='#6bb262', GradientType=0 );
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 2px solid #7e904c;
cursor: pointer;
}
#wotd .hotspot-btn:hover { opacity: .9; }
/* Methodology page */
/*#methodology p,
#methodology ul li,
#methodology ol li {
color: #272727;
font: 0.875em/1.4em 'ProximaNova',Arial,sans-serif;/*font: 14px/22px 'ProximaNova',Arial,sans-serif;*/
/*}*/
#methodology ol li { margin-bottom: 15px; }
/* Available languages */
.available-languages-chooser {
width:600px;
overflow:hidden;
margin:auto;
background-color: #f7f7f7;
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1.0;
color:#272727;
font-family:'ProximaNova', Arial, sans-serif;
}
.available-languages-chooser #wrapper { width:600px; }
.available-languages-chooser h2,
.available-languages-chooser p,
.available-languages-chooser div,
.available-languages-chooser ul,
.available-languages-chooser a,
.available-languages-chooser span { margin: 0; padding:0; }
.available-languages-chooser .section {
float:left;
width:600px;
height:459px;
position:relative;
}
.available-languages-chooser .container {
overflow:hidden;
padding:0 0 0 10px;
margin: 0;
background-color: #f7f7f7;
border: none;
float: none;
width: 600px;
}
.available-languages-chooser .step-title {
color:#f4f2ed;
background-color: #414177;
border-bottom: 4px solid #a69aae;
padding: 5px 20px;
}
.available-languages-chooser .step-title h2 {font: bold 22px/33px 'ProximaNova', Arial, sans-serif; color: #F4F2ED; }
.available-languages-chooser .step-title .legend {
background:transparent url(/images/tlonline-modal-sprite.png) no-repeat 0 0;
margin:2px 0 0;
width:204px;
height:22px;
float:right;
visibility:hidden; /*visibility used because of IE issue*/ /*show when each has transliterated class*/
}
.available-languages-chooser .top-note {
color: #272727;
font: 14px/21px 'ProximaNova', Arial, sans-serif;
margin: 18px 20px 18px 5px;
padding: 0;
}
.available-languages-chooser .list-container {
height: 330px;
overflow: auto;
width: 600px;
position: relative;
margin-left: -10px;
}
.available-languages-chooser .section.section1 {height:517px;}
.available-languages-chooser .section.section1 .list-container {height:388px;}
.available-languages-chooser .list-container p { margin-left: 18px; }
.available-languages-chooser .list-container div strong { margin-left: 18px; }
.available-languages-chooser .chooselanguage-subtitle {
font-weight:bold;
font-size:16px;
text-align:left;
margin:5px 0 5px 19px;
}
.available-languages-chooser .button {
font:bold 22px/22px 'MuseoSlab', serif;
color:#f7f7f7;
text-decoration:none;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
border-radius:20px;
-webkit-box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.7);
-o-box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.7);
box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.7);
text-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);
border-top:solid #8db236 1px;
border-bottom:solid #556e1d 1px;
border-left:solid #719129 1px;
border-right:solid #719129 1px;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#a1cc3d), to(#8cb730));
background:-moz-linear-gradient(top, #a1cc3d, #8cb730);
background:linear-gradient(top, #a1cc3d, #8cb730);
background:-webkit-linear-gradient(top, #a1cc3d, #8cb730);
background:-o-linear-gradient(top, #a1cc3d, #8cb730);
background:-ms-linear-gradient(top, #a1cc3d, #8cb730);
background-color:#95c035;
display:inline-block;
}
.available-languages-chooser .button:hover {
border-top-color: #9fc644;
border-bottom-color: #6a8924;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#aed358), to(#9ecc3d));
background:-moz-linear-gradient(top, #aed358, #9ecc3d);
background:linear-gradient(top, #aed358, #9ecc3d);
background:-webkit-linear-gradient(top, #aed358, #9ecc3d);
background:-o-linear-gradient(top, #aed358, #9ecc3d);
background:-ms-linear-gradient(top, #aed358, #9ecc3d);
background-color:#abd157;
}
.available-languages-chooser .button:active {
color: #eee;
-webkit-box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.35) inset;
-moz-box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.35) inset;
-o-box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.35) inset;
box-shadow:0 0 0 6px #E5E8EC, 0 -1px 0 6px #DDE0E4, 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.35) inset;
border-top-color: #556e1d;
border-bottom-color: #8db236;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#8cb730), to(#a1cc3d));
background:-moz-linear-gradient(top, #8cb730, #a1cc3d);
background:linear-gradient(top, #8cb730, #a1cc3d);
background:-webkit-linear-gradient(top, #8cb730, #a1cc3d);
background:-o-linear-gradient(top, #8cb730, #a1cc3d);
background:-ms-linear-gradient(top, #8cb730, #a1cc3d);
background-color:#8cb730;
}
.available-languages-chooser ul.chooselanguage {
float:left;
margin:5px 0 10px;
width:auto;
list-style: none;
padding: 0;
}
.available-languages-chooser ul.chooselanguage li {
color:#444;
font:15px/20px 'ProximaNova', Arial, sans-serif;
text-decoration:none;
display:block;
margin:0;
padding:0 5px 0 19px;
width:170px;
}
.available-languages-chooser ul.chooselanguage li:hover {
color:#222;
cursor:default;
}
.available-languages-chooser ul.chooselanguage.chooselanguage1 li {width:390px;}
.available-languages-chooser ul.chooselanguage.chooselanguage2 li {width:250px;}
.available-languages-chooser .steps {
clear:both;
height:58px;
}
.available-languages-chooser .step {
float:left;
background-color: #e6edfa;
color:#4c5c7a;
font: 14px/14px 'ProximaNova',Arial,sans-serif;
text-align: center;
-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1), -1px 1px 0 rgba(255, 255, 255, 0.45) inset;
-moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1), -1px 1px 0 rgba(255, 255, 255, 0.45) inset;
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1), -1px 1px 0 rgba(255, 255, 255, 0.45) inset;
padding: 13px 25px 0;
width: 249px;
height: 45px;
cursor:pointer;
}
.available-languages-chooser .step.step1,
.available-languages-chooser .step.step2 { border-right:1px solid #c6d3ec; }
.available-languages-chooser .steps .active {
background-color: #e6edfa;
color:#4c5c7a;
}
.available-languages-chooser .steps .inactive {
background-color: #dae1ed;
color:#8591a8;
}
.available-languages-chooser .list-container div.smaller { font-size: 14px; padding-bottom: 20px; }
/* Available Languages not modal */
#available-languages .toggles {margin: 10px 0 35px;}
.tlo-personal-page #available-languages .toggles {margin-bottom: 15px;}
#available-languages a.toggle-link {
color: #4f91cb;
font: normal 24px 'ProximaNova',Arial,sans-serif;
background: url('/images/icon-toggle-triangle.png') no-repeat scroll -10px 0 transparent;
padding-left: -25px;
}
#available-languages .toggle-features {
padding-left: 35px;
margin: 20px 0 0;
}
#available-languages .toggle-features:last-child {
margin-bottom: -20px;
}
#available-languages h2 { margin-top: 30px; }
#available-languages .top-note {
margin: 0 0 16px;
}
#available-languages .chooselanguage-subtitle {
font: bold 20px/21px 'ProximaNova',Arial,sans-serif;
margin: 0 0 10px;
}
.content-text-inner .features #available-languages ul {
list-style: none;
padding: 0;
}
.content-text-inner .features #available-languages ul li {
list-style: none;
font: 16px/21px 'ProximaNova',Arial,sans-serif;
color: #272727;
margin: 0;
padding: 0;
}
#available-languages .chooselanguage {
width: 205px;
margin: 5px 0 30px;
padding: 0;
}
#available-languages .chooselanguage1,
#available-languages .chooselanguage2 { width: 420px; }
#available-languages .bottom-note {
margin: 0 0 30px;
}
/* Transparent Connect Pages */
.tconnect { margin-bottom: 20px; }
.tconnect .intro {
position: relative;
margin-bottom: 20px;
overflow: hidden;
background: url("/images/connect-banner.jpg") no-repeat scroll 0 0 transparent;
width: 880px;
height: 330px;
}
.tconnect .intro h1,
.tconnect .intro h2 {
text-align: center;
color: #a7e261;
}
.tconnect .intro h1 {
font: bold 63px/37px 'ProximaNova', Arial, sans-serif;
margin: 31px 0 13px 0;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.tconnect .intro h2 {
font: 25px/48px 'ProximaNova', Arial, sans-serif;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tconnect .content-text p {
color: #9d9893;
font: 16px/24px 'ProximaNova', Arial, sans-serif;
padding: 0 10px;
}
.tconnect h2 {
color: #789e1e;
font: bold 30px/58px 'ProximaNova', Arial, sans-serif;
margin: 0;
padding: 0 0 10px 10px;
}
.tconnect h2.no-padding { padding-left: 0; padding-right:0; }
.tconnect h3 {
color: #4f90ca;
font: bold 22px/24px 'ProximaNova', Arial, sans-serif;
margin: 0 0 15px 10px;
}
.tconnect h3 em { font-weight: normal; text-transform: uppercase; font-style: normal; }
.tconnect .col-1 {
width: 550px;
padding: 0 2px 5px 10px;
}
.tconnect .col-2 {
width: 390px;
padding-right: 15px;
}
.tconnect .col-2 p { padding-left: 10px; }
.tconnect .content-text .col-2 p a { color: #8bb5e2; border:none; }
.tconnect .content-text .col-2 p a:hover { text-decoration: underline; }
.tconnect #open-house-callout {
color: #272727;
text-align: center;
background-color: #eee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #fff), color-stop(100%, #ddd));
background-image: -webkit-linear-gradient(#fff, #ddd);
background-image: -moz-linear-gradient(#fff, #ddd);
background-image: -o-linear-gradient(#fff, #ddd);
background-image: linear-gradient(#fff, #ddd);
margin: 10px 5px 35px 0;
padding: 14px 20px;
border: 1px solid #e1e1e1;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: right;
width:252px;
}
.tconnect #open-house-callout h2 {
color: #827cb3;
font: bold 19px/24px Georgia, Times New Roman, Times, serif;
margin: 0 0 11px;
position: relative;
}
.tconnect #open-house-callout h2:after {
content: '';
position: absolute;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #fff;
height: 0;
width: 100%;
left: 0;
bottom: -7px;
}
.tconnect #open-house-callout h2 strong { font: bold 24px/24px 'MuseoSlab', 'ProximaNova', Arial, sans-serif; }
.tconnect #open-house-callout p {
font-size: 14px;
margin: 4px 0 0;
text-align: center;
color: #635d95;
padding:0 0 0 10px;
}
.tconnect #open-house-callout .button-green {
margin: 15px auto 5px auto;
padding:0 6px;
}
.tconnect .button-green:hover {
border: 1px solid #7FA130;
color: #fff;
}
.tconnect .video-frame {
position:relative;
background-color:#ddd;
width: 724px;
height: 407px;
padding: 16px 23px 17px;
margin:15px 0 30px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.tconnect .video-frame img,
.tconnect .video-frame iframe {
position:absolute;
top:16px;
left:23px;
}
.tconnect ul {
list-style: none;
padding: 0;
}
.tconnect ul li {
color: #9d9893;
font: 16px/26px 'ProximaNova', Arial, sans-serif;
padding: 0 0 24px 39px;
margin-left: 35px;
background: url(/images/bullets.png) 0 0 no-repeat;
}
.tconnect .compare-box {
width: 370px;
min-height: 420px;
background: url("/images/bg-connect-compare-box.png") no-repeat scroll 0 0 transparent;
padding: 15px 20px;
max-height: 509px;
position: relative;
}
.tconnect .compare-box:after {
content: '';
position: absolute;
border-top: 1px solid #d4dce9;
border-bottom: 1px solid #f5f6f9;
height:0;
left: 0;
bottom: -2px;
width: 395px;
}
.tconnect .compare-box h3 {
color: #80a3c8;
font: 26px/24px 'ProximaNova', Arial, sans-serif;
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
text-align: center;
margin: 25px 0 27px 10px;
}
.tconnect .compare-box .price {
color: #80a3c8;
font: bold 22px/24px 'ProximaNova', Arial, sans-serif;
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
float: right;
position: relative;
right: -10px;
top: -85px;
}
.tconnect .compare-box .price2 {right:-5px;}
.tconnect .compare-box p {
color: #918769;
font: 14px/26px 'ProximaNova', Arial, sans-serif;
padding: 15px 18px 0 0;
}
.tconnect .compare-box .button-green { margin: 25px auto 10px auto; }
.tconnect .compare-box ul { padding-left: 0;}
.tconnect .compare-box li {
color: #4f91cb;
font: 14px/26px 'ProximaNova', Arial, sans-serif;
background: url("/images/bullet-sprite.png") no-repeat scroll 0 -265px transparent;
padding: 11px 0 15px 30px;
list-style: none;
margin-left: 0;
position: relative;
border-bottom: 2px solid transparent;
}
.compare-box li:after {
content: '';
position: absolute;
height: 0;
border-top: 1px solid #C8DBF2;
border-bottom: 1px solid #E2ECF8;
left: -19px;
width: 393px;
bottom: -2px;
}
/* Slides */
.tconnect .slider {
text-align: center;
margin: 0 auto;
}
.tconnect .slider .nav {
text-align: center;
display: block;
margin: 0 100px;
overflow: hidden;
}
.tconnect .slider .nav a {
color: #2e0c4a;
font: 18px/17px 'ProximaNova', Arial, sans-serif;
float:left;
margin: 10px 40px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
.tconnect .slider .nav a p {
color: #2e0c4a;
font: 18px/17px 'ProximaNova', Arial, sans-serif;
}
.tconnect .slider .nav a p em { font: italic 14px/17px 'ProximaNova', Arial, sans-serif; }
.tconnect .slider .nav a.activeSlide {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}
.tconnect .slider .slides {
margin: 0 47px;
height: 250px;
width: 786px;
}
.tconnect .slider .slides .slide {
text-align: left;
background-color: #6d619f;
color: #fff;
font: italic 18px/17px 'ProximaNova', Arial, sans-serif;
padding: 10px 20px 10px 40px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin: 0 auto;
width: 725px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
height: 220px;
}
.tconnect .slider .slides .slide p {
font: 14px/24px 'ProximaNova', Arial, sans-serif;
color: #fff;
}
.tconnect .slider .slides .slide p strong {
font: bold 16px/24px Georgia, Times New Roman, serif;
text-transform: uppercase;
color: #fff;
}
.tconnect .slider .slides .slide p.quote {
font: italic 16px/25px Georgia, Times New Roman, serif;
color: #fff;
height: 150px;
overflow: auto;
padding-right: 20px;
}
.tconnect .slider .slides .slide p.quote em {
font: italic 48px/40px Georgia, Times New Roman, serif;
color: #301848;
}
/*Controls*/
.tconnect .carousel-control {
border: none;
margin-top: 100px;
}
.tconnect .carousel-control:hover { border: none; }
.tconnect .icon-prev {
background: url("/images/arrow-sprite.png") no-repeat scroll 0 0 transparent;
width: 30px;
height: 50px;
display: block;
}
.tconnect .icon-next {
background: url("/images/arrow-sprite.png") no-repeat scroll 100% 0 transparent;
width: 30px;
height: 50px;
display: block;
}
/* Show/hide summer school sale */
/*.tconnect .landing-summer-school {
display:none;
}
.tconnect.landing-summer-school .landing-summer-school { /* Show/hide summer school sale */
/*	display:block;
}*/
.tconnect.landing-summer-school .landing-summer-school { position:relative; }
.tconnect.landing-summer-school div.landing-summer-school .label {
display: block;
background-color: #A9CCEB;
color: #486C8B;
font: 23px/24px 'Open Sans',sans-serif;
padding: 13px 25px;
margin: 0 0 15px 0;
position: relative;
top: -20px;
}
.tconnect.landing-summer-school div.landing-summer-school .flags{
background: url('/images/connect-summer-school-sale-flags.png') 0 0 transparent;
width: 304px;
height: 185px;
position: absolute;
bottom: 8px;
right: -13px;
}
.tconnect.landing-summer-school div.landing-summer-school .label-yellow {
display: block;
color: #827028;
font: 16px/24px 'ProximaNova',Arial,sans-serif;
padding: 10px 0 0 30px;
position: relative;
background: url('/images/connect-bg-yellow-flag.png') no-repeat 0 0 transparent;
height: 51px;
z-index: 100;
right: -17px;
margin: -51px 0 0;
top: 60px;
}
.tconnect.landing-summer-school div.landing-summer-school .label-yellow em,
.tconnect.landing-summer-school .old-price {
text-decoration: line-through;
font-style: normal;
text-transform: uppercase;
}
.tconnect.landing-summer-school div.landing-summer-school .label-yellow em { font-weight: 500; }
.tconnect.landing-summer-school div.landing-summer-school .label-yellow span.divider {
border-right: 1px solid #e9cc4c;
width: 1px;
box-shadow: 2px 0 0 #fce78f;
margin:0 10px 0 8px;
}
.tconnect.landing-summer-school div.landing-summer-school + .compare-box h3 {
position:relative;
top: 8px;
}
.tconnect.landing-summer-school div.landing-summer-school .label-yellow-left {
display: block;
color: #827028;
font: 18px/24px 'ProximaNova', Arial, sans-serif;
padding: 9px 0 0 25px;
position: relative;
background: url('/images/connect-bg-yellow-flag-left.png') no-repeat 0 0 transparent;
height: 45px;
z-index: 100;
margin: 0;
text-align: left;
left: -22px;
top: -15px;
}
.tconnect.landing-summer-school .landing-summer-school.new-price {
display: inline;
}
/* contact forms */
.universal-form {
background-color: #f5f1e5;
padding: 10px 12px 12px;
box-sizing: border-box;
}
.about-cl150-page .universal-form {
margin-top: 15px;
}
.universal-form h2,
.tlhsFormBlock h2 {
font: bold 18px/21px "ProximaNova",Arial,sans-serif !important;
padding: 0 !important;
margin: 0 0 18px 0 !important;
}
.gov-page .universal-form h2 {
margin-bottom: 36px !important;
}
.universal-form p,
.tlhsFormBlock p {
color: #272727 !important;
font: 14px/21px 'ProximaNova', Arial, sans-serif !important;
padding: 0 !important;
margin-bottom: 18px !important;
}
.universal-form a,
.tlhsFormBlock a {
font-size: 14px !important;
color: #ABA48E !important;
border-bottom: 1px dashed #ABA48E !important;
text-decoration: none !important;
}
.universal-form a:hover,
.tlhsFormBlock a:hover {
border: none !important;
text-decoration: none !important;
}
.universal-form .invalid {
font: italic bold 11px/13px Arial,Helvetica,sans-serif;
color: #ed1c24;
display: block;
margin-bottom: 4px;
}
.universal-form__label {
display: block;
color: #ABA48E;
font-weight: 600;
font: bold 14px/16px Arial,Helvetica,sans-serif;
margin: 0 2px 3px 0;
line-height: 20px;
float: left;
}
.universal-form__label + span {
color: #f00;
font-weight: 600;
font-size: 14px;
}
.universal-form__input,
.universal-form__ta {
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
color: #ABA48E;
font: 12px/18px Helvetica,Arial,sans-serif;
height: auto;
min-height: 30px;
padding: 0 7px;
width: 230px;
-webkit-box-shadow: 0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow: 0 1px 3px 0 #DADAD9 inset;
box-shadow: 0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 7px;
}
.universal-form__ta {
height: 60px;
resize: none;
}
.universal-form__input:focus,
.universal-form__ta:focus {
border-color: #C9C9C8 #E5E5E5 #E5E5E5;
-webkit-box-shadow: 0 0 5px 1px #CFDCF5;
-moz-box-shadow: 0 0 5px 1px #CFDCF5;
box-shadow: 0 0 5px 1px #CFDCF5;
}
.universal-form__input.invalid,
.universal-form__ta.invalid {
border-color: #b9554d;
-webkit-box-shadow: 0 0 3px rgba(171,41,32,0.5);
-moz-box-shadow: 0 0 3px rgba(171,41,32,0.5);
box-shadow: 0 0 3px rgba(171,41,32,0.5);
}
.universal-form__checkbox {
float: left;
margin-top: 3px;
}
.universal-form__checkbox + label {
margin-left: 25px;
cursor: pointer;
float: none;
}
.universal-form .button-submit {
margin: 20px 0 30px;
cursor: pointer;
}
.tlhsFormBlock {
display: inline-block;
padding: 10px 0 0 0;
margin: 0;
width: auto;
min-height: 200px;
}
.contact_us .tlhsFormBlock {padding: 0;}
.tlhsFormBlock .best-form {
margin: 0 12px 5px 12px;
padding: 0;
}
.contact_us .tlhsFormBlock .best-form {margin: 0;}
.best-form-result {margin: 36px 0 60px 20px;}
.best-form-result h4 {
color: #789e1e;
font-size: 20px;
margin: 0 0 15px;
}
.best-form-result p,
.best-form-result .send_error {
font: 14px/21px 'ProximaNova', Arial, sans-serif;
color: #696969;
text-align:left;
}
.best-form-result .send_success {
background: url(/images/check-large.png) no-repeat scroll 0 0 transparent;
padding-left: 66px;
text-align: left;
}
.contact-form .best-form-result .send_success { padding-left: 55px; }
.contact-form {
width: 275px;
height: auto;
background-color: #f5f1e5;
overflow: hidden;
}
/* Hubspot forms */
.tlhsFormBlock .hsformerror p {
padding:0 !important;
margin:0 8px 0 0 !important;
font-size:14px !important;
font-weight:normal !important;
}
.tlhsFormBlock .hs-form {
color: #696969;
float: right;
font: 14px/21px Arial,Helvetica,sans-serif;
margin: 0;
padding: 0;
}
.tlhsFormBlock .hs-form .form_column_bottom {
text-align: center;
}
.tlhsFormBlock .hs-form .form_column_bottom input,
.tlhsFormBlock .hs-form .form_column_bottom textarea,
.tlhsFormBlock .hs-form .form_column_bottom select {
box-sizing: content-box;
width: 100%;
}
.tlhsFormBlock .hs-form.stacked .form_column_bottom .actions {
margin-left: auto;
margin-right: auto;
}
.tlhsFormBlock .hs-form input,
.tlhsFormBlock .hs-form textarea {
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
color: #ABA48E;
font: 12px/18px Helvetica,Arial,sans-serif;
height: auto;
min-height: 18px;
overflow: visible;
padding: 6px 7px;
text-align: left;
width: 235px;
-webkit-box-shadow:0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow:0 1px 3px 0 #DADAD9 inset;
box-shadow:0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.tlhsFormBlock .hs-form input[type="checkbox"] {width:auto;}
.tlhsFormBlock .hs-form textarea,
.tlhsFormBlock .hs-form textarea.hs-input {
height:80px;
min-height:80px;
max-height:80px;
width: 235px;
min-width:235px;
max-width:235px;
margin:0;
box-sizing:content-box;
resize:none;
}
.tlhsFormBlock .hs-form input:focus,
.tlhsFormBlock .hs-form textarea:focus {
border-color: #C9C9C8 #E5E5E5 #E5E5E5; /* to override hs styles */
-webkit-box-shadow: 0 0 5px 1px #CFDCF5;
-moz-box-shadow: 0 0 5px 1px #CFDCF5;
box-shadow: 0 0 5px 1px #CFDCF5;
}
.tlhsFormBlock .hs-form .inputs-list input[type="radio"],
.tlhsFormBlock .hs-form .inputs-list input[type="checkbox"] {margin-bottom:2px;}
.tlhsFormBlock .hs-form .inputs-list input[type="radio"]:focus,
.tlhsFormBlock .hs-form .inputs-list input[type="checkbox"]:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tlhsFormBlock .hs-form.stacked .inputs-list {padding: 6px 0 0 0 !important;}
.tlhsFormBlock .hs-form.stacked .inputs-list > li {
background:none !important;
margin:0 !important;
padding:0 !important;
}
.tlhsFormBlock .hs-form.stacked .inputs-list > li label {
font-weight:bold;
margin-top:-5px;
}
.tlhsFormBlock .hs-form select {
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
color: #aba48e;
font: 12px Arial, Helvetica, sans-serif;
padding: 6px 7px;
width: 250px;
-webkit-box-shadow: 0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow: 0 1px 3px 0 #DADAD9 inset;
box-shadow: 0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
position: relative;
margin: 0;
text-align: left;
outline: none 0;
z-index: 999;
}
.tlhsFormBlock .hs-form select.hs-input {height:auto;}
.tlhsFormBlock .hs-form select:focus { background-color: #fff; }
.tlhsFormBlock .hs-form select option {
font: 12px Arial, Helvetica, sans-serif;
color: #aba48e;
padding: 0 7px;
outline: none 0;
z-index: 999;
}
.tlhsFormBlock .hs-form.stacked .actions {
width: 180px;
margin: 5px 0 10px 17px;
text-align: center;
cursor:pointer;
}
.tlhsFormBlock .hs-form.stacked .field {margin-bottom:8px;}
.tlhsFormBlock .hs-form.stacked label {
color: #ABA48E;
font: bold 14px/16px Arial,Helvetica,sans-serif;
margin-bottom: 6px;
}
.tlhsFormBlock .hs-form .hs-error-msgs.inputs-list {margin-bottom: -10px;}
.tlhsFormBlock .hs-form .hs-error-msgs label,
.tlhsFormBlock .hs-form.stacked .hs-error-msgs.inputs-list label {
font: italic bold 11px/13px Arial,Helvetica,sans-serif;
color: #ed1c24;
}
.tlhsFormBlock .hs-form .hs-error-msgs a {
font: italic bold 11px/13px Arial,Helvetica,sans-serif !important;
color: #aba48e !important;
text-decoration: none !important;
border: none !important;
}
.tlhsFormBlock .hs-form .hs-error-msgs a:hover {text-decoration: underline !important;}
.tlhsFormBlock .hs-form .hs-button {
color: #fff;
font: 700 18px/1.8 'MuseoSlab', serif;
text-align: center;
width: 155px;
height: auto;
display: inline-block;
padding: 0;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
outline: none 0;
background: none; /* to avoid original button blinking */
border: none;
}
.tlhsFormBlock .hs-form .hs-button.button-purple,
.button-submit.button-purple {
text-shadow: 0 2px 1px #7b6394;
background: #a497b1; /* Old browsers */
background: -moz-linear-gradient(top, #a497b1 0%, #9384a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a497b1), color-stop(100%,#9384a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a497b1 0%,#9384a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a497b1 0%,#9384a2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a497b1 0%,#9384a2 100%); /* IE10+ */
background: linear-gradient(to bottom, #a497b1 0%,#9384a2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a497b1', endColorstr='#9384a2',GradientType=0 ); /* IE6-9 doesn't work with border-radius */
-webkit-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #9283a1 !important;
}
.tlhsFormBlock .hs-form .hs-button.button-purple:hover,
.button-submit.button-purple:hover {
background: #af9fbf;
-webkit-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
border-color: #a497b1 #a497b1 #a497b1; /* to override hs styles */
}
.tlhsFormBlock .hs-form .hs-button.button-purple:active,
.tlhsFormBlock .hs-form .hs-button.button-purple:active:not(.inactive):not(.link),
.tlhsFormBlock .hs-form .hs-button.button-purple:focus,
.button-submit.button-purple:active,
.button-submit.button-purple:focus {
background: #877994;
-webkit-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
border-color: #a497b1 #a497b1 #a497b1; /* to override hs styles */
}
.button-submit.button-sm {
font: 700 18px/1.8 'MuseoSlab', serif;
color: #fff;
width: 155px;
height: auto;
border-radius: 21px;
display: inline-block;
}
.button-submit.button-sm:hover {
color: #fff;
}
.tlhsFormBlock .hs-form .hs-button.button-green {
text-shadow: 0 2px 1px #619f1d;
background: #8db730; /* Old browsers */
background: -moz-linear-gradient(top, #a0cc3d 0%, #8db730 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0cc3d), color-stop(100%,#8db730)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a0cc3d 0%,#8db730 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a0cc3d 0%,#8db730 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a0cc3d 0%,#8db730 100%); /* IE10+ */
background: linear-gradient(to bottom, #a0cc3d 0%,#8db730 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0cc3d', endColorstr='#8db730',GradientType=0 ); /* IE6-9 doesn't work with border-radius */
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #7fa130;
}
.tlhsFormBlock .hs-form .hs-button.button-green:hover {
background: #a5cd4e;
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #7fa130;
}
.tlhsFormBlock .hs-form .hs-button.button-green:active,
.tlhsFormBlock .hs-form .hs-button.button-green:active:not(.inactive):not(.link),
.tlhsFormBlock .hs-form .hs-button.button-green:focus {
background: #799e29;
-webkit-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
border: 1px solid #486014;
}
.white-paper-pages .tlhsFormBlock {
width: 300px;
min-height: 570px;
}
.white-paper-pages .tlhsFormBlock .best-form {margin: 0 20px 5px 25px;}
.white-paper-pages .tlhsFormBlock .hs-form .hs-button {width: 190px;}
.white-paper-pages .tlhsFormBlock .hs-form.stacked .actions {margin-left: 8px;}
.ebook .tlhsFormBlock .best-form {margin: 10px 0 5px;}
.ebook .tlhsFormBlock .hs-form {float: none;}
.ebook .tlhsFormBlock .hs-form.stacked .actions {width: auto; margin-left: 0; margin-top: 12px;}
.ebook .tlhsFormBlock .hs-form .hs-button {width: 70%;}
.ebook .tlhsFormBlock .hs-form.stacked .hs_message label {width: 500px;}
.ebook .tlhsFormBlock .hs-form textarea.hs-input {
width: 500px;
min-width: 500px;
max-width: 500px;
height: 50px;
min-height: 50px;
max-height: 50px;
}
.ebook .tlhsFormBlock .best-form-result {margin: 50px 0 0 65px;}
.headset-page { padding: 30px; }
.headset-page h1 {
font: 48px/48px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #000;
padding: 0;
margin: 10px 0;
}
.headset-page h2 {
font: 30px/30px 'ProximaNova', Arial, sans-serif;
color: #000;
margin: 0 0 40px 0;
}
.headset-page h3 {
font: bold 19px/24px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #333;
padding: 0;
margin: 30px 0 8px 0;
}
.headset-page p,
.headset-page li {
font: 16px/24px Helvetica, Arial, sans-serif;
color: #272727;
}
.headset-page .desc { margin: 0 25px; }
.headset-page .col {
width: 360px;
margin: 50px 25px 25px 25px;
letter-spacing: -0.2px;
}
.headset-page .col.right { margin-top: 70px; }
.headset-page .col img { margin: 0 0 5px 20px; }
.headset-page .col.right img { margin-top: 25px; }
.headset-page ul {
margin: 5px 0 0 25px;
padding: 0;
}
.headset-page li {
list-style: disc;
padding: 5px 0 15px;
}
.headset-page .price {
font: bold 40px/24px 'ProximaNova', Arial, sans-serif;
color: #272727;
margin-bottom: 25px;
}
/* @end */
/* @group Download Center */
body.download-center {
-webkit-text-size-adjust: none; /* prevent mobile font scaling */
}
.content-text.download-center {
width:880px;
margin:0 auto;
}
.download-center h2,
.download-center div,
.download-center a,
.download-center span,
.download-center img {
margin:0;
padding:0;
}
.download-center h1 {
font: 600 32px 'ProximaNova', Arial, sans-serif;
color: #4F91CB;
text-align: center;
margin: 15px -10px 20px; /* -10 for 1 line */
}
.download-center a {
color: #4B4B9E;
}
.download-center #resources_iframe {
margin: 20px auto 0;
min-height: 280px;
}
.download-center #no_javascript {
text-align:center;
padding: 50px 0 0;
}
.download-center .small h3, .download-center h3.small {
font-size: 16px;
}
.download-center .small p, .download-center p.small {
font-size: 13px;
}
.download-center form {
display: block;
}
.download-center .fields {
width: 415px;
margin: 25px auto;
white-space: nowrap;
}
.download-center .small-fields .fields {width:590px;}
.download-center label {
display: block;
float: left;
margin: 10px 40px 0 0;
}
.download-center .small-fields label {margin-right: 10px;}
.download-center input {
font: bold 14px Arial, Helvetica, sans-serif;
text-align: left;
color: #4f91cb;
background-color: #f7f7f7;
display: inline-block;
margin: 5px 3px 13px;
padding: 6px 7px;
width: 100%;
max-width: 160px;
height: 18px;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
overflow: hidden;
-webkit-box-shadow:0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow:0 1px 3px 0 #DADAD9 inset;
box-shadow:0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.download-center .small-fields .fields input {
padding: 6px 4px;
width: 60px;
}
.download-center input:focus {
-webkit-box-shadow: 0 0 5px 1px #CFDCF5;
-moz-box-shadow: 0 0 5px 1px #CFDCF5;
box-shadow: 0 0 5px 1px #CFDCF5;
}
.download-center .links-list {
width:800px;
margin:0 auto;
}
.download-center .links-list h2 {
font: 500 20px 'ProximaNova', Arial, sans-serif;
margin: 10px 0 18px;
}
.download-center .links-list .col-l {
float:left;
width:380px;
margin:0 0 10px 20px;
}
.download-center .links-list .col-l div {
margin:0 0 10px;
}
.download-center .button {
background: #4699cd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2OTljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTdiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1N2JiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #4699cd 0%, #057bbb 100%, #2989d8 100%, #057bbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4699cd), color-stop(100%,#057bbb), color-stop(100%,#2989d8), color-stop(100%,#057bbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4699cd 0%,#057bbb 100%,#2989d8 100%,#057bbb 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #4699cd 0%,#057bbb 100%,#2989d8 100%,#057bbb 100%); /* IE10+ */
background: linear-gradient(to bottom, #4699cd 0%,#057bbb 100%,#2989d8 100%,#057bbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4699cd', endColorstr='#057bbb',GradientType=0 ); /* IE6-8 */
border-top: 1px solid #4694bb;
border-left: 0 none;
border-right: 0 none;
border-bottom: 0 none !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color:#f7f7f7 !important;
font: 24px/38px 'MuseoSlab', serif;
text-decoration: none;
text-align: center;
text-indent: 0;
text-shadow: 2px 0 3px rgba(0, 1, 2, 0.35);
display:inline-block;
line-height: 38px;
padding: 0 30px;
-webkit-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(204, 192, 174, 0.35), 0 2px 3px rgba(173, 175, 177, 0.9);
-moz-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(204, 192, 174, 0.35), 0 2px 3px rgba(173, 175, 177, 0.9);
box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(204, 192, 174, 0.35), 0 2px 3px rgba(173, 175, 177, 0.9);
}
.download-center .button:hover {
background: #057bbb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1N2JiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNTdiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDY5OWNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #057bbb 0%, #2989d8 100%, #057bbb 100%, #4699cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#057bbb), color-stop(100%,#2989d8), color-stop(100%,#057bbb), color-stop(100%,#4699cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #057bbb 0%,#2989d8 100%,#057bbb 100%,#4699cd 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #057bbb 0%,#2989d8 100%,#057bbb 100%,#4699cd 100%); /* IE10+ */
background: linear-gradient(to bottom, #057bbb 0%,#2989d8 100%,#057bbb 100%,#4699cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057bbb', endColorstr='#4699cd',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 3px rgba(173, 175, 177, 0.9);
-moz-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 3px rgba(173, 175, 177, 0.9);
box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 3px rgba(173, 175, 177, 0.9);
}
.download-center .button:active {
background: #057bbb;
-webkit-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.3), 0 2px 3px rgba(173, 175, 177, 0.9);
-moz-box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.3), 0 2px 3px rgba(173, 175, 177, 0.9);
box-shadow: inset 0 -1px 1px #21475a, inset 0 1px 0 #69b5e0, 0 0 0 7px rgba(153,128,91,0.3), 0 2px 3px rgba(173, 175, 177, 0.9);
border-color: #21475a;
}
.download-center .fields .button {margin-left:27px;}
.download-center .small-fields .fields .button {margin-left:20px;}
.download-center .align-center {
text-align: center;
}
.download-center .align-center .message {
padding: 25px 0;
font-size: 16px;
}
.download-center .align-center .message.italic {
font-style: italic;
font-size: 14px;
}
.download-center .align-center .button {
margin: 50px 0 30px;
}
#download-center-chooser ul {
list-style:none;
margin:0;
padding:0;
}
#download-center-chooser ul li {padding:0;}
#download-center-chooser {
width:640px;
overflow:hidden;
margin:auto;
background-color: #f7f7f7;
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1.0;
color:#444;
font-family:'ProximaNova', Arial, sans-serif;
}
#download-center-chooser #wrapper {width:1920px;}
#download-center-chooser .section {
float:left;
width:640px;
height:510px;
position:relative;
}
#download-center-chooser .container {
background-color: transparent;
border: none;
float: none;
margin: 0;
min-height: 1px;
width: auto;
overflow:hidden;
padding:0 0 0 10px;
}
#download-center-chooser .step-title {
color:#f4f2ed;
background-color: #1073a8;
border-bottom: 4px solid #3e6893;
padding: 5px 20px;
}
#download-center-chooser .step-title h2 {
color: #fff;
font: bold 22px/33px 'ProximaNova', Arial, sans-serif;
}
#download-center-chooser .container .title {
color:#444;
font: 22px/27px 'ProximaNova', Arial, sans-serif;
margin:18px 5px;
padding:0;
}
#download-center-chooser ul.chooselanguage {
float:left;
margin:20px 0 0;
width:auto;
}
#download-center-chooser ul.chooselanguage.chooselanguage4 {margin-top:7px;}
#download-center-chooser .container ul.chooselanguage.chooselanguage4:first-child {margin-left:-5px;}
#download-center-chooser ul.chooselanguage li {margin:10px 12px 0 0;}
#download-center-chooser ul.chooselanguage.chooselanguage4 li {margin:0;}
#download-center-chooser ul.chooselanguage li a {
color:#444;
font:18px/24px 'ProximaNova', Arial, sans-serif;
text-decoration:none;
display:block;
padding:2px 2px 2px 32px;
width:260px;
}
#download-center-chooser ul.chooselanguage.chooselanguage4 li a {
font-size:16px;
line-height:21px;
padding:0 1px 0 21px;
width:135px;
}
#download-center-chooser ul.chooselanguage li a.selected {
background: #E6F2FA url(/images/tlonline-modal-sprite.png) no-repeat 0 -513px;
color:#222;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#download-center-chooser ul.chooselanguage.chooselanguage4 li a.selected {
background-position: -5px -612px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#download-center-chooser ul.chooselanguage li a:hover,
#download-center-chooser ul.chooselanguage li a.selected:hover {
background: #E6F2FA url(/images/tlonline-modal-sprite.png) no-repeat 0 -463px;
color:#222;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#download-center-chooser ul.chooselanguage.chooselanguage4 li a:hover,
#download-center-chooser ul.chooselanguage.chooselanguage4 li a.selected:hover {
background-position: -5px -562px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#download-center-chooser .step-confirm .title p,
#download-center-chooser .step-platform .title p {
font: 16px/20px 'ProximaNova', Arial, sans-serif;
margin:10px 0;
}
#download-center-chooser .step-confirm .title p.note-bottom,
#download-center-chooser .step-platform .title p.note-bottom {
font-size:14px;
margin:20px 0 -30px;
}
#download-center-chooser .step-confirm .title .chosen_lang,
#download-center-chooser .step-platform .title .chosen_lang {
font-weight: 600;
font-size: 24px;
line-height: 28px;
margin: 0 0 30px;
text-align: center;
}
#download-center-chooser .step-platform .title .chosen_lang {margin-top:48px;}
#download-center-chooser .section .title a {
color: #4F91CB;
font: 14px/20px 'ProximaNova', Arial, sans-serif;
padding: 5px 0;
display: block;
margin: 10px 0;
text-decoration: underline;
}
#download-center-chooser .section .title a:hover { text-decoration:none; }
#download-center-chooser .buttons {
float: left;
margin-top: 25px;
width:611px;
}
#download-center-chooser .buttons.buttons1 .left .button {
margin-left: 163px;
}
#download-center-chooser .buttons.buttons1 .right .button {
margin-right: 158px;
}
#download-center-chooser .step-platform .button {
font:bold 18px/30px 'MuseoSlab', serif;
margin:17px 0 15px 7px;
padding:5px 13px 5px 17px;
width: 260px;
}
#download-center-chooser .step-platform .left .button {
margin-right:17px;
}
#download-center-chooser .button-for-win {
background:transparent url(/product-chooser/img/buttons-icon-sprite.png) no-repeat 0 3px;
width:30px;
height:30px;
margin:0 2px 0 0;
}
#download-center-chooser .button-for-mac {
background:transparent url(/product-chooser/img/buttons-icon-sprite.png) no-repeat 0 -30px;
width:30px;
height:30px;
margin:0 2px 0 0;
}
/* @end */
/* blue-theme uses for TL Complete Edition page */
.blue-theme .content-wrapper {
margin: 50px 50px 0 50px;
}
.blue-theme p {
line-height: 1.4em;
margin-bottom: 1em;
}
.blue-theme ul {
margin: 0 0 10px 0;
padding: 0;
}
.blue-theme ul li {
margin: 0 0 0 15px;
padding: 4px 0 4px 25px;
}
.list-unstyled {
list-style-type: none;
}
.blue-theme .list-unstyled li {
margin-left: 0;
padding-left: 0;
}
.blue-theme .beige {
background-color: #faf7ec;
margin: 20px -50px;
padding: 40px 50px 20px 50px;
}
.blue-theme .lightblue {
background-color: #f1f5fc;
margin: 20px -50px;
padding: 40px 50px 20px 50px;
}
.blue-theme .col-large {
width: 560px;
}
.blue-theme .col-lg {
width: 515px;
}
.blue-theme .col-half {
width: 400px;
}
.blue-theme .col-small {
width: 250px;
padding: 0 11px;
}
.blue-theme .col-xsmall {
width: 220px;
}
.blue-theme .col-small p {
padding: 20px 0 10px 35px;
text-align: left;
}
.blue-theme .content-wrapper a {
color: #4f90ca;
border-bottom: none;
text-decoration: underline;
}
.blue-theme .content-wrapper a:hover {
color: #316ea3;
}
.blue-theme h1 {
color: #4c5c7a;
font-size: 50px;
}
.blue-theme h2 {
color: #7393b4;
font-size: 26px;
margin-top: 0;
}
.blue-theme .txt-sm,
.blue-theme .txt-sm p {
font-size: 14px;
}
.blue-theme .txt-noborder,
.blue-theme .txt-noborder > a {
text-decoration: none;
}
.blue-theme #breadcrumbs {
margin: 0 0 0 20px;
}
.blue-theme #breadcrumbs li {
margin: 0;
}
.blue-theme .header {
background: #f1f5fc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2RkZjFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWY1ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fff 10%, #f1f5fc 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#fff), color-stop(90%,#f1f5fc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 10%,#f1f5fc 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 10%,#f1f5fc 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 10%,#f1f5fc 90%); /* IE10+ */
background: linear-gradient(to bottom, #fff 10%,#f1f5fc 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f5fc',GradientType=0 ); /* IE6-8 */
}
.blue-theme .price {
color: #7393b4;
font-size: 19px;
}
.blue-theme .disabled {
color: #999;
}
/* Greem theme */
.green-theme {
width: auto;
padding: 20px 25px 0 25px;
}
.green-theme h1 {
color: #789E1E;
font-size: 3em;/*49px;*/
}
.green-theme h2 {
color: #4f91cc;
font-size: 1.63em;/*26px;*/
}
.green-theme a {
color: #4f91cc;
}
.green-theme a:hover {
color: #3C6D99;
}
/* Beige theme */
.beige-theme .header {
background: #fcf9f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2RkZjFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWY1ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fff 10%, #fcf9f0 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#fff), color-stop(90%,#fcf9f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 10%,#fcf9f0 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 10%,#fcf9f0 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 10%,#fcf9f0 90%); /* IE10+ */
background: linear-gradient(to bottom, #fff 10%,#fcf9f0 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fcf9f0',GradientType=0 ); /* IE6-8 */
padding: 80px 50px 0 100px;
}
.beige-theme .header .button-submit {
position: relative;
z-index: 1;
}
.beige-theme .header .price {
color: #272727;
text-align: center;
margin: -40px auto 10px;
font: 22px/40px 'MuseoSlab',serif;
}
.beige-theme .header .price span {
font: 16px/20px 'MuseoSlab',serif;
position: relative;
top: -5px;
text-decoration: underline;
}
.beige-theme .header img {
position: relative;
top: -80px;
margin-bottom: -60px;
}
.beige-theme h1 {
color: #789E1E;
}
.beige-theme h2,
.beige-theme h3 {
color: #789e3f;
}
.beige-theme .orange-bullets { margin: 15px 0; }
.beige-theme .orange-bullets li {
padding: 0 0 0 25px;
margin: 9px 0;
background: url('/images/bullet-sprite.png') no-repeat scroll -9px -633px transparent;
list-style: none;
}
.beige-theme td span.checked {
padding: 0 0 0 0;
margin: 0;
background: url('/images/bullet-sprite.png') no-repeat scroll -4px -725px transparent;
display: block;
width: 16px;
height: 16px;
}
.beige-theme a.button-green,
.beige-theme a.button-green:hover {
color: #fff;
text-decoration: none;
}
.beige-theme .lightblue img.left {
margin: 0 35px 35px -51px;
}
.beige-theme .lightblue.seal {
padding: 30px 100px 10px;
margin: 0 -35px;
}
.beige-theme .lightblue.seal p {
width: 410px;
font-size: 20px;
line-height: 1.3em;
}
.beige-theme .button-green {
margin-top: 8px;
}
.button-amazon, .button-amazon-s {
height:28px;
margin:0;
padding:0;
}
.button-amazon {
background:url('/images/buy-from-amazon.gif') no-repeat 0 0 transparent;
width:176px;
}
.button-amazon-s {
background:url('/images/buy-from-amazon-s.gif') no-repeat 0 0 transparent;
width:120px;
}
.beige-theme .header .button-amazon {
display:block;
position:relative;
top:25px;
margin:0 0 0 22px;
z-index:1;
}
.beige-theme .lightblue.seal.amazon {
padding: 30px 40px 10px;
}
.beige-theme .lightblue.seal.amazon .button-amazon-s {
margin:15px -5px 0 30px;
}
/* Table gray*/
.beige-theme .table-gray {
margin: 20px -45px;
}
.table-gray {
background-color: #f4f3f3;
border-spacing: 0;
width: auto;
min-width: 100%;
}
.table-gray.table-bordered {
border: 1px solid #d7d5d2;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow:hidden;
}
.table-gray td {
border: 1px solid #d7d5d2;
border-right: 0;
border-bottom: 0;
width: 13%;
}
/* Top table header */
.table-gray.table-bordered tr.tbl-header th {
color: #999;
font: bold 14px 'ProximaNova', Arial, sans-serif;
text-shadow: 1px 1px 1px #fff;
background-color: #e5e5e5;
background: #efefef; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjVmNWY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlMWUzZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGFkY2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #efefef 0%, #f5f5f5 1%, #f1f1f1 5%, #efefef 30%, #eaeaea 48%, #e1e3e2 97%, #dadcdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(1%,#f5f5f5), color-stop(5%,#f1f1f1), color-stop(30%,#efefef), color-stop(48%,#eaeaea), color-stop(97%,#e1e3e2), color-stop(100%,#dadcdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#f5f5f5 1%,#f1f1f1 5%,#efefef 30%,#eaeaea 48%,#e1e3e2 97%,#dadcdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#f5f5f5 1%,#f1f1f1 5%,#efefef 30%,#eaeaea 48%,#e1e3e2 97%,#dadcdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#f5f5f5 1%,#f1f1f1 5%,#efefef 30%,#eaeaea 48%,#e1e3e2 97%,#dadcdb 100%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#f5f5f5 1%,#f1f1f1 5%,#efefef 30%,#eaeaea 48%,#e1e3e2 97%,#dadcdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dadcdb',GradientType=0 ); /* IE6-8 */
}
.table-gray.table-bordered tr.tbl-header td,
.table-gray.table-bordered tr.tbl-header th {
border-top: 0;
border-bottom: 0;
border-left: 1px solid #d7d5d2;
padding: 20px 2px;
position: relative;
}
.table-gray.table-bordered tr.tbl-header th:first-child {
border-left: 0;
-webkit-border-radius: 8px 0 0 0;
-moz-border-radius: 8px 0 0 0;
border-radius: 8px 0 0 0;
}
.table-gray.table-bordered tr.tbl-header th:last-child {
-webkit-border-radius: 0 8px 0 0;
-moz-border-radius: 0 8px 0 0;
border-radius: 0 8px 0 0;
}
/* Left table header */
.table-gray.table-bordered tr .tr-header {
color: #666766;
font: 12px 'ProximaNova', Arial, sans-serif;
width: 16%;
padding: 8px 0;
}
.table-gray.table-bordered tr .tr-header.a-left {
text-align: left;
padding: 8px 0 8px 8px;
}
.table-gray.table-bordered tr .tr-header span {
font-style: italic;
display: block;
}
.table-gray.table-bordered tr:last-child {
-webkit-border-radius: 0 0 0 8px;
-moz-border-radius: 0 0 0 8px;
border-radius: 0 0 0 8px;
background-color: transparent;/* for rounded table corners */
}
.table-gray.table-bordered th {
border: 1px solid #d7d5d2;
border-right: 0;
border-bottom: 0;
border-left: 0;
}
.table-gray tr:nth-child(odd) td,
.table-gray tr:nth-child(odd) th {
background: #efeeee;
}
.table-gray.align-center td span.checked {
text-align: center;
margin: 0 auto;
}
/*TLE*/
.tls-img {
padding: 30px 0 15px 0;
}
.mobile-devises-mid {
height: 290px;
overflow: hidden;
margin-bottom: -20px;
margin-top: 40px;
}
.blue-theme .btn-primary {
margin: 15px 0;
}
/* Primary Button (blue) */
.btn-primary {
width: 215px;
height: 40px;
display: block;
text-align: center;
color: #fff;
font: bold 24px/36px Georgia,Times New Roman,serif;
outline: none 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 0 4px #40556c;
background: #7393b4;
-webkit-box-shadow: -1px 0 0 #abc2d6 inset, -1px 0 2px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 0 0 #abc2d6 inset, -1px 0 2px rgba(0,0,0,0.2);
box-shadow: -1px 0 0 #abc2d6 inset, -1px 0 2px rgba(0,0,0,0.2);
border: 1px solid #597592;
}
.btn-primary:hover {
background: #7b99b9;
-webkit-box-shadow: -1px 0 0 #abc2d6 inset;
-moz-box-shadow: -1px 0 0 #abc2d6 inset;
box-shadow: -1px 0 0 #abc2d6 inset;
text-shadow: 1px 0 4px #3b4f64;
}
.btn-primary:active {
position: relative;
top: 1px;
}
.blue-theme .content-wrapper a.btn-primary,
.blue-theme .content-wrapper a.btn-primary:hover {
text-decoration: none;
color: #fff;
border: 1px solid #597592;
}
/* Army Libraries page */
.blue-theme.armymwr {
padding: 30px 40px
}
.blue-theme.armymwr a {
color: #4f91cc;
border-color: #4f91cc;
}
.blue-theme.armymwr h2 {
font: bold 30px/38px 'ProximaNova', Arial, sans-serif;
color: #4f91cc;
}
.blue-theme.armymwr h3 {
font: 26px/30px "ProximaNova",Arial,sans-serif;
color: #4f91cc;
padding-top: 10px;
}
.blue-theme.armymwr .screen {
background: none repeat scroll 0 0 #F0F0F0;
border: 1px solid #DFDFE5;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 2px 3px #b7bccf;
-moz-box-shadow: 0 1px 0 #fff inset, 0 2px 3px #b7bccf;
box-shadow: 0 1px 0 #fff inset, 0 2px 3px #b7bccf;
margin: 30px auto;
padding: 24px;
transition: background 0.3s ease 0s;
width: 498px;
height: 308px;
}
.blue-theme.armymwr .screen:hover {
background: none repeat scroll 0 0 #4F91CB;
border: 1px solid #4D8CC4;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 2px 3px #b7bccf;
-moz-box-shadow: 0 1px 0 #fff inset, 0 2px 3px #b7bccf;
box-shadow: 0 1px 0 #fff inset, 0 2px 3px #b7bccf;
}
/* Exhibiting top callout */
.exhibiting-top-callout {
position: relative;
z-index: 100;
}
.white-paper-pages.dabl-pages .exhibiting-top-callout { margin: 5px 0 22px; }
#sendEmail {
margin: 0 auto;
text-align: center;
color: #3b3b3b;
font: 1em 'ProximaNova',Arial,sans-serif;
}
#sendEmail h4 {
color: #4F91CB;
font: 16px/21px 'ProximaNova',Arial,sans-serif;
margin: 0 0 5px;
padding: 0;
text-align: center;
}
#sendEmail form input {
font: bold 14px Arial, Helvetica, sans-serif;
text-align: left;
color: #4f91cb;
background-color: #f7f7f7;
margin: 5px auto;
padding: 6px 7px;
width: 100%;
max-width: 240px;
height: 18px;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
overflow: hidden;
-webkit-box-shadow:0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow:0 1px 3px 0 #DADAD9 inset;
box-shadow:0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#sendEmail form input:focus {
-webkit-box-shadow: 0 0 5px 1px #CFDCF5;
-moz-box-shadow: 0 0 5px 1px #CFDCF5;
box-shadow: 0 0 5px 1px #CFDCF5;
}
#sendEmail form input::-webkit-input-placeholder {color:#95BDE0;}
#sendEmail form input::-moz-placeholder {color:#95BDE0; opacity:1;}
#sendEmail form input:-moz-placeholder {color:#95BDE0; opacity:1;}
#sendEmail form input:-ms-input-placeholder {color:#95BDE0;}
#sendEmail form button {
min-width: 170px;
height: 33px;
margin: 10px auto 15px;
padding: 0 10px 5px;
display: block;
text-align: center;
color: #fff;
font: 18px/26px 'MuseoSlab', 'ProximaNova', Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-shadow: 0 2px 1px #7b6394;
background: #a497b1; /* Old browsers */
background: -moz-linear-gradient(top, #a497b1 0%, #9384a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a497b1), color-stop(100%,#9384a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a497b1 0%,#9384a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a497b1 0%,#9384a2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a497b1 0%,#9384a2 100%); /* IE10+ */
background: linear-gradient(to bottom, #a497b1 0%,#9384a2 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a497b1', endColorstr='#9384a2',GradientType=0 ); /* IE6-9 doesn't work with border-radius */
-webkit-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #9283a1;
}
#sendEmail form button:hover {
text-decoration: none;
background: #af9fbf;
-webkit-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
}
#sendEmail form button:active {
background: #877994;
-webkit-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
}
/* TL News Ticker */
.tl-news-ticker,
.tl-news-ticker iframe {
width: 100%;
height: 60px;
margin: 0;
padding: 0;
background: transparent;
}
.tl-news-ticker {
overflow: hidden;
margin-bottom: 20px;
}
.content-text-inner .courses-box {
position: relative;
margin-bottom: 30px;
padding: 20px 20px 15px;
text-align: center;
background: #faf7f0;
border: 1px solid #fff;
}
.content-text-inner .courses-box .corner {
position: absolute;
top: -14px;
right: -10px;
width: 105px;
height: 101px;
background: url(/images/corner-bg.png) center no-repeat;
}
.content-text-inner .courses-box ul {
list-style: none;
display: inline-block;
position: relative; /*to fix corner*/
box-sizing: border-box;
vertical-align: top;
width: 33%;
height: 490px; /*to make all columns equal*/
margin: 0;
padding: 0;
text-align: left;
line-height: 24px;
}
.content-text-inner .courses-box ul li {
background: none;
}
.content-text-inner .courses-box ul > li {
margin: 0 0 15px 0;
padding: 0;
font-size: 17px;
font-weight: bold;
color: #666358;
}
.content-text-inner .courses-box ul > li > ul {
display: block;
width: 100%;
height: auto;
}
.content-text-inner .courses-box ul > li > ul > li {
margin: 0 0 0 12px;
font-size: 18px;
font-weight: normal;
}
.content-text-inner .courses-box ul.first-col,
.content-text-inner .courses-box ul.second-col {
padding-right: 20px;
}
.content-text-inner .courses-box ul.second-col,
.content-text-inner .courses-box ul.third-col {
padding-left: 20px;
background: url(/images/line-bg.png) left center no-repeat;
background-size: 1px 392px; /*327*/
}
.steps-box__list {
margin: 55px -20px 15px;
text-align: center;
font-size: 0;
}
.steps-box__item {
display: inline-block;
text-align: center;
position: relative;
border: 1px solid #9fc3e3;
vertical-align: middle;
box-sizing: border-box;
}
.steps-box--sm {
width: 190px;
height: 170px;
margin: 0 20px;
padding: 55px 10px 0;
}
.steps-box--big {
width: 310px;
height: 190px;
margin: 0 42px;
padding: 55px 20px 0;
}
.steps-box__step {
font-size: 28px;
font-weight: 600;
color: #586f82;
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
border: 1px solid #9fc3e3;
left: 50%;
margin-left: -30px;
margin-top: -30px;
background: #f7f7f7;
box-shadow: 0 0 0 5px #f7f7f7;
padding-top: 17px;
box-sizing: border-box;
top: 0;
font-weight: 600;
}
.steps-box__item p,
.steps-box__item h5 {
font-size: 16px;
font-weight: 600;
}
.steps-box__item p {
line-height: 20px;
font-weight: 400;
}
.steps-box__item h5 {
color: #272727;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
.steps-box--row {
width: 100%;
padding: 40px 0 15px;
margin-bottom: 50px;
}
.steps-box--row:last-child {
margin-bottom: 0;
}
.steps-box--row h5 {
color: #666;
margin-bottom: 5px;
}
.steps-box__col {
display: inline-block;
vertical-align: top;
border-top: 1px solid #c2d8eb;
text-align: center;
margin: 5px 1% 0 1%;
padding-top: 10px;
}
.steps-box__col-2 {
width: 47%;
}
.steps-box__col-3 {
width: 31%;
}
.steps-box__col strong {
color: #666;
display: block;
}
/* GOVERNMENT INDEX */
.gov-page .content-text-inner,
.cl-150-access-page .content-text-inner,
.about-cl150-page .content-text-inner,
.cohort-coaching-page .content-text-inner,
.tlo-teacher-features .content-text-inner,
.certification-page .content-text-inner,
.kidspeak .content-text-inner,
.tl-mobile-apps .content-text-inner,
.english-learning-page .content-text-inner {
background: #f7f7f7 url(/images/bg-gradient.png) 0 0 repeat-x;
}
.gov-page .header {
background: #fff url(/images/government-top.png) 50% 100% no-repeat;
min-height: 730px;
padding: 3px 20px 0;
text-align: center;
margin-bottom: 30px;
}
.gov-page .header p {
margin: 0 50px;
}
.gov-page .program-solution {
overflow: hidden;
padding: 0 20px;
}
.gov-page .read-book {
background-color: #d3dfe9;
height: 177px;
margin-bottom: 50px;
}
.gov-page .read-book h4 {
color: #666;
font-size: 24px;
margin: 0 0 30px;
}
.gov-page .read-book-info {
max-width: 660px;
margin: 0 auto;
background: url(/images/gov-book.png) 0 17px no-repeat;
min-height: 178px;
padding: 30px 0 0 180px;
box-sizing: border-box;
}
.gov-page .program-solution__txt {
float: left;
width: 590px;
}
.gov-page .program-solution__txt h2 {
margin-left: 50px;
}
.gov-page .program-solution__txt p {
margin: 0 0 30px 50px;
line-height: 20px;
}
.gov-page .program-solution__form {
float: right;
width: 270px;
padding-top: 30px;
}
.gov-page .technology {
background: url(/images/border.png) 0 0 repeat-x;
padding-top: 10px;
}
.gov-page .technology__img-top {
background: url(/images/technology-top.png) 50% 10px no-repeat;
min-height: 386px;
padding: 33px 0 0 70px;
}
.gov-page .technology__img-top h2 {
margin: 24px 0 100px;
}
.gov-page .technology__top-txt {
width: 410px;
}
.gov-page .technology__top-txt p {
color: #fff;
line-height: 20px;
margin-bottom: 30px;
}
.gov-page .technology__img-right {
background: url(/images/technology-right.png) 100% 100% no-repeat;
min-height: 630px;
margin-bottom: 55px;
}
.gov-page .technology__right-txt {
width: 440px;
margin-left: 20px;
}
.gov-page .technology__right-txt p {
margin-left: 50px;
line-height: 20px;
}
.gov-page .technology__img-left {
background: url(/images/technology-left.png) 0 0 no-repeat;
min-height: 365px;
padding-top: 20px;
box-sizing: border-box;
}
.gov-page .technology__left-txt {
width: 410px;
margin-right: 20px;
float: right;
}
.gov-page .more-info {
padding: 40px 0 55px;
background-color: #fefbf1;
text-align: center;
border-top: 1px solid #f3efe3;
}
.gov-page .more-info h5 {
font: 600 20px/40px 'ProximaNova', Arial, sans-serif;
color: #272727;
}
.gov-page .cohort-coaching {
background: url(/images/cohort-coaching.png) 100% 160px no-repeat;
min-height: 607px;
padding-top: 15px;
}
.gov-page .cohort-coaching h2 {
margin-left: 70px;
}
.gov-page .cohort-coaching p {
margin-left: 70px;
padding-right: 50px;
}
.gov-page .cohort-coaching__txt {
width: 400px;
margin-left: 20px;
}
.gov-page .connect-classes {
background: url(/images/connect-classes.png) 0 100% no-repeat;
min-height: 1150px;
text-align: center;
padding-top: 20px;
}
.gov-page .connect-classes p {
padding: 0 50px;
}
.gov-page .connect-classes__txt {
text-align: left;
font-size: 0;
margin: 45px 20px 0;
}
/* GOVERNMENT CL-150-ACCESS */
.cl-150-access-page .header {
background: url('/images/cl150-access-top.png?v=1') -1px 350px no-repeat;
min-height: 1260px;
}
.cl-150-access-page .content-text-inner h1 {
margin-bottom: 28px;
}
.cl-150-access-page .header p {
padding: 0 25px;
}
.cl-150-access-page .header h1 + p {
height: 140px;
}
.cl-150-access-page .header__info {
padding-top: 570px;
float: right;
width: 506px;
}
.cl-150-access-page .header__info p {
text-align: left;
}
.cl-150-access-page .header__bg-txt {
float: left;
width: 395px;
margin-top: 230px;
}
.cl-150-access-page .header__bg-txt p {
color: #fff;
font-size: 20px;
font-weight: 600;
text-align: left;
line-height: 20px;
}
.cl-150-access-page .have-jlu {
padding: 45px 20px 35px 20px;
}
.cl-150-access-page .have-jlu .button-sm {
margin-left: 16px;
}
.cl-150-access-page .jlu-video {
background: url(/images/jlu-video.png) 0 0 repeat-x;
min-height: 335px;
padding: 15px;
box-sizing: border-box;
}
.cl-150-access-page .jlu-video__txt {
float: left;
color: #fff !important;
font-size: 20px;
font-weight: 600;
margin: 140px 0 0 45px !important;
}
.cl-150-access-page .jlu-video__lnk {
float: right;
margin-top: 35px;
}
.cl-150-access-page .need-jlu {
padding: 6px 20px 0;
min-height: 410px;
overflow: hidden;
}
.cl-150-access-page .need-jlu .button-sm {
margin-left: 165px;
}
.cl-150-access-page .instructions {
padding: 43px 20px 20px;
}
.cl-150-access-page .instructions h2 {
margin-bottom: 20px;
}
.cl-150-access-page .instructions p {
margin-bottom: 24px;
}
.cl-150-access-page .instructions strong {
display: block;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
/* GOVERNMENT ABOUT CL-150 */
.about-cl150-page .header {
padding: 23px 45px 0;
margin: 0;
background: url(/images/about-cl150-top.jpg) 0 180px no-repeat;
min-height: 705px;
}
.about-cl150-page .features-new {
background: url(/images/features-new.jpg) 0 100% no-repeat;
padding: 0 20px 490px;
overflow: hidden;
}
.about-cl150-page .features-new__list {
width: 600px;
float: left;
box-sizing: border-box;
font-size: 0;
}
.about-cl150-page .features-new__list h2 {
margin: 11px 0 30px;
}
.about-cl150-page .features-new__list li {
display: inline-block;
width: 50%;
font-size: 16px;
vertical-align: top;
padding: 0 30px 0 50px;
box-sizing: border-box;
}
.about-cl150-page .features-new__form {
float: right;
width: 280px;
}
.about-cl150-page .features-list {
background: url(/images/features-list.jpg) 100% 70px no-repeat;
min-height: 710px;
padding: 38px 20px 0;
box-sizing: border-box;
}
.about-cl150-page .features-list h2 {
margin: 0 0 52px;
}
.about-cl150-page .features-list--column li {
width: 230px;
padding-left: 50px;
}
.about-cl150-page .features-list--middle li {
width: 290px;
float: left;
padding: 0 20px 0 50px;
box-sizing: border-box;
}
.about-cl150-page .features-list__bottom {
background: url(/images/features-list-bottom.jpg) 100% 25px no-repeat;
min-height: 520px;
}
.about-cl150-page .features-instructors {
background: url(/images/features-instructors.jpg) 0 250px no-repeat;
min-height: 730px;
padding: 23px 20px 0;
text-align: center;
}
.about-cl150-page .features-instructors h2 {
margin: 0 0 40px;
}
.about-cl150-page .features-instructors ul {
float: right;
width: 440px;
}
.about-cl150-page .features-instructors li {
text-align: left;
}
.about-cl150-page .features-admin {
background: url(/images/features-admin.jpg) 100% 100px no-repeat;
min-height: 550px;
padding: 20px 20px 0;
overflow: hidden;
}
.about-cl150-page .features-admin h2 {
margin: 0 0 45px;
}
.about-cl150-page .features-admin li {
width: 430px;
padding-left: 50px;
box-sizing: border-box;
}
/* COHORT COACHING */
.cohort-coaching-page .header {
background: url(/images/cohort-coaching-top.jpg) 50% 100% no-repeat;
min-height: 630px;
padding: 0 20px;
margin-bottom: 50px;
}
.cohort-coaching-page .cohort-info {
background: #f7f7f7 url(/images/cohort-info.jpg) 50% 100% no-repeat;
overflow: hidden;
min-height: 1100px;
margin-bottom: 50px;
}
.cohort-coaching-page .cohort-info__list {
float: left;
width: 600px;
box-sizing: border-box;
padding-left: 20px;
}
.cohort-coaching-page .cohort-info__form {
width: 270px;
float: right;
box-sizing: border-box;
margin-right: 20px;
}
.cohort-coaching-page .lesson-features {
background: url(/images/lesson-features.jpg) 100% 100% no-repeat;
min-height: 900px;
}
.cohort-coaching-page .lesson-features p,
.cohort-coaching-page .lesson-features h2 {
padding: 0 20px;
}
.cohort-coaching-page .lesson-features--col-2 {
overflow: hidden;
margin: 53px 20px 0;
font-size: 0;
}
.cohort-coaching-page .lesson-features--col-2 li {
width: 50%;
display: inline-block;
padding-right: 30px;
font-size: 16px;
box-sizing: border-box;
}
.cohort-coaching-page .lesson-features--col-1 {
margin-left: 20px;
width: 260px;
}
.cohort-coaching-page .recommended {
background: #f7f7f7 url(/images/recommended.jpg) 0 100% no-repeat;
min-height: 570px;
padding-top: 40px;
}
.cohort-coaching-page .recommended h2 {
margin: 0 20px;
}
.cohort-coaching-page .recommended p {
float: right;
width: 300px;
margin: 30px 20px 0 0;
padding-right: 20px;
box-sizing: border-box;
}
.cohort-coaching-page .enroll {
overflow: hidden;
padding: 40px 0 20px;
}
.cohort-coaching-page .enroll h2 {
margin: 0 20px;
}
.cohort-coaching-page .steps-box--enroll-md {
width: 250px;
height: 150px;
margin: 0 42px 50px;
padding: 55px 10px 0;
}
.cohort-coaching-page .steps-box--enroll-big {
width: 320px;
height: 270px;
margin: 0 42px;
padding: 55px 20px 0;
}
.cohort-coaching-page .tab-enroll {
margin: 0 auto;
border-collapse: collapse;
}
.cohort-coaching-page .tab-enroll th {
font-size: 13px;
border: 1px solid #f7f7f7;
color: #fff;
background-color: #8280a3;
font-weight: 400;
text-align: left;
padding: 0 10px;
}
.cohort-coaching-page .tab-enroll tbody tr:nth-child(even) {
background-color: #dddde2;
}
.cohort-coaching-page .tab-enroll tbody tr:nth-child(odd) {
background-color: #efeff1;
}
.cohort-coaching-page .tab-enroll td {
font-size: 13px;
border: 1px solid #f7f7f7;
text-align: left;
padding: 2px 10px;
}
.cohort-coaching-page .tab-enroll td:first-child {
text-align: center;
}
/* INSTRUCTOR CERTIFICATION */
.certification-page .header {
background: url(/images/instructor-certification.png) 50% 50px no-repeat;
min-height: 640px;
}
.certification-page .certification-txt {
padding: 0 20px;
margin-bottom: 60px;
}
.certification-page .certification-txt h2 {
margin-bottom: 25px;
}
.certification-page .certification-txt p {
margin-bottom: 50px;
}
.certification-page .steps-box--cert {
margin: 0 20px 40px;
}
.certification-page .courses-list {
padding: 0 20px;
margin-top: -15px;
}
.certification-page .courses-list h2 {
text-align: center;
margin-bottom: 30px;
}
.certification-page .courses-box {
padding: 20px 35px;
}
.certification-page ul.courses {
display: block;
list-style: none;
width: 100%;
height: auto;
margin-left: 5px;
margin-bottom: 20px;
}
.certification-page ul li {
list-style: none;
}
.certification-page ul.courses span {
text-transform: uppercase;
display: block;
margin-bottom: 12px;
position: relative;
padding-left: 14px;
}
.certification-page ul.courses span:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #666;
top: 7px;
left: 0;
}
.content-text-inner .certification-page .courses-box ul > li > ul > li {
margin: 0 0 12px 15px;
}
.certification-page .courses-item {
margin-bottom: 40px !important;
}
/* CORPORATE INDEX */
.corporate-page .content-text-inner {
background-color: #f5f5f5;
}
.corporate-page .header {
background: #fff url(/images/corporate-top.jpg) 50% 20px no-repeat;
min-height: 625px;
margin-bottom: 60px;
}
.corporate-page .online-course {
overflow: hidden;
margin-bottom: 50px;
padding-left: 20px;
}
.corporate-page .online-course__txt {
float: left;
width: 590px;
}
.corporate-page .online-course__txt h2 {
margin: 0 0 30px 0;
}
.corporate-page .online-course__txt p {
margin: 0 0 40px 0;
line-height: 20px;
}
.corporate-page .online-course__form {
float: right;
width: 275px;
margin-right: 20px;
}
.corporate-page .more-info,
.tlf-monitor-progress--download {
padding: 40px 0 55px;
background-color: #fefbf1;
text-align: center;
border-top: 1px solid #f3efe3;
}
.corporate-page .more-info h5,
.tlf-monitor-progress--download h5 {
font: 600 20px/25px 'ProximaNova', Arial, sans-serif;
color: #272727;
}
.corporate-page .global-conversation {
background: url(/images/global-conversation.png) 100% 100% no-repeat;
padding: 23px 20px 0 20px;
min-height: 790px;
margin-bottom: 30px;
}
.corporate-page .global-conversation h2 {
margin-bottom: 25px;
}
.corporate-page .global-conversation p {
margin-bottom: 20px;
}
.corporate-page .global-conversation--1 {
overflow: hidden;
}
.corporate-page .global-conversation--1 li {
float: left;
box-sizing: border-box;
}
.corporate-page .global-conversation .list-first {
width: 54%;
padding-right: 80px;
padding-left: 50px;
}
.corporate-page .global-conversation .list-second {
width: 46%;
padding-right: 20px;
}
.corporate-page .global-conversation--2 {
width: 30%;
}
.tlhs-form-wrapper {
background-color: #f5f1e5;
overflow: hidden;
padding: 10px 12px;
box-sizing: border-box;
}
.tlhs-form-wrapper--pt20 {
padding-top: 20px;
}
.tlhs-form-wrapper--english-learning {
margin: 30px -5px 0 0;
padding: 20px 7px 10px 12px;
}
.tlhs-form-wrapper--kidspeak {
padding: 13px;
}
.tlhs-form-wrapper--how-to-buy {
padding: 0 0 10px 0;
background-color: transparent;
}
/* EDUCATION */
.education-page {
min-height: 600px;
padding-top: 12px;
}
.education-page h1,
.education-page h4 {
color: #789e1e;
text-align: center;
margin: 0;
}
.education-page h1 {
font-size: 50px;
font-weight: 700;
}
.education-page h4 {
font-size: 24px;
font-weight: 400;
margin: 5px 0 40px;
}
.education-page h3 {
font-size: 44px;
color: #664d4d;
margin: 0 0 10px;
}
.education-page p {
font-size: 14px;
color: #664d4d;
line-height: 1.2;
margin-bottom: 25px;
}
.education-page__item {
width: 426px;
height: 550px;
text-align: center;
padding: 350px 20px 20px;
box-sizing: border-box;
background-image: url(/images/education.png);
background-repeat: no-repeat;
}
.education-page--left {
float: left;
background-position: 0 0;
}
.education-page--left:hover {
background-position: -2px -555px;
}
.education-page--right {
float: right;
background-position: -430px 0;
}
.education-page--right:hover {
background-position: -431px -555px;
}
.education-devices {
position: absolute;
left: 50%;
margin: 26px 0 0 -231px;
}
/* TL vs MANGO */
.tl-vs-mango .content-text-inner {
background: #f7f7f7 url(/images/bg-gradient.png) 0 0 repeat-x;
}
.tl-vs-mango .step {
padding: 0 20px;
}
.tl-vs-mango .step--0 h1 {
margin: -12px 0 10px;
}
.tl-vs-mango .step--0 p {
margin-bottom: 22px;
}
.tl-vs-mango .step--1 {
position: relative;
background: url(/images/tl-vs-ml-2.png) 100% 100% no-repeat;
min-height: 715px;
}
.tl-vs-mango .step--1 h2 {
margin: 70px 0 -5px;
}
.tl-vs-mango .step h3 {
color: #a7cc52;
margin: 0;
font-size: 26px;
margin-bottom: 20px;
}
.tl-vs-mango .step--1 .step-number {
top: -43px;
}
.tl-vs-mango .step p {
line-height: 1.5;
}
.tl-vs-mango .step--2 {
min-height: 1050px;
background: url(/images/tl-vs-ml-3.jpg) 50% 100% no-repeat;
position: relative;
padding-top: 25px;
}
.tl-vs-mango .step--2 h2 {
margin-bottom: -5px;
}
.tl-vs-mango .step .step-number {
right: 15px;
}
.tl-vs-mango .step--3 {
position: relative;
min-height: 1510px;
padding-top: 50px;
background: url(/images/tl-vs-ml-4.png) 20px 100% no-repeat;
}
.tl-vs-mango .step--4 {
background: url(/images/tl-vs-ml-5.png) 100% 100% no-repeat;
min-height: 670px;
position: relative;
padding: 30px 340px 0 20px;
}
.tl-vs-mango .step--4 p {
padding-right: 50px;
}
.tl-vs-mango .step--5 {
padding-bottom: 50px;
}
.tl-vs-mango .tlml-header {
font-size: 28px;
color: #272727;
margin-bottom: 16px;
}
.tl-vs-mango .tl-ico,
.tl-vs-mango .ml-ico {
position: relative;
padding-left: 35px;
}
.tl-vs-mango .tl-ico {
color: #7f75aa;
}
.tl-vs-mango .ml-ico {
color: #dd6512;
}
.tl-vs-mango .tl-ico:before,
.tl-vs-mango .ml-ico:before {
color: #fff;
font-size: 15px;
width: 28px;
height: 28px;
border-radius: 50%;
position: absolute;
text-align: center;
padding-top: 3px;
box-sizing: border-box;
font-weight: 700;
left: 0;
top: 2px;
}
.tl-vs-mango .tl-ico:before {
content: 'T';
background-color: #8177a6;
}
.tl-vs-mango .ml-ico:before {
content: 'M';
background-color: #dd6512;
}
.tl-vs-mango .tl-ico + p:before,
.tl-vs-mango .ml-ico + p:before {
content: '';
background: url(/images/tlml-icons.png) 0 0 no-repeat;
width: 44px;
height: 63px;
position: absolute;
left: 20px;
margin-top: 5px;
}
.tl-vs-mango .ml-ico + p:before {
background-position: 0 -63px;
}
.tl-vs-mango .step-txt-left {
width: 420px;
margin-top: 50px;
}
.tl-vs-mango .step-txt-left span {
font-weight: 700;
font-size: 16px;
display: inline-block;
padding-top: 5px;
}
.tl-vs-mango .step-txt-left p {
border-top: 1px solid #a6a5a5;
margin: 15px 0 40px;
padding: 10px 0 0 58px;
line-height: 1.4;
}
.tl-vs-mango .step-txt-left strong {
display: block;
}
.tl-vs-mango .tl-ml-info {
overflow: hidden;
margin: 500px -20px 0;
}
.tl-vs-mango .tl-ml-info__l {
float: left;
width: 370px;
}
.tl-vs-mango .tl-ml-info__l .tl-ico {
background: url(/images/tl-ml-info.png) 0 0 no-repeat;
height: 50px;
display: block;
color: #fff;
padding-top: 15px;
box-sizing: border-box;
font-size: 16px;
font-weight: 700;
padding-left: 60px;
}
.tl-vs-mango .tl-ml-info__l .tl-ico:before {
background-color: #fff;
color: #8177a6;
margin: 9px 0 0 20px;
}
.tl-vs-mango .tl-ml-info__l ul {
margin: 20px 0 0 20px;
padding: 0;
}
.tl-vs-mango .tl-ml-info__r ul {
margin: 20px 0 0 40px;
padding: 0;
}
.tl-vs-mango .tl-ml-info__l li,
.tl-vs-mango .tl-ml-info__r li {
list-style: none;
font-size: 16px;
margin-bottom: 20px;
}
.tl-vs-mango .tl-ml-info__l li {
color: #8177a6;
}
.tl-vs-mango .tl-ml-info__r li {
color: #dd6512;
}
.tl-vs-mango .tl-ml-info__r {
width: 370px;
float: right;
}
.tl-vs-mango .tl-ml-info__r .ml-ico {
background: url(/images/tl-ml-info.png) 0 -51px no-repeat;
height: 50px;
display: block;
color: #fff;
padding-top: 15px;
box-sizing: border-box;
font-size: 16px;
font-weight: 700;
padding-left: 70px;
}
.tl-vs-mango .tl-ml-info__r .ml-ico:before {
background-color: #fff;
color: #dd6512;
margin: 9px 0 0 35px;
}
.tl-vs-mango .tl-ml-info__r small {
font-size: 12px;
padding-left: 40px;
}
/* WOTD PAGE */
.wotd-page__do-more {
margin-bottom: 40px;
}
.wotd-page__do-more p {
position: relative;
text-align: center;
margin: 0 20px 10px;
}
.wotd-page__do-more p:before {
content: '';
height: 2px;
background-color: #fa7c2c;
width: 100%;
left: 0;
position: absolute;
top: 12px;
}
.wotd-page__do-more span {
font-size: 30px;
color: #f97f2c;
text-align: center;
margin: 0;
background-color: #fff;
position: relative;
z-index: 1;
padding: 0 25px;
}
.wotd-page__do-more a {
border: none;
}
.wotd-page__do-more-img {
display: block;
width: 920px;
height: 230px;
}
.wotd-page__widget {
padding-bottom: 50px;
background:  url(/images/wotd-page-widget.jpg) 50% 100% no-repeat;
}
.wotd-page__choice {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-o-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: end;
-moz-box-align: end;
-o-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
margin: 0 20px 20px;
}
.wotd-page__header {
width: 500px;
height: 80px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
-o-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.wotd-page__header h1 {
margin: 0;
color: #3c78ae;
line-height: 1;
font-size: 40px;
}
.wotd-page__language {
width: 360px;
padding-bottom: 5px;
}
.wotd-page__language p {
color: #776687;
font-size: 18px;
margin-bottom: 8px;
}
.wotd-page__language * {
outline: none;
}
.wotd-page__language .select2-container {
width: 100% !important;
}
.select2-container {
text-align: left;
}
.select2-container .wotd-langs-selection.select2-selection--single {
height: 38px;
border: none;
border-radius: 5px;
}
.select2-container--default .wotd-langs-selection.select2-selection--single .select2-selection__placeholder {
color: #fff;
}
.select2-container--default.select2-container--open .wotd-langs-selection.select2-selection--single .select2-selection__placeholder {
color: #776687;
}
.select2-container--default .wotd-langs-selection.select2-selection--single .select2-selection__rendered {
line-height: 38px;
border-radius: 5px;
color: #fff;
background: #786788;
background: -moz-linear-gradient(top,  #786788 0%, #857396 50%, #786788 100%);
background: -webkit-linear-gradient(top,  #786788 0%,#857396 50%,#786788 100%);
background: linear-gradient(to bottom,  #786788 0%,#857396 50%,#786788 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#786788', endColorstr='#786788',GradientType=0 );
box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
padding: 0 30px;
position: relative;
}
.select2 *:focus {
outline: none;
}
.select2-container--default.select2-container--open .wotd-langs-selection.select2-selection--single .select2-selection__rendered {
background: #f0edf4;
color: #776687;
background: -moz-linear-gradient(top,  #f0edf4 0%, #f0edf4 100%);
background: -webkit-linear-gradient(top,  #f0edf4 0%,#f0edf4 100%);
background: linear-gradient(to bottom,  #f0edf4 0%,#f0edf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf4', endColorstr='#f0edf4',GradientType=0);
box-shadow: none;
}
.select2-container--default .wotd-langs-selection.select2-selection--single .select2-selection__rendered:before {
content: '';
height: 1px;
position: absolute;
width: 100%;
background-color: #998ca5;
top: 1px;
left: 0;
}
.select2-container--default.select2-container--open .wotd-langs-selection.select2-selection--single .select2-selection__rendered:before {
content: none;
}
.select2-container--default .wotd-langs-selection.select2-selection--single .select2-selection__arrow {
height: 36px;
width: 30px;
}
.select2-container--default .wotd-langs-selection.select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
}
.select2-container--default.select2-container--open .wotd-langs-selection.select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #786788 transparent;
}
.select2-container--default.select2-container--open.select2-container--below .wotd-langs-selection.select2-selection--single {
box-shadow: 0 -1px 3px 0 rgba(0,0,0,0.5);
}
.select2-container--default.select2-container--open.select2-container--above .wotd-langs-selection.select2-selection--single {
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}
.select2-container--default.select2-container--open.select2-container--below .wotd-langs-selection.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .wotd-langs-selection.select2-selection--single .select2-selection__rendered {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--above .wotd-langs-selection.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .wotd-langs-selection.select2-selection--single .select2-selection__rendered {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--open .wotd-langs-dropdown,
.select2-container--open .wotd-langs-dropdown .select2-search--dropdown,
.select2-container--open .wotd-langs-dropdown .select2-results__options {
border: none;
border-radius: 0;
}
.select2-container--open .wotd-langs-dropdown.select2-dropdown--below {
top: -2px;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
}
.select2-container--open .wotd-langs-dropdown.select2-dropdown--above {
top: 2px;
box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.5);
}
.select2-container--open .wotd-langs-dropdown.select2-dropdown--below,
.select2-container--open .wotd-langs-dropdown.select2-dropdown--below .select2-results__options {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.select2-container--open .wotd-langs-dropdown.select2-dropdown--above,
.select2-container--open .wotd-langs-dropdown.select2-dropdown--above .select2-search--dropdown {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.select2-container--default .wotd-langs-dropdown .select2-results > .select2-results__options {
max-height: 198px;
}
.select2-container--default .wotd-langs-dropdown .select2-results__option[aria-selected="true"],
.select2-container--default .wotd-langs-dropdown .select2-results__option[aria-selected="true"]:hover {
background-color: #776687;
color: #fff;
}
.select2-container--default .wotd-langs-dropdown .select2-results__option {
background-color: #f0eef4;
color: #776687;
padding: 14px 30px;
box-shadow: 0 0 0 1px #f8f7fa, 0 0 0 2px #d5cfe0;
}
.select2-container--default .wotd-langs-dropdown .select2-results__option:hover {
background-color: #ded9e7;
color: #776687;
}
.select2-container .wotd-langs-dropdown .select2-search--dropdown {
background-color: #f0eef4;
padding: 10px 0 15px;
}
.select2-container .wotd-langs-dropdown .select2-search--dropdown .select2-search__field {
border-radius: 25px;
height: 35px;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
padding: 0 20px;
box-sizing: border-box;
color: #908f8f;
font-style: italic;
margin-left: 20px;
width: calc(100% - 40px);
box-shadow: inset 0 2px 3px rgb(218,218,217);
}
.select2-container .match {text-decoration: underline;}
.wotd-page__info {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-o-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0 20px 10px;
}
.wotd-page__subscribe-now {
width: 360px;
}
.wotd-page__subscribe-now .wotd-page-email-input {
width: 160px;
float: left;
border: 1px solid #e5e5e5;
box-shadow: inset 0 2px 3px rgb(218,218,217);
}
.wotd-page .wotd-page__subscribe-now .button-submit {
width: 160px;
float: left;
margin-left: 30px;
margin-top: 5px;
line-height: 26px;
height: 30px;
}
.wotd-page__small-txt {
width: 500px;
}
.wotd-page__small-txt a {
color: #4e92cc;
border-color: #4e92cc;
}
.wotd-page__small-txt a:hover {
color: #4e92cc;
}
.icon-rss {
background: url(/images/icon-rss.svg) 0 0 no-repeat;
-webkit-background-size: 10px 10px;
background-size: 10px 10px;
}
.wotd-page .icon-rss {
padding-left: 15px;
background-position: 2px 4px;
}
.wotd-page .widgetContainer.wotd-page-widgetContainer {
margin-left: 20px;
}
.wotd-page-content h3 {
font-size: 40px;
color: #272727;
font-weight: 400;
margin: 0 0 15px;
line-height: 1;
position: relative;
}
.wotd-page-content h3:before {
content: '';
width: 76px;
height: 76px;
position: absolute;
}
.wotd-page .button-submit {
font-size: 15px;
height: 25px;
line-height: 25px;
font-family: 'MuseoSlab', serif;
cursor: pointer;
width: 200px;
display: inline-block;
}
.wotd-page .button-submit[disabled] {
opacity: 0.6;
}
.wotd-page-menu {
background-color: #f3f3f3;
border-top: 1px solid #dddcdc;
border-bottom: 1px solid #e2e0e0;
padding: 15px 0;
box-sizing: border-box;
}
.wotd-page-menu h2 {
color: #3c78ae;
text-align: center;
font-size: 30px;
font-weight: 700;
margin: 0;
}
.wotd-page-menu ul {
text-align: center;
}
.wotd-page-menu li {
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
}
.wotd-page-menu a {
border-bottom: none;
color: #272727;
display: block;
font-size: 14px;
line-height: 1.2;
width: 120px;
padding-top: 60px;
}
.wotd-page-menu a:hover {
color: #4f90ca;
text-decoration: underline;
}
.wotd-page-menu a:before {
content: '';
position: absolute;
top: 0;
width: 48px;
height: 48px;
left: 50%;
margin-left: -24px;
}
.wotd-page-menu a:hover:before {
opacity: .8;
}
a.wotd-page-menu--email:before {
background: url(/images/wotd-social-icons-mail.svg) 0 0 no-repeat;
}
a.wotd-page-menu--wotdc:before {
background: url(/images/wotd-social-icons-wotd.svg) 0 0 no-repeat;
}
a.wotd-page-menu--fb:before {
background: url(/images/wotd-social-icons-facebook.svg) 0 0 no-repeat;
}
a.wotd-page-menu--tw:before {
background: url(/images/wotd-social-icons-twitter.svg) 0 0 no-repeat;
}
a.wotd-page-menu--rss:before {
background: url(/images/wotd-social-icons-rss.svg) 0 0 no-repeat;
}
.wotd-page-email {
padding-top: 150px;
text-align: center;
}
.wotd-page-email__bg {
background: url(/images/wotd-page-email.png) 50% 100% no-repeat;
min-height: 358px;
}
.wotd-page-email__info {
padding-bottom: 240px;
}
.wotd-page-email h3:before {
background: url(/images/wotd-social-icons-mail.svg) 0 0 no-repeat;
left: 50%;
margin-left: -38px;
top: -98px;
}
.wotd-page-email p {
width: 520px;
margin: 0 auto;
}
.wotd-page-email__subscribe {
background-color: #776687;
padding: 40px 0 50px;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.wotd-page-email__subscribe h4,
#wotd .wotd-page-email__subscribe h4 {
font-size: 24px;
color: #fff;
font-weight: 400;
margin: 0 0 25px;
padding: 0;
}
.wotd-page-email__subscribe p {
color: #fff;
font-size: 14px;
margin-bottom: 10px;
}
.wotd-page-email__subscribe .select2-container {
margin-bottom: 20px;
}
.wotd-page-email__subscribe:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #776687;
bottom: -20px;
left: 50%;
margin-left: -20px;
}
.wotd-page-email-input {
display: block;
border-radius: 5px;
height: 40px;
width: 240px;
margin: 0 auto 18px;
padding: 0 17px;
font-size: 14px;
color: #666;
box-sizing: border-box;
border: 0;
background-color: #f5f5f5;
}
.wotd-page-email__subscribe .button-submit {
width: 160px;
height: 28px;
}
.wotd-page-email-btn {
margin: 0 auto;
}
.wotd-page-email-btn:focus {
outline: none;
}
.wotd-page-courses {
/*min-height: 560px;*/
box-sizing: border-box;
position: relative;
}
.wotd-page-courses:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fdfaf0;
bottom: -20px;
left: 50%;
margin-left: -20px;
}
.wotd-page-courses h3:before {
background: url(/images/wotd-social-icons-wotd.svg) 0 0 no-repeat;
top: 5px;
left: -100px;
}
.wotd-page-courses__bg {
padding-top: 130px;
background: #fdfaf0 url(/images/wotd-page-courses.png) 0 75% no-repeat;
overflow: hidden;
padding-bottom: 50px;
min-height: 370px;
}
.wotd-page-courses__text {
width: 435px;
float: right;
}
.wotd-page-courses__text p {
padding-right: 50px;
margin-bottom: 30px;
}
.wotd-page-courses__text .button-submit {
width: 200px;
}
.wotd-page-courses__languages {
margin-bottom: 30px;
}
.wotd-page-courses__languages h6 {
font-size: 20px;
font-weight: 400;
margin: 0;
}
.wotd-page-courses__languages small {
font-size: 12px;
}
.wotd-page-courses__free-trial {
background: url(/images/free-trial.svg) 0 0 no-repeat;
-webkit-background-size: 81px 81px;
background-size: 81px 81px;
font-size: 16px;
padding-left: 90px;
margin-left: -90px;
min-height: 82px;
margin-bottom: 100px;
}
.wotd-page-courses__free-trial p {
padding-top: 15px;
margin-bottom: 20px;
}
.wotd-page-fb {
min-height: 575px;
background: url(/images/wotd-page-fb.png) 100% 45px no-repeat;
}
.wotd-page-fb h3:before {
background: url(/images/wotd-social-icons-facebook.svg) 0 0 no-repeat;
top: 2px;
left: -90px;
}
.wotd-page-fb__text {
width: 400px;
padding-top: 155px;
margin-left: 110px;
}
.wotd-page-fb__text p {
margin-bottom: 30px;
}
.wotd-page-tw {
position: relative;
z-index: 1;
background-color: #fdeade;
padding-bottom: 50px;
}
.wotd-page-tw__bg {
background: url(/images/wotd-page-tw.png) 0 100% no-repeat;
min-height: 530px;
}
.wotd-page-tw:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #fdeade;
top: -20px;
left: 50%;
margin-left: -20px;
}
.wotd-page-tw:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fdeade;
bottom: -20px;
left: 50%;
margin-left: -20px;
}
.wotd-page-tw h3:before {
background: url(/images/wotd-social-icons-twitter.svg) 0 0 no-repeat;
top: 2px;
left: -105px;
}
.wotd-page-tw__text {
width: 370px;
padding-top: 105px;
float: right;
margin-right: 60px;
}
.wotd-page-tw__text h3 {
margin-bottom: 20px;
}
.wotd-page-tw__text p {
margin-bottom: 25px;
}
.wotd-page-rss {
min-height: 810px;
background-color: #eef8fc;
position: relative;
text-align: center;
padding: 0 20px 1px;
}
.wotd-page-rss__text {
padding-bottom: 550px;
background: url(/images/wotd-page-rss.png) 50% 100% no-repeat;
}
.wotd-page-rss__text h3 {
padding-top: 150px;
margin-bottom: 7px;
}
.wotd-page-rss__text p {
width: 400px;
margin: 0 auto 27px;
}
.wotd-page-rss__text a {
color: #4f91cb;
}
.wotd-page-rss__text a:hover {
color: #4f91cb;
}
.wotd-page-rss h3:before {
background: url(/images/wotd-social-icons-rss.svg) 0 0 no-repeat;
top: 45px;
left: 50%;
margin-left: -38px;
}
.wotd-page-rss .wotd-page-language-list {
width: 470px;
margin: 0 auto;
}
.wotd-page-language-list h6 {
font-size: 20px;
font-weight: 400;
margin: 0;
}
.wotd-page-language-list a {
color: #272727;
font-size: 12px;
line-height: 1;
border-bottom: none;
text-decoration: underline;
}
.wotd-page-language-list a:hover {
color: #272727;
}
.wotd-page-language-list a:active,
.wotd-page-language-list a:visited {
color: #4f90ca;
}
/* transparent-language-online/mobile.html start */
.tl-mobile-apps .content-text-inner {
background-color: #f7f7f7;
}
.tl-mobile-apps p {
margin: 0 20px;
text-align: center;
}
.tl-mobile-apps small {
font-size: 12px;
}
.tl-mobile-apps-header {
background: url(/images/tl-mobile-apps-header--new.png) 50% 100% no-repeat;
height: 655px;
margin-bottom: 40px;
}
.tl-mobile-apps-ipad {
background: url(/images/tl-mobile-apps-ipad.png) 100% 100% no-repeat;
height: 733px;
padding-left: 20px;
margin-bottom: 45px;
-webkit-box-shadow: inset 0 -5px 8px -5px #9e9e9e;
box-shadow: inset 0 -5px 8px -5px #9e9e9e;
}
.tl-mobile-apps-ipad h2 {
font-size: 44px;
}
.tl-mobile-apps-ipad ul {
width: 390px;
}
.tl-mobile-apps-ipad small {
margin-left: 50px;
}
.tl-mobile-apps-phones {
-webkit-box-shadow: inset 0 -5px 8px -5px #9e9d9d;
box-shadow: inset 0 -5px 8px -5px #9e9d9d;
}
.tl-mobile-apps-phones h2 {
margin-left: 20px;
}
.tl-mobile-apps-phones--1 {
background: url(/images/tl-mobile-apps-phone-1.png) 0 50px no-repeat;
height: 610px;
overflow: hidden;
}
.tl-mobile-apps-phones--1 ul {
float: right;
width: 430px;
margin-right: 20px;
}
.tl-mobile-apps-phones--2 {
background: url(/images/tl-mobile-apps-phone-2--new.png) 100% 100% no-repeat;
height: 500px;
}
.tl-mobile-apps-phones--2 ul {
width: 380px;
margin-left: 20px;
}
.tl-mobile-apps-phones--2 small {
width: 350px;
display: block;
margin-left: 70px;
}
.tl-mobile-apps-downloading {
padding-top: 50px;
background-color: #fdfaf0;
text-align: center;
}
.tl-mobile-apps-downloading--header {
text-align: center;
background: url(/images/tl-mobile-apps-steps-new.png) 50% 205px no-repeat;
margin-bottom: 75px;
}
.tl-mobile-apps-lnk {
background-color: #fae284;
width: 250px;
height: 120px;
border-radius: 10px 0 0 10px;
float: right;
margin-top: 265px;
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
padding: 17px 20px;
box-sizing: border-box;
}
.tl-mobile-apps-lnk h4 {
font-size: 24px;
color: #272727;
padding: 0;
margin: 0 0 12px;
}
.tl-mobile-apps-lnk a,
.tl-mobile-apps-lnk a:hover {
color: #272727;
border-bottom: 0;
text-decoration: underline;
}
.tl-mobile-apps-downloading h2 {
margin-bottom: 25px;
}
.tl-mobile-apps-downloading h3 {
margin: 0;
font-size: 24px;
font-weight: 700;
color: #272727;
margin-bottom: 10px;
}
.tl-mobile-apps-downloading h4 {
margin: 255px 0 0 0;
padding: 0;
font-size: 44px;
text-align: center;
font-weight: 400;
color: #272727;
position: relative;
display: inline-block;
}
.tl-mobile-apps-downloading h4:after {
content: '';
position: absolute;
left: 0;
height: 1px;
background-color: #c2c2c2;
width: 100%;
bottom: -30px;
}
.tl-mobile-apps-downloading--step-1 {
padding-bottom: 80px;
position: relative;
}
.tl-mobile-apps-downloading--step-1:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 50px solid #fdfaf0;
bottom: -50px;
margin-left: -100px;
}
.tl-mobile-apps-downloading--step-1 img {
width: 624px;
height: 303px;
display: block;
border: 0;
margin: 0 0 17px 180px;
}
.tl-mobile-apps-downloading h6 {
color: #272727;
margin-bottom: 0;
}
.tl-mobile-apps-downloading--step-1 p {
width: 550px;
margin: 0 auto;
text-align: left;
}
.tl-mobile-apps-downloading--step-2 {
background-color: #e8e9f5;
padding: 130px;
padding-bottom: 100px;
border-bottom: 5px solid #d9dbed;
}
.tl-mobile-apps-downloading--step-2 img {
width: 556px;
height: 312px;
display: block;
border: 0;
margin: 0 0 17px 50px;
}
.tl-mobile-apps-downloading--step-2 p {
width: 550px;
margin: 0 auto;
text-align: left;
}
.tl-mobile-apps-downloading--step-3 {
background-color: #f7f7f7;
padding: 80px 0;
position: relative;
}
.tl-mobile-apps-downloading--step-3:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 50px solid #f7f7f7;
bottom: -50px;
margin-left: -100px;
}
.tl-mobile-apps-downloading--step-3 ul {
margin-top: 30px;
padding: 0;
overflow: hidden;
}
.tl-mobile-apps-downloading--step-3 li {
width: 49.9%;
float: left;
text-align: left;
list-style: none;
text-align: center;
}
.tl-mobile-apps-downloading--step-3 li:first-child {
border-right: 1px solid #ccc;
}
.tl-mobile-apps-downloading--step-3 li p {
text-align: left;
}
.tl-mobile-apps-downloading--step-3 img.step-1 {
width: 425px;
height: 332px;
margin: 0 0 -15px -40px;
}
.tl-mobile-apps-downloading--step-3 img.step-2 {
width: 211px;
height: 332px;
margin: 0 0 -15px 40px;
}
.tl-mobile-apps-downloading--step-3 p {
width: 380px;
}
.tl-mobile-apps-downloading--step-3 .step-2 {
margin-left: 60px;
}
.google-amazon-lnk {
margin-left: 40px;
}
.download-lnk {
float: left;
margin: 15px 0 0 20px;
}
.download-lnk strong {
display: block;
text-align: left;
}
.tl-mobile-apps-downloading--step-4 {
background-color: #e5eefa;
padding: 130px 0 50px;
}
.tl-mobile-apps-downloading--step-4 img {
width: 524px;
height: 280px;
display: block;
border: 0;
margin: 0 0 10px 200px;
}
.tl-mobile-apps-downloading--step-4 p {
width: 540px;
margin: 0 auto;
text-align: left;
}
.downloading-info {
margin: 50px 20px 0;
}
.downloading-info p {
margin: 0;
width: 100%;
}
/* transparent-language-online/mobile.html end */
/* education/how-to-buy.html start */
.edu-getquote .content-text-inner {
background-color: #f7f7f7;
}
.edu-getquote h1 {
margin-top: 11px;
}
.header--edu-getquote {
background: url(/images/getquote-header.jpg) 0 0 no-repeat;
height: 610px;
}
.edu-getquote-content {
background: url(/images/edu-getquote-content.jpg) 50% 100% no-repeat;
min-height: 960px;
}
.edu-getquote-content__left {
width: 550px;
float: left;
margin-left: 20px;
padding-top: 20px;
}
.edu-getquote-content__right {
width: 275px;
min-height: 643px;
float: right;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 250px;
}
.edu-getquote-content__right a.blue {
color: #4f91cb !important;
border-bottom: 1px dashed #4f91cb !important;
}
.edu-getquote-licenses {
background: url(/images/edu-getquote-licenses.jpg) 0 57px no-repeat;
min-height: 520px;
}
.edu-getquote-licenses__info {
width: 470px;
float: right;
margin-top: 75px;
}
.edu-getquote-licenses-icons {
margin: 0 0 0 30px;
padding: 0;
}
.edu-getquote-licenses-icons li {
position: relative;
list-style: none;
padding-left: 40px;
margin-bottom: 17px;
}
.edu-getquote-licenses-icons li:before {
content: '';
position: absolute;
left: 0;
}
.edu-getquote-bookstore {
background: url(/images/edu-getquote-bookstore.jpg) 100% 30px no-repeat;
min-height: 540px;
}
.edu-getquote-bookstore__info {
width: 460px;
margin: 35px 0 0 20px;
float: left;
}
.edu-getquote-for-you {
text-align: center;
padding-bottom: 50px;
}
.edu-getquote-for-you h2 {
margin-bottom: 35px;
}
.edu-getquote-for-you__item {
display: inline-block;
width: 282px;
box-sizing: border-box;
margin: 0 8px;
border-radius: 6px;
text-align: center;
-webkit-box-shadow: 0 0 8px 0 rgba(160,157,157,.7);
box-shadow: 0 0 8px 0 rgba(160,157,157,.7);
vertical-align: top;
}
.edu-getquote-for-you__head {
background-color: #8179a6;
font-size: 22px;
color: #fff;
padding: 46px 0;
border-radius: 6px 6px 0 0;
-webkit-box-shadow: 0 0 8px 0 rgba(160,157,157,.7);
box-shadow: 0 0 8px 0 rgba(160,157,157,.7);
}
.edu-getquote-for-you__content {
padding: 0 25px 45px;
height: 955px;
box-sizing: border-box;
}
.edu-getquote-for-you-icons {
margin: 0;
padding: 0;
text-align: left;
}
.edu-getquote-for-you-icons li {
list-style: none;
position: relative;
padding-top: 40px;
box-sizing: border-box;
margin-top: 40px;
}
.edu-getquote-for-you-icons li:not(:last-child) {
border-bottom: 1px solid #d6d7d8;
height: 125px;
margin-bottom: 40px;
padding-bottom: 35px;
font-size: 15px;
}
.edu-getquote-for-you-icons li:before {
content: '';
top: 0;
position: absolute;
}
.edu-getquote-more-info {
background-color: #fefbf1;
height: 180px;
text-align: center;
padding-top: 35px;
box-sizing: border-box;
}
.edu-getquote-more-info h5 {
font: 600 20px/40px 'ProximaNova', Arial, sans-serif;
color: #272727;
}
.edu-getquote-more-info .button-submit {
padding: 0 30px;
}
/* education/how-to-buy.html end */
/* @group Byki Community Edition */
.byki-cle .content-text-inner,
.byki-cle .content-text-inner p {line-height: 1.5em;}
.byki-cle .content-text-inner .header {
background: url("/images/tlo-subheader-bg-beige-gradient.png") no-repeat 0 100% #fff;
height: 1100px;
min-height:1100px;
padding: 0 50px;
text-align: left;
}
.byki-cle .content-text-inner a { font: normal 1em/1.5em 'ProximaNova',Arial,sans-serif; }
.byki-cle .content-text-inner a.lnk-large,
.byki-cle .content-text-inner #available-languages a.lnk-large { font-size: 1.6em; }
.byki-cle .content-text-inner .header p {
width: auto;
text-align: left;
margin-bottom: 22px;
}
.byki-cle .content-text-inner .header img { margin-left: -20px; }
.byki-cle .col { width: 390px; }
.byki-cle .col-l { width: 565px; }
.byki-cle .content-text-inner .features { padding: 0 50px 50px 50px; }
.byki-cle .content-text-inner .features.available-languages { padding: 0 10px 0 50px; }
.byki-cle .content-text-inner h2 {
margin: 0 0 17px;
padding-top: 40px;
font: bold 3.125em/1.2em "ProximaNova",Arial,sans-serif;
}
.byki-cle .content-text-inner  #available-languages h2 {margin-top: 0;}
.byki-cle .content-text-inner .features b { color: #789e1e; }
.byki-cle .content-text-inner .smaller { font-size: 0.9em; }
.left.closely {	margin-left: -50px; }
.right.closely { margin-right: -50px; }
.byki-cle .img-features {	margin-top: 50px; }
.byki-cle .img-features.right.closely {	position: relative; bottom: -70px; }
.byki-cle .content-text-inner #download { padding-bottom: 0; }
.byki-cle .content-text-inner h3 {
color: #789e1e;
font-weight: normal;
font-size: 1.6em;
line-height: 1.2em;
}
.byki-cle .content-text-inner h4 {
color: #789e1e;
font-size: 1.3em;
font-weight: normal;
margin: 20px 0 10px 0;
padding: 0;
}
.byki-cle .img-download-iphone,
.byki-cle .content-text-inner #activate .col { margin-top: 20px; }
.byki-cle .content-text-inner #activate .col h2 {
width: 50px;
position: relative;
vertical-align: top;
margin: -5px 0 0 0;
padding: 0;
font-weight: normal;
}
.byki-cle .content-text-inner #activate .col h4,
.byki-cle .content-text-inner #activate .col p { padding-left: 55px; }
.byki-cle .content-text-inner #activate .col.wider p { margin-right: -90px; }
.byki-cle #available-languages .chooselanguage1,
.byki-cle #available-languages .chooselanguage2 { width: 410px; }
/* @end */
/* TOTAL STYLES FOR FORMS START */
.tlhsFormBlock-2 {
font-family: Arial, Helvetica,sans-serif;
text-align: left;
}
.tlhsFormBlock-2 h2 {
font: bold 18px/21px "ProximaNova",Arial,sans-serif !important;
padding: 0 !important;
margin: 0 0 18px 0 !important;
}
.tlhsFormBlock-2 p {
color: #272727 !important;
font: 14px/21px 'ProximaNova', Arial, sans-serif !important;
padding: 0 !important;
margin-bottom: 18px !important;
}
.tlhsFormBlock-2 a {
font-size: 14px !important;
color: #ABA48E !important;
border-bottom: 1px dashed #ABA48E !important;
text-decoration: none !important;
}
.tlhsFormBlock-2 a:hover {
border-bottom: none !important;
}
.tlhsFormBlock-2 .col-l {
float: left;
width: 50%;
box-sizing: border-box;
}
.tlhsFormBlock-2 .form_column_left {
padding-right: 20px;
}
.tlhsFormBlock-2 .hs-form-field {
margin-bottom: 5px;
}
.tlhsFormBlock-2 label {
display: block;
overflow: hidden;
margin-bottom: 3px;
padding-left: 3px;
}
.tlhsFormBlock-2 span {
color: #ABA48E;
font-weight: 700;
font-size: 14px;
line-height: 20px;
padding-right: 3px;
}
.tlhsFormBlock-2 .hs-form-required {
color: #f00;
}
.tlhsFormBlock-2 .hbspt-form {
margin-left: -2px;
}
.tlhsFormBlock-2 .hs-input {
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-top: 1px solid #c9c9c8;
color: #ABA48E;
font-size: 12px;
line-height: 18px;
height: 32px;
padding: 0 7px;
width: calc(100% - 4px);
margin-left: 2px;
-webkit-box-shadow: 0 1px 3px 0 #DADAD9 inset;
-moz-box-shadow: 0 1px 3px 0 #DADAD9 inset;
box-shadow: 0 1px 3px 0 #DADAD9 inset;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
}
.tlhsFormBlock-2 .hs-input:focus {
border-color: #C9C9C8 #E5E5E5 #E5E5E5;
-webkit-box-shadow: 0 0 5px 1px #CFDCF5;
-moz-box-shadow: 0 0 5px 1px #CFDCF5;
box-shadow: 0 0 5px 1px #CFDCF5;
outline: none;
}
.tlhsFormBlock-2 textarea.hs-input {
height: 60px;
resize: none;
width: calc(100% - 4px);
padding: 6px 7px;
}
.tlhsFormBlock-2--big-textarea textarea.hs-input {
height: 94px;
}
.tlhsFormBlock-2 input[type=checkbox].hs-input {
width: auto;
height: auto;
}
.tlhsFormBlock-2 .inputs-list {
padding: 0;
margin: 0;
margin-top: -20px;
}
.tlhsFormBlock-2 .inputs-list li {
list-style: none;
}
.tlhsFormBlock-2 .inputs-list input[type=checkbox].hs-input {
float: left;
margin-top: 5px;
}
.tlhsFormBlock-2 .inputs-list input[type=checkbox].hs-input + span {
padding-left: 25px;
cursor: pointer;
display: block;
}
.tlhsFormBlock-2 .hs-error-msgs {
margin: 0;
padding: 0;
margin-bottom: -10px;
}
.tlhsFormBlock-2 .hs-error-msgs li {
padding: 0;
list-style: none;
line-height: 1;
}
.tlhsFormBlock-2 .hs-error-msgs label {
font-weight: 700;
font-size: 11px;
line-height: 13px;
font-style: italic;
color: #ed1c24;
display: inline-block;
}
.tlhsFormBlock-2 .hs-input.error {
border-color: #c87872;
box-shadow: 0 0 3px rgba(171,41,32,0.25);
}
.tlhsFormBlock-2 .actions {
text-align: center;
margin-top: 25px;
}
.tlhsFormBlock-2 .hs-button {
color: #fff;
cursor: pointer;
font: 700 18px/1.8 'MuseoSlab', serif;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
margin: 0 auto 20px;
display: block;
outline: none;
box-sizing: border-box;
width: auto;
box-sizing: border-box;
padding: 0 45px;
}
.tlhsFormBlock-2 .best-form-result {
margin: 30px 0 30px 0;
}
.tlhsFormBlock-2 .hs-button.button-green {
text-shadow: 0 2px 1px #619f1d;
background: #8db730;
background: -moz-linear-gradient(top, #a0cc3d 0%, #8db730 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0cc3d), color-stop(100%,#8db730));
background: -webkit-linear-gradient(top, #a0cc3d 0%,#8db730 100%);
background: -o-linear-gradient(top, #a0cc3d 0%,#8db730 100%);
background: -ms-linear-gradient(top, #a0cc3d 0%,#8db730 100%);
background: linear-gradient(to bottom, #a0cc3d 0%,#8db730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0cc3d', endColorstr='#8db730',GradientType=0 );
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #76a127, 0 0 0 7px rgba(204,192,174,0.2), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #7fa130;
}
.tlhsFormBlock-2 .hs-button.button-green:hover {
background: #a5cd4e;
-webkit-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #9cc83a, inset 0 1px 0 #c7e14b, inset 0 -1px 5px 3px #89ba2d, 0 0 0 7px rgba(153,128,91,0.2), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #7fa130;
}
.tlhsFormBlock-2 .hs-button.button-green:active,
.tlhsFormBlock-2 .hs-button.button-green:focus {
background: #799e29;
-webkit-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #516a1a, inset 0 -1px 5px 3px #6e8e29, 0 0 0 7px rgba(153,128,91,0.2), 0 1px 1px rgba(255,255,255,0.9);
border: 1px solid #486014;
}
.tlhsFormBlock-2 .hs-button.button-purple {
text-shadow: 0 2px 1px #7b6394;
background: #a497b1;
background: -moz-linear-gradient(top, #a497b1 0%, #9384a2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a497b1), color-stop(100%,#9384a2));
background: -webkit-linear-gradient(top, #a497b1 0%,#9384a2 100%);
background: -o-linear-gradient(top, #a497b1 0%,#9384a2 100%);
background: -ms-linear-gradient(top, #a497b1 0%,#9384a2 100%);
background: linear-gradient(to bottom, #a497b1 0%,#9384a2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a497b1', endColorstr='#9384a2',GradientType=0 );
-webkit-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #827091, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
border: 1px solid #9283a1 !important;
}
.tlhsFormBlock-2 .hs-button.button-purple:hover {
background: #af9fbf;
-webkit-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
-moz-box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
box-shadow: inset 0 -1px 1px #baadc9, inset 0 1px 0 #b8aec2, inset 0 -1px 5px 3px #9b86ad, 0 0 0 7px rgba(204,192,174,0.4), 0 2px 1px rgba(154,136,110,0.9);
border-color: #a497b1 #a497b1 #a497b1;
}
.tlhsFormBlock-2 .hs-button.button-purple:active,
.tlhsFormBlock-2 .hs-button.button-purple:focus {
background: #877994;
-webkit-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
box-shadow: inset 0 -1px 1px #706080, inset 0 1px 0 #4f445a, inset 0 -1px 5px 3px #706080, 0 0 0 7px rgba(204,192,174,0.4), 0 1px 1px rgba(255,255,255,0.9);
border-color: #a497b1 #a497b1 #a497b1;
}
/* TOTAL STYLES FOR FORMS END */
/* MODIFICATION STYLES FOR FORMS START */
/* ebooks (all pages) */
.beige-block .hs-button,
.ebook-form .hs-button {
width: 340px;
}
/* language-resources/index */
.free-home .hs-button {
padding: 0 60px;
}
/* white-papers*/
.white-papers-content__form .hs-button {
padding: 0 35px;
}
/* language-resources */
.free-home .tlhsFormBlock-2 {
margin: 20px 20px 0 0;
}
.free-home .tlhsFormBlock-2 .inputs-list {
margin-top: 0;
}
.free-home .hs_submit {
float: right;
margin-right: 10px;
}
/* language-resources/english-in-context */
.eic-contact-form .hs-button {
padding: 0 55px;
}
.eic-contact-form .hs-form input:not([type="submit"]) {
width: calc(100% - 4px);
}
/* libraries, corporate, education */
.tlhs-form-wrapper--english-learning .hbspt-form {
padding-right: 12px;
margin-left: -2px;
}
/* MODIFICATION STYLES FOR FORMS END */