@charset "UTF-8";
@media screen and (max-width: 767px) {
  .hide-on-small-only {
    display: none !important; } }

@media screen and (max-width: 1023px) {
  .hide-on-med-and-dow {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .hide-on-med-and-up {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .hide-on-large {
    display: none !important; } }

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("../font/1.3.0/VideoJS.eot?") format("eot"); }
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAi0AAoAAAAADnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD0AAABWQLpNY2NtYXAAAAE0AAAAOgAAAUriJhC2Z2x5ZgAAAXAAAATAAAAH/CNovTZoZWFkAAAGMAAAACwAAAA2BEqUO2hoZWEAAAZcAAAAGAAAACQELwIWaG10eAAABnQAAAAPAAAAVCoAAABsb2NhAAAGhAAAACwAAAAsEBQSZm1heHAAAAawAAAAHwAAACABJgBkbmFtZQAABtAAAAElAAACCtXH9aBwb3N0AAAH+AAAALsAAAElJXNJs3icY2BkYmCcwMDKwMHowpjGwMDgDqW/MkgytDAwMDGwMjNgBQFprikMDh8ZP4owgbh6TBBhRhABAFl1B6YAAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6K/P8PUvCREUTzM0DVAwEjG8OIBwCEVQbLAAB4nIVVzW/jRBSf5zieJE2bOPVH0jRpEidxsZumW8f20orWi6C7rKoKqSQUVUjdQ6RVAkekHi047AEOvbSqxIFed8OBO3voDSE4gRohLmi1N/Z/SHljp90uJSLRvJn5vZn3Pc8ECP7gBE4IR8is6A7+huPR8JhEAnwIQ8RnyBwhm6C7M0CLoG6AuwyRZdBxgdsZuPB9c/+Q4w73Q/rgEcc9ehDQs4ODL67x/cPRl1cMpEwj6vBRd4RQQlxL1CzREv12e9DugzEagkH44Mw5nBOBZEiF1HDXquuy6rgSRYJmyEWoUVWTLdVWBSo7rupGqAoHhWwL7KmSDLB7r7k2+inf7bb7+8rcUmUpf95oACk0kk2b0uJc+a2VrW56KbX9Tb7r94/2xdhSYt7Mw4eNRqA+IB0YkCjGCPWI9LjT64Hn96HTJ2M/vka+QJK4YjZtQC04iHAhmy2MXrT7/UDj98nGp+N7kbFvz1FukuSuZKvMv43ALwn9CcLt4fVfmCC7ubbWvLeLPo3Ve6HMP9D6x9uppXR3a6uLYvnrvEbJFBGJivHFENmabtlIIVzLFk7HRs8zDK8HxOsZnmdc9IwTz7gkRu8c0Qmy2EUtlDgbSHRttul7KAzF+HjTMHoDr+cbvdHQM3zcMzFhrAYYqxSZxVUZa0rEKiqjmyKWVVksg39JMlmAbAbG8yWmAO+wxWsGlgeKEq7rlGIMZ0melMgiRtKtaxWBqjXMBdYG1qzdiuozIEuqxWrYtahirTqu/nNXyervze9ANP3u8s7vZ5/NFUcvdueK/Nm3DNB2x+zSD9Gc+qTSvC8+kX8sfGAoyhGjssyQI8YjrDoCW0LfVLRlIfRQFiWFeWiLrXrUkjVVsy02bBwwGD3LZNGlDtLRaaczHA59Rm85/Mxsm6ZpmNd1w/ToZPO2DqoFybDkGTChUn8HWs46rCoLcIVLAsN1ewMYLrMnn8nlMmAgfV4yzRIk4148GRA4ZkC4DOFblh1PeVMKO95hRHljd52jc+gH73xqHB2socCaIA5q2S7LOGwknhn82mCOLsLxyvBN/CMdmObVezzHnFcIqQlUd1q6q6w6rTqmXFIpTpKy6qqCLAUo+DnxlONOMna16lQhXNiZU67aqlafQvoTmqZ7YtWtVucp3UvjmfQepXkNozWu199Ql0s81MZUOU2op6COFKOYAjQAt8ICCKgbJ2UTMNQKRnYTsBnh1tHpMuZgVZEE+A6gIfBGNOakpRgX6+CQ0nacN3mhEbBMPm7fYv1awhdqGK8SSkITYg9pRJ6O3Y3H78am5Qh9GBO0SYxZYPc843UfY29lCl/IVSfHV2HeaNFAbrTyq/ca3sGcwYRPwBu3bn4A4GJi+7/xjWGyS5Olo4mVOovfRDUxwKyx5E5U9zTP+FWmkoaNCA7INFGwW6yRbfIR+Rgr0naKHEUjBE1fcbE9OHUqK6riuKx/1HVNUdEeSRgjaKEmISL/FxK1NoFVtyprL+vrxhzH36lJufxKthjhSgX4PJ7gE0llOg6RRAoy84k4n5gGeSbGJ1L/2o1q72e8O+vJxa/+BL7gVBddHuDtrFIow2PO5VIx0cxVWxmBz6zMlx35fwF1Hgp/7dwn/wCHsUmOeJxjYGRgYADi2RquW+L5bb4ycDMxgMDFaZpbkGkmBsZrQIqDASwNAAmYCNZ4nGNgZGBgYgACPTAJYjMyoAJRAAXjAEx4nGNiYGBgojIGAAeMACsAAAAAAAAMAD4AUACSAKIAvgDsARIBOAFgAaYB2gIyAloCkAL2AxADPgN6A/54nGNgZGBgEGWIYGBnAAEmIOYCQgaG/2A+AwATugGLAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtjlkOwjAMRDNAy1KgrMfIoUJqqKU0KVlYbk+hReKD+bCfrdHYYiR6ZeK/jkJghDEmyJBjihnmWKDAEiusUWKDLXbY44DjpDXqWbyL1Oy1oaxVKVBxcyY1JJsUaTGwcfcvNlx9HTVf6s05GRO0J7KSbCRf/i4eHPNwTcrTNLRsLfl5SKfI0VCYadVGdraDuiPyIQt15xxrd8n7h9Z9ky5Fw5b2w/gJGn7eqlSxkxV1J/mTJ8QLQRVRWgA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMkC6TWMAAAEoAAAAVmNtYXDiJhC2AAAB1AAAAUpnbHlmI2i9NgAAA0wAAAf8aGVhZARKlDsAAADQAAAANmhoZWEELwIWAAAArAAAACRobXR4KgAAAAAAAYAAAABUbG9jYRAUEmYAAAMgAAAALG1heHABJgBkAAABCAAAACBuYW1l1cf1oAAAC0gAAAIKcG9zdCVzSbMAAA1UAAABJQABAAACAAAAAC4CAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFQABAAAAAQAAmyhx5F8PPPUACwIAAAAAANGWKbQAAAAA0ZYptAAAAAACAAHWAAAACAACAAAAAAAAAAEAAAAVAFgABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQIAAZAABQAIAUQBZgAAAEcBRAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxFAIAAAAALgIAAAAAAAABAAAAAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxFP//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAPgBQAJIAogC+AOwBEgE4AWABpgHaAjICWgKQAvYDEAM+A3oD/gABAAAAAAGWAZYAAgAAExE3q+oBlf7WlQADAAAAAAHWAdYAAgAOABoAAD8BJzcOAQceARc+ATcuAQMuASc+ATceARcOAdWAgCtbeAICeFtbeAICeFtIYQICYUhIYQICYaBgYHUCeFtbeAICeFtbeP6CAmFISGECAmFISGEAAgAAAAABgAGWAAMABwAANzMRIzMRMxGAVVWrVWsBKv7WASoABAAAAAABwAHAAAYAEgAiACUAAAE0JicVFzY3FAcXNjcuAScVHgElBxcjFTMXNRcGBxU2Nxc3AwcXAWAdGDQBNQsgFQEBU0EvOv7HG2VlVWtbFhosIiwbwC0tAQAdLQwvNQcHHhohKTBGZRAsD0yMG2WAa5BbEQgsChwrGwFQLS0AAAAAAQAAAAABVgGrAAUAABMVMxcRB5VWamoBQIBrAVZrAAACAAAAAAGLAasABgAMAAABLgEnFT4BJRUzFxEHAYsBHRgYHf7hVWtrAQAdLQysDC1dgGsBVmsAAAMAAAAAAcABvAAFAAwAGQAAExUzFxEHFzQmJxU+AScVHgEUBgcVPgE3LgFAVWtryx0YGB01Lzo6L0FTAQFTAUCAawFWa0AdLQysDC3YLA9MaEwPLBBlRkZlAAAABAAAAAABlgGWAAUACwARABcAADcjFTM1IyczNTM1IwEjFTM1IycVMxUzNZUqakAqKkBqAQBAaipAQCrVaiqWQCr/ACpqwCpAagAAAAQAAAAAAZYBlgAFAAsAEQAXAAA3MxUzNSM3IxUzNSMTMzUzNSM3NSMVMzVrQCpqQEBqKoAqQGoqKmqrQGqAKmr+1kAqgEBqKgAAAAACAAAAAAGrAasADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQGA/wASGAEBGBIBABIYAQEYEv8AAQABqwEYEv8AEhgBARgSAQASGP7WAQAAAAYAAAAAAdYB1gAHAAwAEwAbACAAKAAAEzcmIyIGBxclLgEnBxcjFz4BNTQFJw4BFRQXMwceARc3MwcWMzI2NyfJZRYYJ0QcTgEFEEIuTtOgbBoe/uFTGh4EoJsQQi5OI1MWGCdEHE4BILAFGReHIi9HEYcVux1JKhYWkB1JKhYVFS9HEYeQBRkXhwAABQAAAAAB1gGrAA8AEwAXABsAHwAAASEOARURFBYXIT4BNRE0JgUzFSMXIzUzFyM1MzUjNTMBq/6qEhgYEgFWEhgY/phWVtbW1oBWVtbWAasBGBL/ABIYAQEYEgEAEhiqK1UrKysqKwADAAAAAAHAAasADwAnAD8AAAEhDgEVERQWFyE+ATURNCYHIzUjFTM1MxUOASsBIiY9ATQ2OwEyFh8BIzUjFTM1MxUUBisBIiYnNT4BOwEyFhUBlf7WEhkZEgEqEhkZvCArKyABDAlACQwMCUAJDAGVICsrIAwJQAkMAQEMCUAJDAGrARgS/wASGAEBGBIBABIYlQtACxYJDAwJVgkMDAkWC0ALFgkMDAlWCQwMCQAAAAYAAAAAAcABawADAAcACwAPABMAFwAANzM1IxUzNSM1MzUjFyE1IRUhNSE1FSE1QCsrKysrK1UBK/7VASv+1QEr6yqAK4ArgCqAK6srKwAAAQAAAAABwAHWACIAACUGByc2NCc3FjI2NCYiBgcUFwcmIgYUFjI3FwYVFBYyNjQmAYAZEZgCApYSNSQkNiQBApYSNSQkNRKYAiQ0JCSpARBZBxAHWBEkNyQkHAcHWBAkNiQQWAcHGyMjNSMAAgAAAAAB0gHWADcAQAAAJTY0Jzc2LwEmDwEmLwEmKwEiDwEGBycmDwEGHwEGFBcHBh8BFj8BFh8BFjsBMj8BNjcXFj8BNicHLgE0NjIWFAYBnwEBLQYEKgUINhAUCAIIVggCCBQQNQkEKwQGLQEBLQYEKwQJNRAUCAIIVggCCBQQNQkEKwQGzCAqKkAqKusKFgojBghKBwMVDQg4CQk4CA0VAwdKCAYjChYKIwYISgcDFQ0IOAkJOAgNFQMHSggGEwEqQCoqQCoAAAAAAQAAAAAB1gHWAAsAABMeARc+ATcuAScOASsCeFtbeAICeFtbeAEAW3gCAnhbW3gCAngAAAIAAAAAAdYB1gALABcAAAEOAQceARc+ATcuAQMuASc+ATceARcOAQEAW3gCAnhbW3gCAnhbSGECAmFISGECAmEB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYQAAAwAAAAAB1gHWAAsAFwAgAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEnDgEiJjQ2MhYBAFt4AgJ4W1t4AgJ4W0hhAgJhSEhhAgJhCAEkNiQkNiQB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYakbJCQ2JCQAAAAABwAAAAACAAFgAA0AFgAoADoATABUAFcAADc1Nh4CBw4BBwYjJzA3MjY3NiYHFRYXFjY3PgE1NCYnIxYXHgEXFAYXFjY3PgE1LgEnIxQXHgEVFAYXFjY3PgE1LgEnIxQXHgEVFAYFMz8BFTM1IxcVI+MmOyoaAgQxJRQZGzAYHgMCIB0BbQkKBAoMFg0JAQMKDwESHAoJBAoNARUOCAQKDxIcCgkECg0BFQ4IBAoPEv4lRRJAMTsMKIPaAQQdNiQoNwQBATkYFh0hAWgCNwIPCBErGSQ0EgYEEjAcITYVAg8IESsZJDQSBgQSMBwhNhUCDwgRKxkkNBIGBBIwHCE2FxwBHd9ORwAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZRFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }
.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
  content: '\f101'; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play-circle:before {
  content: '\f102'; }

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
  content: '\f103'; }

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  content: '\f104'; }

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
  content: '\f105'; }

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
  content: '\f106'; }

.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
  content: '\f107'; }

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
  content: '\f108'; }

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  content: '\f109'; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-square:before {
  content: '\f10a'; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-spinner:before {
  content: '\f10b'; }

.vjs-icon-subtitles,
.video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button:before {
  content: '\f10c'; }

.vjs-icon-captions,
.video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before,
.video-js .vjs-captions-button:before {
  content: '\f10d'; }

.vjs-icon-chapters,
.video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button:before {
  content: '\f10e'; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-share:before {
  content: '\f10f'; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cog:before {
  content: '\f110'; }

.vjs-icon-circle,
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
  content: '\f111'; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-outline:before {
  content: '\f112'; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-inner-circle:before {
  content: '\f113'; }

.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio-description:before {
  content: '\f114'; }

.video-js {
 /* display:inline-block would be closer to the video el's display:inline
* but it results in flash reloading when going into fullscreen [#2205]
*/
  display: block;
  /* Make video.js videos align top when next to video elements */
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
easily calculable. */
  font-size: 10px;
  line-height: 1;
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
checking fullScreenEnabled. */ }

.video-js:-moz-full-screen {
  position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

/* All elements inherit border-box sizing */
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

/* List style reset */
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  /* Important to specify each */
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

/* Fill the width of the containing element and use padding to create the
   desired aspect ratio. Default to 16x9 unless another ratio is given. */
/* Not including a default AR in vjs-fluid because it would override
   the user set AR injected into the header. */
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  /* Undo any aspect ratio padding for fluid layouts */
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Hide disabled or unsupported controls. */
.vjs-hidden {
  display: none !important; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
The .video-js classname on the video tag also isn't considered.
This optional paragraph inside the video tag can provide a message to users
about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto; }

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li:focus,
.vjs-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  /* (Width of vjs-menu - width of button) / 2 */
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-menu-button-popup .vjs-menu ul {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em; }

.vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 2.2222222em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  /* !important is ok in this context. */
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar:before {
    content: ""; } }
/* IE 8 + 9 Support */
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-control:before {
  font-size: 1.8em;
  line-height: 1.67; }

/* Replacement for focus outline */
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

/* Hide control text visually, but have it available for screenreaders */
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* IE 8 + 9 Support */
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

/**
 * Let's talk pixel math!
 * Start with a base font size of 10px (assuming that hasn't changed)
 * No Hover:
 * - Progress holder is 3px
 * - Progress handle is 9px
 * - Progress handle is pulled up 3px to center it.
 *
 * Hover:
 * - Progress holder becomes 5px
 * - Progress handle becomes 15px
 * - Progress handle is pulled up 5px to center it
 */
.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.vjs-live .vjs-progress-control {
  display: none; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

/* We need an increased hit area on hover */
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em; }

/* Also show the current time tooltip */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  display: block;
  /* If we let the font size grow as much as everything else, the current time tooltip ends up
   ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
   to avoid a weird hitch when you roll off the hover. */
  font-size: 0.6em; }

/* Progress Bars */
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

.video-js .vjs-play-progress {
  background-color: #fff; }

.video-js .vjs-play-progress:before {
  position: absolute;
  top: -0.3333333333em;
  right: -0.5em;
  font-size: 0.9em; }

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  /* By default this is hidden and only shown when hovering over the progress control */
  display: none;
  position: absolute;
  top: -2.4em;
  right: -1.5em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 0.2em 0.5em;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
  z-index: 1; }

.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.5); }

/* there are child elements of the load progress bar that represent the
specific time ranges that have been buffered */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
  display: none; }

.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-js .vjs-volume-bar {
  margin: 1.35em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em; }

/* Assumes volume starts at 1.0. */
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
a little differently. It needs to be possible to tab to the volume slider
without hitting space bar on the menu button. To do this we're not using
display:none to hide the slider menu by default, and instead setting the
width and height to zero. */
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  /* An inline volume should never have a menu background color.
   This protects it from external changes to background colors. */
  background-color: transparent !important; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

/* Used for IE8 fallback */
.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster after the video has started playing */
.vjs-has-started .vjs-poster {
  display: none; }

/* Don't hide the poster if we're playing audio */
.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

/* Hide the poster when controls are disabled because it's clickable
and the native poster can take over */
.vjs-controls-disabled .vjs-poster {
  display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em; }

.vjs-live .vjs-time-control {
  display: none; }

/* We need the extra specificity that referencing .vjs-no-flex provides. */
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff;
  /* Subtitles are white */ }

.vjs-captions {
  color: #fc6;
  /* Captions are yellow */ }

.vjs-tt-cue {
  display: block; }

.video-js .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  color: #fff;
  /* In order to center the play icon vertically we need to set the line height
to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  /* Needed for IE8 */
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #66A8CC; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  /* Need to fix centered page layouts */
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  /* Keep 100% opacity so they don't show through each other */
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

/* only animate when showing because it can be processor heavy */
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }
@-webkit-keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }
.vjs-chapters-button .vjs-menu {
  left: -10em;
  /* (Width of vjs-menu - width of vjs-control) / 2 */
  width: 0; }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
  display: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    /* outline: none;
     background: transparent;
     color: transparent;*/ }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-arrow {
  z-index: 9999;
  width: 24px;
  height: 10px;
  padding: 20px;
  background-color: #ffffff;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px auto !important; }

.slick-prev {
  left: 0;
  background-image: url(../images/icn_arr_left.png) !important; }
  .slick-prev:before {
    content: ''; }

.slick-next {
  right: 0;
  background-image: url(../images/icn_arr_right.png) !important; }
  .slick-next:before {
    content: ''; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url("../images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }
@media screen and (min-width: 1024px) {
  .content_popup {
    padding: 15px; } }
.content_popup h1 {
  margin-bottom: 20px; }
.content_popup p {
  font-size: 14px; }
  @media screen and (min-width: 768px) {
    .content_popup p {
      font-size: 16px;
      line-height: 1.5m; } }

.heroBanner .heroBanner-img {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  max-height: 400px;
  width: 100%;
  overflow-y: hidden; }
  @media screen and (min-width: 768px) {
    .heroBanner .heroBanner-img {
      max-height: 420px; } }
  @media screen and (min-width: 1024px) {
    .heroBanner .heroBanner-img {
      max-height: 660px; } }
  .heroBanner .heroBanner-img img {
    opacity: 0;
    filter: alpha(opacity=0); }
.heroBanner .heroBanner-box {
  position: absolute;
  bottom: 25px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .heroBanner .heroBanner-box {
      bottom: 45px; } }
  @media screen and (min-width: 1024px) {
    .heroBanner .heroBanner-box {
      bottom: 212px; } }
  .heroBanner .heroBanner-box .btn-link {
    width: 50%;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .heroBanner .heroBanner-box .btn-link {
        width: 100%;
        position: absolute;
        margin-left: 15px;
        bottom: -25px; } }
    @media screen and (min-width: 1024px) {
      .heroBanner .heroBanner-box .btn-link {
        margin-left: 40px; } }
.heroBanner .heroBanner-box-title {
  font-family: 'LubalinGraphStd-Book';
  font-size: 24px;
  line-height: 1.25;
  color: white;
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .heroBanner .heroBanner-box-title {
      margin: 0;
      padding: 20px 15px 40px;
      background-color: #717074;
      display: inline-block;
      font-size: 28px; }
      .heroBanner .heroBanner-box-title .controlPc {
        display: block; }
      .heroBanner .heroBanner-box-title .controlSP {
        display: inline; } }
  @media screen and (min-width: 1024px) {
    .heroBanner .heroBanner-box-title {
      padding: 20px 40px 50px; } }
  @media screen and (min-width: 1280px) {
    .heroBanner .heroBanner-box-title {
      padding: 40px 40px 70px;
      font-size: 50px; } }

.pageBanner .pageBanner-img {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  max-height: 188px;
  overflow-y: hidden; }
  @media screen and (min-width: 480px) {
    .pageBanner .pageBanner-img {
      max-height: 240px; } }
  @media screen and (min-width: 640px) {
    .pageBanner .pageBanner-img {
      max-height: 300px; } }
  @media screen and (min-width: 768px) {
    .pageBanner .pageBanner-img {
      max-height: 440px; } }
  @media screen and (min-width: 1024px) {
    .pageBanner .pageBanner-img {
      max-height: 617px; } }

.page_book_your_breast_screen .heroBanner-img {
  height: 190px; }

.heroBanner-wrap {
  margin-top: -14%; }
  @media screen and (min-width: 375px) {
    .heroBanner-wrap {
      margin-top: -12%; } }

.heroBanner-desc {
  padding: 20px 0px 15px 0px;
  background-color: #ffffff;
  color: #717074; }
  .heroBanner-desc .heroBanner-desc-cap {
    font-family: 'LubalinGraphStd-Book';
    line-height: 1.25;
    font-size: 24px;
    margin-bottom: 15px; }
  .heroBanner-desc .heroBanner-desc-context {
    font-family: 'UniversLTStd-Light';
    line-height: 1.2;
    font-size: 14px;
    padding: 10px 0; }

body,
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: #857a18; }

p {
  font-size: 14px;
  color: #717074;
  line-height: 1.25;
  font-family: 'UniversLTStd-Light';
  margin: 0; }
  @media screen and (min-width: 768px) {
    p {
      font-size: 16px; } }
  @media screen and (min-width: 1024px) {
    p {
      font-size: 18px;
      line-height: 1.67; } }
  p a:hover {
    text-decoration: underline !important; }
  p a:focus {
    color: #514a0f; }
  p a:active {
    color: #514a0f; }

img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%; }

section {
  position: relative; }

.inner {
  padding: 0 15px;
  position: relative;
  height: auto;
  max-width: 1310px;
  width: 100%;
  margin: 0 auto; }

.clearFix:after {
  clear: both;
  visibility: hidden;
  height: 0;
  content: '';
  display: block; }

.overlay {
  background: rgba(0, 0, 0, 0.34);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }

span.controlSP {
  display: block; }
  @media screen and (min-width: 1024px) {
    span.controlSP {
      display: inline; } }

@media screen and (min-width: 1024px) {
  span.controlPc {
    display: block; } }

.inner-container {
  padding: 0 15px; }

.bg-gray {
  background-color: #717074; }

.arrow-down:after {
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7.5px solid #2f2f2f; }

.img-left {
  width: auto;
  float: left;
  padding-right: 12px; }

.img-center {
  width: auto;
  margin: 0 auto;
  padding: 10px; }

.img-right {
  width: auto;
  float: right;
  padding-left: 12px; }

@media screen and (min-width: 1024px) {
  .skinWhiteBlue {
    margin-bottom: 40px; } }
.skinWhiteBlue .patientsStories {
  background-color: #ffffff; }

.skinwhitewhite .patientsStories {
  background-color: #ffffff; }

.visual-selectboxshow-name {
  border: 1px solid #cfcfcf;
  font-size: 14px;
  padding: 17px 15px;
  color: #717074;
  font-family: 'UniversLTStd-Light';
  cursor: pointer;
  width: 100%;
  display: block;
  text-transform: capitalize;
  background-image: url("../images/arrow_select.png");
  background-repeat: no-repeat;
  background-position: 98% 50%; }
  @media screen and (min-width: 1024px) {
    .visual-selectboxshow-name {
      font-size: 20px; } }

.visual-selectbox {
  padding: 10px 0;
  border-bottom: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  position: absolute;
  width: 100%;
  z-index: 9999;
  background-color: #ffffff;
  display: none;
  -webkit-transition: .7s;
  -ms-transition: .7s;
  -moz-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
  max-height: 172px;
  height: auto;
  background-color: #ffffff;
  overflow-y: scroll; }
  .visual-selectbox li {
    font-size: 14px;
    padding: 17px 15px;
    color: #717074;
    font-family: 'UniversLTStd-Light';
    cursor: pointer;
    text-transform: capitalize; }
    @media screen and (min-width: 1024px) {
      .visual-selectbox li {
        font-size: 20px; } }

.visual-selectbox-isActive {
  display: block;
  -webkit-transition: .7s;
  -ms-transition: .7s;
  -moz-transition: .7s;
  -o-transition: .7s;
  transition: .7s; }

.error-group {
  width: auto;
  padding: 12px;
  border-left: 3px solid #d50000;
  margin: 10px 0;
  box-shadow: 0px 0px 6px #cfcfcf;
  background-color: white; }

.success-group {
  width: auto;
  padding: 12px;
  border-left: 3px solid #64dd17;
  margin: 10px 0;
  box-shadow: 0px 0px 6px #cfcfcf;
  background-color: white; }

.box-context-reset img {
  width: auto;
  display: initial; }

.box-context-reset img:first-child {
  float: left;
  padding-right: 12px; }

#urlsite {
  display: none; }

.contentMain {
  display: inline-block;
  width: 100%;
  height: 100%; }

#printPageResult {
  top: 0;
  left: 0;
  position: absolute;
  display: none;
  z-index: 0;
  width: 100%;
  height: 100%; }
  #printPageResult img {
    display: block;
    border: none;
    width: 100%;
    height: auto; }

.post-content a {
  color: #717074; }

.post-content a:hover {
  text-decoration: underline; }

.post-content a:visited {
  color: #514a0f; }

.container-page {
  margin-top: 25px; }
  @media screen and (min-width: 768px) {
    .container-page {
      margin-top: 0px; } }

.page-fundraising {
  padding-top: 30px !important; }
  @media screen and (min-width: 768px) {
    .page-fundraising {
      padding-top: 90px !important; } }

.lastnews {
  padding-top: 20px; }

.list-support {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px; }

section.news-event-new {
  padding-top: 20px; }

.fundraising .aboutDes-box {
  margin-top: 20px !important; }

.wrap-fundraising {
  padding-top: 0 !important; }

.page-clinical .address-link-wrap {
  display: none !important; }

.overray-wrap {
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999; }
  .overray-wrap i {
    color: #bebebe;
    text-align: center;
    display: block;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: 14px; }

.overray-wrap-isActive {
  display: block; }

.post-content img {
  width: auto;
  height: auto;
  margin: 0 auto; }
.post-content .aligncenter {
  text-align: center;
  margin: 0 auto; }
.post-content .wp-caption-text {
  padding: 10px;
  font-size: 16px; }
.post-content .wp-caption {
  width: 100% !important; }
.post-content ul {
  list-style: disc; }

div[id*="ajaxsearchliteres"].vertical {
  z-index: 99999999 !important; }

#agree_term {
  padding: 0;
  border: 0px; }

@media screen and (min-width: 1024px) {
  div[id*="ajaxsearchlite"] .probox .proloading, div[id*="ajaxsearchlite"] .probox .proclose, div[id*="ajaxsearchlite"] .probox .promagnifier, div[id*="ajaxsearchlite"] .probox .prosettings {
    position: absolute;
    right: 0; } }

@media screen and (min-width: 1024px) {
  #ajaxsearchlite1 .probox .proinput, div[id*='ajaxsearchlite'] .probox .proinput {
    /*position: absolute;*/ } }

#agree_order, #subscribe {
  display: none;
  width: 0px; }

#resourceorder .customer-detail input[type='radio'] {
  display: none;
  width: 0px; }

.ui-timepicker-table td a {
  font-size: 12px; }
  @media screen and (min-width: 768px) {
    .ui-timepicker-table td a {
      font-size: 14px; } }

@media screen and (min-width: 1024px) {
  div[id*="ajaxsearchlite"] .probox .proinput {
    margin: 0 0 0 0 !important;
    padding: 0 !important; } }
@media screen and (min-width: 1024px) {
  .boxContainerNav .boxContainerNav-right {
    padding: 0 20px !important; } }
.new .new-content .view-all .btn-view {
  text-align: center;
  height: auto;
  line-height: normal; }

.portal .inner {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 768px) {
    .portal .inner {
      padding-left: 15px;
      padding-right: 15px; } }
  .portal .inner .column-left-page {
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (min-width: 768px) {
      .portal .inner .column-left-page {
        padding-left: 0px;
        padding-right: 20px; } }
    @media screen and (min-width: 1024px) {
      .portal .inner .column-left-page {
        padding-right: 44px; } }
  .portal .inner .column-right-page {
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1440px) {
      .portal .inner .column-right-page {
        padding-right: 20px;
        padding-left: 20px; } }
  .portal .inner .container-page {
    padding-bottom: 0px; }

.westmead .inner {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 768px) {
    .westmead .inner {
      padding-right: 15px;
      padding-left: 15px; } }

.quickLinks .inner {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 1024px) {
    .quickLinks .inner {
      padding-right: 15px;
      padding-left: 15px; } }

.new-content ul {
  display: table; }
  @media screen and (min-width: 768px) {
    .new-content ul {
      padding-top: 10px; } }
  @media screen and (min-width: 1024px) {
    .new-content ul {
      padding-top: 0px; } }
  .new-content ul li {
    width: 100%;
    display: inline-block;
    vertical-align: top; }
    @media screen and (min-width: 768px) {
      .new-content ul li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        padding: 0;
        border-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px; } }
    @media screen and (min-width: 1024px) {
      .new-content ul li {
        border-right: 0px;
        border-top: 0px;
        width: 25%;
        padding-top: 0;
        padding-bottom: 0; } }
    .new-content ul li a {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      height: 100%; }
      @media screen and (min-width: 768px) {
        .new-content ul li a {
          border: 1px solid #e5e5e5; } }
      @media screen and (min-width: 1024px) {
        .new-content ul li a {
          border-right: 0px;
          padding: 10px; } }
      .new-content ul li a img {
        float: left;
        width: 37%;
        height: auto;
        display: block; }
        @media screen and (min-width: 768px) {
          .new-content ul li a img {
            width: 100%;
            float: none; } }
      .new-content ul li a .new-content-des {
        float: right;
        padding-top: 0;
        width: 60%; }
        @media screen and (min-width: 768px) {
          .new-content ul li a .new-content-des {
            width: 100%;
            float: none;
            padding: 14px; } }
        @media screen and (min-width: 768px) {
          .new-content ul li a .new-content-des .new-content-des-postDay {
            padding-bottom: 8px;
            padding-top: 10px; } }
        @media screen and (min-width: 1024px) {
          .new-content ul li a .new-content-des .new-content-des-postDay {
            padding-bottom: 8px;
            padding-top: 10px; } }
      .new-content ul li a:after {
        content: '';
        display: block;
        clear: both; }
    @media screen and (min-width: 768px) {
      .new-content ul li:nth-child(1) {
        margin-right: 2%; } }
    @media screen and (min-width: 1024px) {
      .new-content ul li:nth-child(1) {
        margin-right: 0; } }
    @media screen and (min-width: 768px) {
      .new-content ul li:nth-child(3) {
        margin-right: 2%; } }
    @media screen and (min-width: 1024px) {
      .new-content ul li:nth-child(3) {
        margin-right: 0; } }
    @media screen and (min-width: 1024px) {
      .new-content ul li:nth-child(4) a {
        border-right: 1px solid #e5e5e5; } }
    @media screen and (min-width: 1024px) {
      .new-content ul li:first-child {
        border-left: 0px; } }
    @media screen and (min-width: 1024px) {
      .new-content ul li:last-child {
        border-right: 1px solid #e5e5e5; } }

.sliderEvents_navContent .sliderEvents_nav .slick-active .sliderEvents_context {
  /*border: 1px solid #cccccc;*/ }

.viewall-news {
  padding: 0 15px; }
.events_section .inner-container{
  padding: 0px;
}
@media screen and (min-width: 1024px) {
  .pastEvents, .events_section {
    max-width: 1310px;
    width: 100%;
    margin: 0 auto;
    padding: 0 60px; } }
.pastEvents .viewall-pastevent, .events_section .viewall-pastevent {
  padding: 0 15px; }
  @media screen and (min-width: 768px) {
    .pastEvents .viewall-pastevent, .events_section .viewall-pastevent {
      padding: 0px; } }

.checkislabel:before {
  outline: 1px solid #857a18; }

#label-agree:focus {
  outline: 0px; }

.fancybox {
  display: inline-block; }

.help-block.form-error {
  color: #b94a48;
  font-size: 14px;
  padding: 10px 0;
  display: block; }

.boxContainerNav .inner {
  padding: 0; }
  .boxContainerNav .inner .boxContainerNav-right {
    padding: 0 15px; }
  .boxContainerNav .inner .box-login-register {
    padding: 0 15px; }
  .boxContainerNav .inner .boxContainerNav-left {
    clear: both; }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .inner .boxContainerNav-left {
        clear: left; } }
    .boxContainerNav .inner .boxContainerNav-left .ulNavItem > li > a {
      padding-left: 15px;
      padding-right: 15px;
      outline: 0px;
      width: 94%; }
      @media screen and (min-width: 1024px) {
        .boxContainerNav .inner .boxContainerNav-left .ulNavItem > li > a {
          padding-left: 4px;
          padding-right: 4px;
          width: 100%; } }
      @media screen and (min-width: 1280px) {
        .boxContainerNav .inner .boxContainerNav-left .ulNavItem > li > a {
          padding-left: 14px;
          padding-right: 14px; } }

.arr_down_sub_menu {
  background-image: url("../images/arr_down_sub_menu.png");
  background-repeat: no-repeat;
  background-position: 96% 20px;
  background-size: 16px auto; }

.arr_down_bottom_sub_menu {
  background-image: url(../images/arr_up_gray_sub_menu.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 95% 18px; }

.arr_up_bottom_sub_menu {
  background-image: url(../images/arr_down_gray_sub_menu.png); }

.groupForm-item {
  margin: 10px 0; }
  .groupForm-item label {
    color: #717074;
    display: block;
    padding: 10px 0; }
  .groupForm-item input[type='password'], .groupForm-item input[type='text'], .groupForm-item input[type='email'], .groupForm-item input[type='file'] {
    border: 1px solid #cfcfcf; }
  .groupForm-item button {
    float: left; }
  .groupForm-item:after {
    content: '';
    display: block;
    clear: both; }

.rm_pdt {
  padding-top: 0 !important; }

.rm_pdbt {
  padding-bottom: 0 !important; }

.contact-form-group .texti {
  font-size: 14px;
  font-style: italic; }
.contact-form-group .label-form {
  float: left;
  width: 100%;
  color: #717074;
  font-size: 14px;
  font-family: "UniversLTStd-Light";
  padding: 8px 4px; }
.contact-form-group .btn_gray {
  display: block;
  padding: 16px 12px;
  margin: 0 auto;
  text-align: center;
  max-width: 140px;
  width: 100%;
  border: 1px solid #857a18;
  background-color: #cfcfcf;
  color: #535255;
  font-family: 'LubalinGraphStd-Demi';
  font-size: 14px;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .contact-form-group .btn_gray {
      float: left; } }
  @media screen and (min-width: 1024px) {
    .contact-form-group .btn_gray {
      padding: 20px 12px; } }
  .contact-form-group .btn_gray:hover {
    background-color: #514a0f;
    color: white; }
  .contact-form-group .btn_gray:after {
    content: '';
    display: block;
    clear: both; }
.contact-form-group .btn-change-profile {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  z-index: -1; }

@media screen and (min-width: 768px) {
  .page-profile {
    margin-bottom: 10px !important; } }
.page-profile .inner {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 1024px) {
    .page-profile .inner {
      padding-left: 15px;
      padding-right: 15px; } }
  .page-profile .inner .aboutDes-box {
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1024px) {
      .page-profile .inner .aboutDes-box {
        padding-left: 77px;
        padding-right: 77px; } }
.page-profile .ajax-loader {
  width: auto !important;
  height: auto !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  left: 142px;
  opacity: 0;
  filter: alpha(opacity=0); }

.h64 {
  height: 64px; }

.newpass-wrap, .changepassword {
  display: none; }

form input.error {
  border: 1px solid #b94a48 !important; }
form label.error {
  color: #b94a48 !important;
  display: block !important; }

.btn-submit {
  border: none; }

#form_profile label.error {
  padding: 10px 0; }

#wppb-recover-password-button {
  width: 100%;
  max-width: 200px;
  border-radius: 0; }

.box-login-register a.btn-profile {
  width: 90%;
  margin-top: 10px; }

.error-group p {
  font-family: 'UniversLTStd-Light' !important; }

label:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:focus {
  border: 1px solid #b7b7b7 !important; }

#postcode_profile {
  color: #717074 !important; }

.column-left-page .filter {
  display: inline-block;
  width: 100%; }

input.temp_checkbox {
  width: 1px !important;
  height: 1px !important;
  opacity: 1;
  padding: 0 !important;
  margin: 0 !important; }

#email_subscribe-error {
  padding: 8px 0;
  font-size: 12px;
  font-family: sans-serif; }
  @media screen and (min-width: 768px) {
    #email_subscribe-error {
      font-size: 14px; } }

#agree_subscribe-error {
  position: absolute;
  padding-top: 26px;
  top: 0px;
  padding-left: 0;
  font-family: sans-serif; }

#form_newsletter .signUp-checkbox {
  margin-bottom: 32px; }

.select-style-is-active {
  background-image: url("../images/arrow_up.png") !important; }

.success-group p {
  font-family: 'UniversLTStd-Light' !important; }

a.portal {
  width: 90% !important;
  margin-top: 10px; }

.g-recaptcha {
  transform: scale(0.96);
  -webkit-transform: scale(0.96);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0; }
  @media screen and (min-width: 480px) {
    .g-recaptcha {
      transform: scale(1);
      -webkit-transform: scale(1);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0; } }

.page-fundraising-form .g-recaptcha, .page-reschedule .g-recaptcha, .page-refer-patient .g-recaptcha {
  transform: scale(0.86);
  -webkit-transform: scale(0.86);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0; }
  @media screen and (min-width: 480px) {
    .page-fundraising-form .g-recaptcha, .page-reschedule .g-recaptcha, .page-refer-patient .g-recaptcha {
      transform: scale(1);
      -webkit-transform: scale(1);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0; } }

footer {
  padding-bottom: 35px; }
  footer .footer-nav {
    border-bottom: 1px solid #717074;
    margin-bottom: 18px; }
    footer .footer-nav > .inner {
      padding: 0; }
    @media screen and (min-width: 1024px) {
      footer .footer-nav {
        padding: 40px 0; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav {
        padding: 47px 0px;
        margin-bottom: 0; } }
    footer .footer-nav .footer-nav-list {
      display: table;
      width: 100%;
      margin: 0 auto; }
      @media screen and (min-width: 1024px) {
        footer .footer-nav .footer-nav-list {
          padding: 0 15px; } }
      @media screen and (min-width: 1440px) {
        footer .footer-nav .footer-nav-list {
          padding: 0; } }
    footer .footer-nav .footer-nav-list > li {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      border-bottom: 1px solid #efefef; }
      @media screen and (min-width: 1024px) {
        footer .footer-nav .footer-nav-list > li {
          width: 14%;
          border-bottom: 0px;
          display: block;
          float: left; } }
      footer .footer-nav .footer-nav-list > li a {
        display: block;
        color: #717074;
        font-family: 'LubalinGraphStd-Demi';
        font-size: 14px;
        line-height: 1.285;
        letter-spacing: .2px;
        padding: 14px 30px; }
        footer .footer-nav .footer-nav-list > li a:hover {
          color: #857a18; }
        @media screen and (min-width: 1024px) {
          footer .footer-nav .footer-nav-list > li a {
            padding: 10px 20px;
            font-size: 15px; } }
        @media screen and (min-width: 1280px) {
          footer .footer-nav .footer-nav-list > li a {
            font-size: 20px;
            padding: 22px 10px 22px 10px;
            height: 102px; } }
      footer .footer-nav .footer-nav-list > li .subNav {
        display: none; }
        @media screen and (min-width: 1024px) {
          footer .footer-nav .footer-nav-list > li .subNav {
            display: block; } }
        footer .footer-nav .footer-nav-list > li .subNav li a {
          display: block;
          color: #717074;
          font-family: 'UniversLTStd-Light';
          font-size: 12px;
          line-height: 1.285;
          letter-spacing: .2px;
          padding: 14px 30px;
          height: auto; }
          footer .footer-nav .footer-nav-list > li .subNav li a:hover {
            color: #857a18; }
          @media screen and (min-width: 1024px) {
            footer .footer-nav .footer-nav-list > li .subNav li a {
              padding: 10px 20px;
              font-size: 14px; } }
          @media screen and (min-width: 1280px) {
            footer .footer-nav .footer-nav-list > li .subNav li a {
              padding: 12px 10px 12px 10px;
              font-size: 18px; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(1) {
        padding-bottom: 78px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(1) {
        padding-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(2) {
        padding-bottom: 41px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(2) {
        padding-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(3) {
        padding-bottom: 4px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(3) {
        padding-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(4) {
        padding-bottom: 82px;
        width: 16%; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(4) {
        padding-bottom: 0;
        width: 20%; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(5) {
        padding-bottom: 78px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(5) {
        padding-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(6) {
        padding-bottom: 4px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(6) {
        padding-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(7) {
        border-bottom: 0px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(7) {
        padding-bottom: 0;
        width: 10%; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(1) a {
        padding: 22px 10px 22px 10px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(2) a {
        padding: 22px 10px 22px 10px; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(3) a {
        padding-bottom: 29px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(3) a {
        padding: 22px 10px 22px 10px; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(4) a {
        padding-bottom: 10px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(4) a {
        padding: 22px 10px 22px 10px; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(5) a {
        padding-bottom: 29px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(5) a {
        padding: 22px 10px 22px 10px; } }
    @media screen and (min-width: 1024px) {
      footer .footer-nav .footer-nav-list > li:nth-child(6) a {
        padding-bottom: 29px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(6) a {
        padding: 22px 10px 22px 10px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-nav .footer-nav-list > li:nth-child(7) a {
        padding: 22px 10px 22px 10px; } }
  @media screen and (min-width: 768px) {
    footer .footer-ourPartners {
      padding: 0 15px; } }
  @media screen and (min-width: 1024px) {
    footer .footer-ourPartners {
      padding: 40px 15px 10px; } }
  @media screen and (min-width: 1440px) {
    footer .footer-ourPartners {
      padding: 40px 0 10px; } }
  footer .footer-ourPartners .footer-ourPartners-title {
    color: #717074;
    font-family: 'LubalinGraphStd-Book';
    font-size: 14px;
    line-height: 1.285;
    letter-spacing: .2px;
    margin-bottom: 7px; }
    @media screen and (min-width: 768px) {
      footer .footer-ourPartners .footer-ourPartners-title {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 2.5; } }
    @media screen and (min-width: 1024px) {
      footer .footer-ourPartners .footer-ourPartners-title {
        float: left;
        font-size: 20px;
        line-height: 2.3;
        margin-bottom: 10px; } }
    @media screen and (min-width: 1024px) {
      footer .footer-ourPartners .footer-ourPartners-title {
        font-size: 22px;
        line-height: 2;
        margin-bottom: 20px; } }
  footer .footer-ourPartners .footer-ourPartners-logo {
    margin-bottom: 36px; }
    @media screen and (min-width: 1024px) {
      footer .footer-ourPartners .footer-ourPartners-logo {
        margin-bottom: 16px;
        width: 100%;
        max-width: 400px; } }
    @media screen and (min-width: 1280px) {
      footer .footer-ourPartners .footer-ourPartners-logo {
        max-width: 500px;
        margin-right: 120px; } }
    footer .footer-ourPartners .footer-ourPartners-logo li {
      width: 50%;
      float: left; }
      footer .footer-ourPartners .footer-ourPartners-logo li img {
        width: 85%;
        max-width: 205px; }
        @media screen and (min-width: 768px) {
          footer .footer-ourPartners .footer-ourPartners-logo li img {
            max-width: 500px; } }
      footer .footer-ourPartners .footer-ourPartners-logo li:last-child img {
        float: right; }
  footer .footer-ourPartners .footer-ourPartners-social {
    margin-bottom: 30px; }
    @media screen and (min-width: 1024px) {
      footer .footer-ourPartners .footer-ourPartners-social {
        float: right;
        margin-bottom: 0;
        margin-left: 22px; } }
    footer .footer-ourPartners .footer-ourPartners-social li {
      float: left;
      margin-right: 12.5px; }
      @media screen and (min-width: 768px) {
        footer .footer-ourPartners .footer-ourPartners-social li {
          margin-right: 10px; } }
      footer .footer-ourPartners .footer-ourPartners-social li a {
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s; }
      footer .footer-ourPartners .footer-ourPartners-social li:last-child {
        margin-right: 0; }
  footer .footer-contact {
    color: #717074;
    font-size: 12px;
    line-height: 1;
    font-family: 'UniversLTStd-Light'; }
    @media screen and (min-width: 1024px) {
      footer .footer-contact {
        font-size: 16px;
        line-height: 1.6; } }
  footer #logo_footer {
    margin-bottom: 6px;
    max-width: 474px;
    display: block;
    width: 80%;
    clear: both; }
    @media screen and (min-width: 768px) {
      footer #logo_footer {
        margin-bottom: 12px;
        max-width: 254px;
        display: inline-block; } }
    @media screen and (min-width: 1280px) {
      footer #logo_footer {
        max-width: 306px;
        margin-bottom: 16px; } }
  footer .subNav {
    padding-top: 10px; }
    @media screen and (min-width: 1024px) {
      footer .subNav li {
        display: block;
        float: none;
        width: 100%;
        border-bottom: 0; } }
    footer .subNav li a {
      font-family: 'UniversLTStd-Light';
      padding: 7px 20px; }
  @media screen and (min-width: 1024px) {
    footer .wrap-partner {
      float: right; } }
  footer .wrap-partner .footer-ourPartners-title {
    display: block;
    float: none; }
  @media screen and (min-width: 1024px) {
    footer .topLogo {
      float: left; } }
  @media screen and (min-width: 1024px) {
    footer .topLogo-wrap {
      float: left;
      max-width: 539px;
      width: 100%; } }

.fb-comments {
  margin-top: 30px;
  display: block !important; }

header {
  position: relative; }
  @media screen and (min-width: 1024px) {
    header .headerLinks {
      position: absolute;
      top: 66px;
      right: 15px;
      width: 100%;
      max-width: 341px; }
      header .headerLinks .inner {
        padding: 0 10px; } }
  header .headerLinks .headerLinks-list li {
    width: 50%;
    float: left; }
    header .headerLinks .headerLinks-list li:first-child {
      padding-right: 1px; }
  header .headerLinks .headerLinks-list a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-family: 'LubalinGraphStd-Demi';
    font-size: 14px;
    color: #535255;
    text-align: center; }
    @media screen and (min-width: 1280px) {
      header .headerLinks .headerLinks-list a {
        font-size: 16px; } }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* 1 */
html input[type="button"],
button,
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*,
*::after,
*::before {
  box-sizing: border-box; }

*,
*::after,
*::before {
  box-sizing: border-box; }

ul,
ol {
  outline: none;
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  cursor: pointer; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0; }

@font-face {
  font-family: 'UniversLTStd-Light';
  src: url("../fonts/UniversLTStd-Light.eot");
  src: url("../fonts/UniversLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd-Light.woff") format("woff"), url("../fonts/UniversLTStd-Light.ttf") format("truetype"), url("../fonts/UniversLTStd-Light.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LubalinGraphStd-Book';
  src: url("../fonts/LubalinGraphStd-Book.eot");
  src: url("../fonts/LubalinGraphStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/LubalinGraphStd-Book.woff") format("woff"), url("../fonts/LubalinGraphStd-Book.ttf") format("truetype"), url("../fonts/LubalinGraphStd-Book.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LubalinGraphStd-BookOblique';
  src: url("../fonts/LubalinGraphStd-BookOblique.eot");
  src: url("../fonts/LubalinGraphStd-BookOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/LubalinGraphStd-BookOblique.woff") format("woff"), url("../fonts/LubalinGraphStd-BookOblique.ttf") format("truetype"), url("../fonts/LubalinGraphStd-BookOblique.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LubalinGraphStd-Demi';
  src: url("../fonts/LubalinGraphStd-Demi.eot");
  src: url("../fonts/LubalinGraphStd-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/LubalinGraphStd-Demi.woff") format("woff"), url("../fonts/LubalinGraphStd-Demi.ttf") format("truetype"), url("../fonts/LubalinGraphStd-Demi.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LubalinGraphStd-DemiOblique';
  src: url("../fonts/LubalinGraphStd-DemiOblique.eot");
  src: url("../fonts/LubalinGraphStd-DemiOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/LubalinGraphStd-DemiOblique.woff") format("woff"), url("../fonts/LubalinGraphStd-DemiOblique.ttf") format("truetype"), url("../fonts/LubalinGraphStd-DemiOblique.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'UniversLTStd';
  src: url("../fonts/UniversLTStd.eot");
  src: url("../fonts/UniversLTStd.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd.woff") format("woff"), url("../fonts/UniversLTStd.ttf") format("truetype"), url("../fonts/UniversLTStd.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'UniversLTStd-LightObl';
  src: url("../fonts/UniversLTStd-LightObl.eot");
  src: url("../fonts/UniversLTStd-LightObl.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd-LightObl.woff") format("woff"), url("../fonts/UniversLTStd-LightObl.ttf") format("truetype"), url("../fonts/UniversLTStd-LightObl.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'UniversLTStd-Obl';
  src: url("../fonts/UniversLTStd-Obl.eot");
  src: url("../fonts/UniversLTStd-Obl.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd-Obl.woff") format("woff"), url("../fonts/UniversLTStd-Obl.ttf") format("truetype"), url("../fonts/UniversLTStd-Obl.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }
.icons-westmeadbci {
  display: inline-block;
  vertical-align: 0;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto; }

.icons-westmeadbci_breast-screening {
  background-image: url(../images/icn_breast_screening.png);
  width: 26px;
  height: 26px; }
  @media screen and (min-width: 1024px) {
    .icons-westmeadbci_breast-screening {
      width: 52px;
      height: 52px; } }

.icons-westmeadbci_clinical-care {
  background-image: url(../images/icn_clinical_care.png);
  width: 27px;
  height: 26px; }
  @media screen and (min-width: 1024px) {
    .icons-westmeadbci_clinical-care {
      width: 54px;
      height: 52px; } }

.icons-westmeadbci_research {
  background-image: url(../images/icn_research.png);
  width: 22.5px;
  height: 26px; }
  @media screen and (min-width: 1024px) {
    .icons-westmeadbci_research {
      width: 45px;
      height: 52px; } }

.icons-westmeadbci_education {
  background-image: url(../images/icn_education.png);
  width: 25px;
  height: 26px; }
  @media screen and (min-width: 1024px) {
    .icons-westmeadbci_education {
      width: 50px;
      height: 52px; } }

.icn-search {
  background-image: url(../images/icn_search.png);
  width: 29px;
  height: 29px;
  display: block; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?9rh4zf");
  src: url("../fonts/icomoon.eot?9rh4zf#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?9rh4zf") format("truetype"), url("../fonts/icomoon.woff?9rh4zf") format("woff"), url("../fonts/icomoon.svg?9rh4zf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-westmead_all_location:before {
  content: "\e900"; }

.icon-westmead_breast_screen_m:before {
  content: "\e901"; }

.icon-westmead_breast_screening:before {
  content: "\e902"; }

.icon-westmead_clinical_care:before {
  content: "\e903"; }

.icon-westmead_education:before {
  content: "\e904"; }

.icon-westmead_institute .path1:before {
  content: "\e905";
  color: #b5e1e1; }

.icon-westmead_institute .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: white; }

.icon-westmead_institute .path3:before {
  content: "\e907";
  margin-left: -1em;
  color: white; }

.icon-westmead_institute .path4:before {
  content: "\e908";
  margin-left: -1em;
  color: black; }

.icon-westmead_institute .path5:before {
  content: "\e909";
  margin-left: -1em;
  color: black; }

.icon-westmead_institute .path6:before {
  content: "\e90a";
  margin-left: -1em;
  color: #f4dc00; }

.icon-westmead_institute .path7:before {
  content: "\e90b";
  margin-left: -1em;
  color: #f4dc00; }

.icon-westmead_institute .path8:before {
  content: "\e90c";
  margin-left: -1em;
  color: #f4dc00; }

.icon-westmead_institute .path9:before {
  content: "\e90d";
  margin-left: -1em;
  color: #f4dc00; }

.icon-westmead_research:before {
  content: "\e90e"; }

.icon-westmead {
  display: inline-block; }
  .icon-westmead .path5:before, .icon-westmead .path4:before {
    color: #88cbcf; }
  .icon-westmead:before {
    color: #88cbcf; }
  .icon-westmead.icon-westmead_all_location:before {
    font-size: 14px; }
    @media screen and (min-width: 768px) {
      .icon-westmead.icon-westmead_all_location:before {
        font-size: 26px; } }
  .icon-westmead.icon-westmead_institute:before {
    font-size: 14px; }
  .icon-westmead.icon-westmead_breast_screening:before {
    font-size: 14px; }
    @media screen and (min-width: 768px) {
      .icon-westmead.icon-westmead_breast_screening:before {
        font-size: 26px; } }
  .icon-westmead.icon-westmead_breast_screen_m:before {
    font-size: 16px; }
    @media screen and (min-width: 768px) {
      .icon-westmead.icon-westmead_breast_screen_m:before {
        font-size: 26px; } }

@media screen and (min-width: 768px) {
  .icon-westmead_institute {
    font-size: 26px; } }

input[type='text'],
input[type='email'],
input[type='password'],
input[type='file'],
input[type='number'] {
  width: 100%;
  padding: 0;
  display: block;
  height: 50px;
  padding-left: 15px;
  border: 0;
  color: #717074;
  font-family: 'UniversLTStd-Light';
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0; }
  @media screen and (min-width: 1024px) {
    input[type='text'],
    input[type='email'],
    input[type='password'],
    input[type='file'],
    input[type='number'] {
      height: 60px; } }
  input[type='text']:focus, input[type='text']:hover,
  input[type='email']:focus,
  input[type='email']:hover,
  input[type='password']:focus,
  input[type='password']:hover,
  input[type='file']:focus,
  input[type='file']:hover,
  input[type='number']:focus,
  input[type='number']:hover {
    outline: 0; }

button {
  padding: 0;
  border: 0;
  display: block;
  background: #fff;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }
  button:focus, button:hover {
    outline: 0;
    background: white;
    border: 0; }

::-webkit-input-placeholder {
  color: #717074;
  font-size: 14px;
  font-family: 'UniversLTStd-Light'; }
  @media screen and (min-width: 1024px) {
    ::-webkit-input-placeholder {
      font-size: 18px; } }
  @media screen and (min-width: 1280px) {
    ::-webkit-input-placeholder {
      font-size: 20px; } }

::-moz-placeholder {
  color: #717074;
  font-size: 14px;
  font-family: 'UniversLTStd-Light'; }
  @media screen and (min-width: 1024px) {
    ::-moz-placeholder {
      font-size: 18px; } }
  @media screen and (min-width: 1280px) {
    ::-moz-placeholder {
      font-size: 20px; } }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #717074;
  font-size: 14px;
  font-family: 'UniversLTStd-Light'; }
  @media screen and (min-width: 1024px) {
    :-ms-input-placeholder {
      font-size: 18px; } }
  @media screen and (min-width: 1280px) {
    :-ms-input-placeholder {
      font-size: 20px; } }

/* ie */
input:-moz-placeholder {
  color: #717074;
  font-size: 14px;
  font-family: 'UniversLTStd-Light'; }

.btn {
  display: block; }
  .btn.btn-dropdown {
    height: 22px;
    padding: 0 13.5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    z-index: 99999;
    cursor: pointer; }
    .btn.btn-dropdown span {
      text-align: left;
      text-indent: -3000em;
      width: 100%;
      height: 2px;
      background-color: #3c3c3c;
      display: inline-block;
      position: absolute;
      z-index: 98;
      top: 50%;
      left: 0;
      margin: -1px 0 0;
      clip: auto;
      opacity: 1;
      filter: alpha(opacity=1);
      transition: opacity .3s;
      transition-delay: .1s; }
    .btn.btn-dropdown:before, .btn.btn-dropdown:after {
      content: "";
      position: absolute;
      z-index: 98;
      left: 0;
      width: 100%;
      height: 2px;
      display: block;
      background-color: #3c3c3c;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in;
      transition-duration: 0.3s;
      transition-timing-function: ease-in; }
    .btn.btn-dropdown:before {
      top: 0; }
    .btn.btn-dropdown:after {
      bottom: 0; }
  .btn.btn-dropdown-isActive {
    z-index: 9999999; }
    .btn.btn-dropdown-isActive:before {
      -ms-transform: translate(-2px, 10px) rotate(38deg);
      /* IE 9 */
      -webkit-transform: translate(-2px, 10px) rotate(38deg);
      /* Chrome, Safari, Opera */
      transform: translate(-2px, 10px) rotate(38deg);
      width: 31px; }
    .btn.btn-dropdown-isActive span {
      opacity: 0;
      filter: alpha(opacity=0);
      transition: opacity .1s; }
    .btn.btn-dropdown-isActive:after {
      -ms-transform: translate(-2px, -10px) rotate(-38deg);
      /* IE 9 */
      -webkit-transform: translate(-2px, -10px) rotate(-38deg);
      /* Chrome, Safari, Opera */
      transform: translate(-2px, -10px) rotate(-38deg);
      width: 31px; }
  .btn.btn-link {
    text-align: center;
    font-size: 14px;
    color: #535255;
    font-family: 'LubalinGraphStd-Demi';
    height: 40px;
    line-height: 40px;
    max-width: 300px; }
    @media screen and (min-width: 768px) {
      .btn.btn-link {
        max-width: 238px;
        height: 50px;
        line-height: 50px;
        font-size: 20px; } }
    @media screen and (min-width: 1024px) {
      .btn.btn-link {
        height: 60px;
        line-height: 60px;
        font-size: 24px; } }
  .btn.btn-form-link {
    background-color: #b5e1e1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s; }
    .btn.btn-form-link:hover {
      background-color: #f4dc00; }
  .btn.btn-color-yellow {
    background-color: #f4de00;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s; }
    .btn.btn-color-yellow:hover {
      background-color: #514a0f;
      color: white; }
  .btn.btn-arrow {
    font-family: 'UniversLTStd';
    font-size: 14px;
    color: #857a18;
    line-height: 1;
    position: relative; }
    .btn.btn-arrow:before {
      content: '';
      display: block;
      width: 0px;
      height: 0px;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5.5px solid #857a18;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .btn.btn-arrow:hover {
      text-decoration: underline; }
  .btn.btn-quick-links {
    padding-left: 25px;
    margin-bottom: 14px; }
    @media screen and (min-width: 1024px) {
      .btn.btn-quick-links {
        font-size: 18px; } }
  .btn.btn-more {
    padding-left: 17px; }
    @media screen and (min-width: 768px) {
      .btn.btn-more {
        font-size: 16px; } }
    @media screen and (min-width: 1024px) {
      .btn.btn-more {
        font-size: 18px; } }
  .btn.btn-select {
    color: #535255;
    font-family: 'LubalinGraphStd-Demi';
    font-size: 14px;
    padding-left: 15px;
    height: 50px;
    line-height: 50px; }
    @media screen and (min-width: 1024px) {
      .btn.btn-select {
        padding-left: 0;
        height: 60px;
        line-height: 60px; } }
  .btn.btn-form {
    height: 50px;
    width: 43.1%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #535255;
    font-family: 'LubalinGraphStd-Demi';
    font-size: 14px; }
    @media screen and (min-width: 1024px) {
      .btn.btn-form {
        height: 60px;
        font-size: 18px; } }

.view-all {
  text-align: right;
  clear: both; }
  @media screen and (min-width: 768px) {
    .view-all {
      text-align: right; } }
  @media screen and (min-width: 1440px) {
    .view-all {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; } }
  .view-all .btn-view {
    background-color: #c3e4e5;
    padding: 0 22px;
    display: inline-block;
    padding-top: 16px;
    padding-bottom: 16px; }
    @media screen and (min-width: 768px) {
      .view-all .btn-view {
        padding: 0 36px;
        padding-top: 20px;
        padding-bottom: 20px; } }
    .view-all .btn-view span {
      display: inline-block;
      position: relative;
      /*top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);*/
      color: #535255;
      font-size: 14px;
      line-height: 1;
      font-family: 'LubalinGraphStd-Demi'; }
      @media screen and (min-width: 768px) {
        .view-all .btn-view span {
          font-size: 16px; } }
      @media screen and (min-width: 1024px) {
        .view-all .btn-view span {
          font-size: 18px; } }
	.view-all .btn-view.btn-inverted{
    background-color: #fff;
	}
	.view-all .btn-view.btn-inverted:hover{
    background-color: #f4de00;
	}

.contact .contact-form input[type='submit'] {
  height: 50px;
  width: 43.1%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #535255;
  font-family: 'LubalinGraphStd-Demi';
  font-size: 14px;
  border: none; }

.signUp {
  background-color: #c3e4e5;
  padding-top: 25px;
  padding-bottom: 23px; }
  @media screen and (min-width: 1024px) {
    .signUp {
      padding: 58px 80px 60px 80px; } }
  @media screen and (min-width: 1280px) {
    .signUp {
      padding: 80px 120px 100px 120px; } }
  .signUp .has-error label:before {
    border: 1px solid #b94a48; }
  @media screen and (min-width: 768px) {
    .signUp form {
      max-width: 580px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1024px) {
    .signUp form {
      max-width: auto;
      max-width: none; } }
  @media screen and (min-width: 1024px) {
    .signUp .btn-select {
      font-size: 18px; } }
  .signUp .signUp-title {
    font-family: 'LubalinGraphStd-Book';
    font-size: 18px;
    line-height: 1;
    letter-spacing: .2px;
    color: #535255;
    margin-bottom: 12px; }
    @media screen and (min-width: 1024px) {
      .signUp .signUp-title {
        font-size: 24px;
        padding-bottom: 22px; } }
    @media screen and (min-width: 1280px) {
      .signUp .signUp-title {
        font-size: 28px;
        margin-bottom: 29px;
        padding-bottom: 0; } }
  .signUp .signUp-label {
    font-family: 'UniversLTStd-Light';
    font-size: 14px;
    line-height: 1.285;
    color: #535255;
    letter-spacing: .2px;
    margin-bottom: 5px; }
    @media screen and (min-width: 1024px) {
      .signUp .signUp-label {
        font-size: 16px;
        margin-bottom: 7px; } }
  .signUp .signUp-select {
    margin-bottom: 14px; }
    @media screen and (min-width: 1024px) {
      .signUp .signUp-select {
        float: left;
        width: 50%;
        margin-bottom: 33px; } }
    .signUp .signUp-select li {
      float: left;
      width: 62%;
      background-color: #fff; }
      @media screen and (min-width: 1024px) {
        .signUp .signUp-select li {
          width: 63%;
          text-align: center; } }
      .signUp .signUp-select li:first-child {
        width: 38%; }
        @media screen and (min-width: 1024px) {
          .signUp .signUp-select li:first-child {
            width: 36%; } }
      .signUp .signUp-select li.signUp-select-isActive a {
        background-color: #717074;
        color: #fff; }
  .signUp .signUp-field {
    border: 1px solid #fff; }
    @media screen and (min-width: 1024px) {
      .signUp .signUp-field {
        float: right;
        width: 50%;
        margin-bottom: 10px; } }
    @media screen and (min-width: 1280px) {
      .signUp .signUp-field {
        font-size: 20px; } }
  .signUp .signUp-checkbox {
    position: relative;
    margin-bottom: 14px;
    display: inline-block; }
  .signUp .signUp-checkbox label {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 35px;
    font-family: 'UniversLTStd-Light';
    color: #535255;
    display: inline-block; }
    @media screen and (min-width: 768px) {
      .signUp .signUp-checkbox label {
        padding-left: 47px;
        font-size: 14px; } }
    @media screen and (min-width: 1280px) {
      .signUp .signUp-checkbox label {
        font-size: 16px;
        padding-left: 57px; } }
  .signUp .signUp-checkbox input[type="checkbox"] {
    width: 0px;
    height: 0px;
    visibility: hidden; }
  .signUp .signUp-checkbox input[type="checkbox"]:checked + label::after {
    background-image: url("../images/chk_on.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 20px; }
    @media screen and (min-width: 1024px) {
      .signUp .signUp-checkbox input[type="checkbox"]:checked + label::after {
        top: -8px;
        height: 27px;
        width: 27px; } }
  .signUp .signUp-checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/chk_off.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 20px; }
    @media screen and (min-width: 1024px) {
      .signUp .signUp-checkbox input[type="checkbox"] + label::before {
        height: 27px;
        width: 27px;
        top: -8px; } }
  .signUp .wrap-from-access {
    position: relative;
    margin-top: 20px; }
    @media screen and (min-width: 1024px) {
      .signUp .wrap-from-access .btn-submit {
        position: absolute;
        top: -30%;
        right: 0;
        font-size: 18px;
        max-width: 210px; } }

.row {
  margin-left: auto;
  margin-right: auto; }

.row:after {
  content: "";
  display: table;
  clear: both; }

.row .col {
  float: left;
  box-sizing: border-box; }

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative; }

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto; }

.row .col.offset-s1 {
  margin-left: 8.3333333333%; }

.row .col.pull-s1 {
  right: 8.3333333333%; }

.row .col.push-s1 {
  left: 8.3333333333%; }

.row .col.offset-s2 {
  margin-left: 16.6666666667%; }

.row .col.pull-s2 {
  right: 16.6666666667%; }

.row .col.push-s2 {
  left: 16.6666666667%; }

.row .col.offset-s3 {
  margin-left: 25%; }

.row .col.pull-s3 {
  right: 25%; }

.row .col.push-s3 {
  left: 25%; }

.row .col.offset-s4 {
  margin-left: 33.3333333333%; }

.row .col.pull-s4 {
  right: 33.3333333333%; }

.row .col.push-s4 {
  left: 33.3333333333%; }

.row .col.offset-s5 {
  margin-left: 41.6666666667%; }

.row .col.pull-s5 {
  right: 41.6666666667%; }

.row .col.push-s5 {
  left: 41.6666666667%; }

.row .col.offset-s6 {
  margin-left: 50%; }

.row .col.pull-s6 {
  right: 50%; }

.row .col.push-s6 {
  left: 50%; }

.row .col.offset-s7 {
  margin-left: 58.3333333333%; }

.row .col.pull-s7 {
  right: 58.3333333333%; }

.row .col.push-s7 {
  left: 58.3333333333%; }

.row .col.offset-s8 {
  margin-left: 66.6666666667%; }

.row .col.pull-s8 {
  right: 66.6666666667%; }

.row .col.push-s8 {
  left: 66.6666666667%; }

.row .col.offset-s9 {
  margin-left: 75%; }

.row .col.pull-s9 {
  right: 75%; }

.row .col.push-s9 {
  left: 75%; }

.row .col.offset-s10 {
  margin-left: 83.3333333333%; }

.row .col.pull-s10 {
  right: 83.3333333333%; }

.row .col.push-s10 {
  left: 83.3333333333%; }

.row .col.offset-s11 {
  margin-left: 91.6666666667%; }

.row .col.pull-s11 {
  right: 91.6666666667%; }

.row .col.push-s11 {
  left: 91.6666666667%; }

.row .col.offset-s12 {
  margin-left: 100%; }

.row .col.pull-s12 {
  right: 100%; }

.row .col.push-s12 {
  left: 100%; }

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.offset-m1 {
    margin-left: 8.3333333333%; }

  .row .col.pull-m1 {
    right: 8.3333333333%; }

  .row .col.push-m1 {
    left: 8.3333333333%; }

  .row .col.offset-m2 {
    margin-left: 16.6666666667%; }

  .row .col.pull-m2 {
    right: 16.6666666667%; }

  .row .col.push-m2 {
    left: 16.6666666667%; }

  .row .col.offset-m3 {
    margin-left: 25%; }

  .row .col.pull-m3 {
    right: 25%; }

  .row .col.push-m3 {
    left: 25%; }

  .row .col.offset-m4 {
    margin-left: 33.3333333333%; }

  .row .col.pull-m4 {
    right: 33.3333333333%; }

  .row .col.push-m4 {
    left: 33.3333333333%; }

  .row .col.offset-m5 {
    margin-left: 41.6666666667%; }

  .row .col.pull-m5 {
    right: 41.6666666667%; }

  .row .col.push-m5 {
    left: 41.6666666667%; }

  .row .col.offset-m6 {
    margin-left: 50%; }

  .row .col.pull-m6 {
    right: 50%; }

  .row .col.push-m6 {
    left: 50%; }

  .row .col.offset-m7 {
    margin-left: 58.3333333333%; }

  .row .col.pull-m7 {
    right: 58.3333333333%; }

  .row .col.push-m7 {
    left: 58.3333333333%; }

  .row .col.offset-m8 {
    margin-left: 66.6666666667%; }

  .row .col.pull-m8 {
    right: 66.6666666667%; }

  .row .col.push-m8 {
    left: 66.6666666667%; }

  .row .col.offset-m9 {
    margin-left: 75%; }

  .row .col.pull-m9 {
    right: 75%; }

  .row .col.push-m9 {
    left: 75%; }

  .row .col.offset-m10 {
    margin-left: 83.3333333333%; }

  .row .col.pull-m10 {
    right: 83.3333333333%; }

  .row .col.push-m10 {
    left: 83.3333333333%; }

  .row .col.offset-m11 {
    margin-left: 91.6666666667%; }

  .row .col.pull-m11 {
    right: 91.6666666667%; }

  .row .col.push-m11 {
    left: 91.6666666667%; }

  .row .col.offset-m12 {
    margin-left: 100%; }

  .row .col.pull-m12 {
    right: 100%; }

  .row .col.push-m12 {
    left: 100%; } }
@media only screen and (min-width: 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto; }

  .row .col.offset-l1 {
    margin-left: 8.3333333333%; }

  .row .col.pull-l1 {
    right: 8.3333333333%; }

  .row .col.push-l1 {
    left: 8.3333333333%; }

  .row .col.offset-l2 {
    margin-left: 16.6666666667%; }

  .row .col.pull-l2 {
    right: 16.6666666667%; }

  .row .col.push-l2 {
    left: 16.6666666667%; }

  .row .col.offset-l3 {
    margin-left: 25%; }

  .row .col.pull-l3 {
    right: 25%; }

  .row .col.push-l3 {
    left: 25%; }

  .row .col.offset-l4 {
    margin-left: 33.3333333333%; }

  .row .col.pull-l4 {
    right: 33.3333333333%; }

  .row .col.push-l4 {
    left: 33.3333333333%; }

  .row .col.offset-l5 {
    margin-left: 41.6666666667%; }

  .row .col.pull-l5 {
    right: 41.6666666667%; }

  .row .col.push-l5 {
    left: 41.6666666667%; }

  .row .col.offset-l6 {
    margin-left: 50%; }

  .row .col.pull-l6 {
    right: 50%; }

  .row .col.push-l6 {
    left: 50%; }

  .row .col.offset-l7 {
    margin-left: 58.3333333333%; }

  .row .col.pull-l7 {
    right: 58.3333333333%; }

  .row .col.push-l7 {
    left: 58.3333333333%; }

  .row .col.offset-l8 {
    margin-left: 66.6666666667%; }

  .row .col.pull-l8 {
    right: 66.6666666667%; }

  .row .col.push-l8 {
    left: 66.6666666667%; }

  .row .col.offset-l9 {
    margin-left: 75%; }

  .row .col.pull-l9 {
    right: 75%; }

  .row .col.push-l9 {
    left: 75%; }

  .row .col.offset-l10 {
    margin-left: 83.3333333333%; }

  .row .col.pull-l10 {
    right: 83.3333333333%; }

  .row .col.push-l10 {
    left: 83.3333333333%; }

  .row .col.offset-l11 {
    margin-left: 91.6666666667%; }

  .row .col.pull-l11 {
    right: 91.6666666667%; }

  .row .col.push-l11 {
    left: 91.6666666667%; }

  .row .col.offset-l12 {
    margin-left: 100%; }

  .row .col.pull-l12 {
    right: 100%; }

  .row .col.push-l12 {
    left: 100%; } }
#logo {
  display: block;
  width: 180px;
  height: auto;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media screen and (min-width: 768px) {
    #logo {
      width: 220px; } }
  @media screen and (min-width: 1024px) {
    #logo {
      width: 362px; } }

.header-wrapper {
  height: 50px;
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 15px; }
  @media screen and (min-width: 768px) {
    .header-wrapper {
      height: 70px; } }
  @media screen and (min-width: 1024px) {
    .header-wrapper {
      height: 150px; } }
  .header-wrapper .navTop {
    position: absolute;
    width: 100%;
    top: 16px; }
    @media screen and (min-width: 768px) {
      .header-wrapper .navTop {
        right: 15px; } }
    @media screen and (min-width: 1280px) {
      .header-wrapper .navTop .navTop-boxContent {
        margin: 0 60px; } }
    @media screen and (min-width: 1024px) {
      .header-wrapper .navTop .navTop-boxContent {
        margin: 0 10px; } }
    .header-wrapper .navTop ul {
      width: 100%;
      text-align: right; }
      .header-wrapper .navTop ul li {
        display: inline-block;
        vertical-align: middle; }
        .header-wrapper .navTop ul li a {
          font-family: 'UniversLTStd-Light';
          font-size: 16px;
          color: #9f9f9f; }
          .header-wrapper .navTop ul li a:hover {
            text-decoration: underline; }
      .header-wrapper .navTop ul .login {
        border-right: 1px solid #d4d4d5;
        padding: 0 14px; }
      .header-wrapper .navTop ul .register {
        padding: 0 14px; }
      .header-wrapper .navTop ul .langs {
        cursor: pointer;
        margin: 0 40px;
        position: relative; }
        .header-wrapper .navTop ul .langs .selectLang {
          position: relative;
          padding-right: 24px; }
          .header-wrapper .navTop ul .langs .selectLang::after {
            content: '';
            display: block;
            width: 0px;
            height: 0px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7.5px solid #a6a6a6;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -2.5px; }
        .header-wrapper .navTop ul .langs .boxContent {
          display: none;
          position: absolute;
          padding-top: 8px;
          width: 100%;
          background-color: #ffffff;
          z-index: 9999; }
          .header-wrapper .navTop ul .langs .boxContent ul {
            border-top: 1px solid #d4d4d5;
            border-left: 1px solid #d4d4d5;
            border-right: 1px solid #d4d4d5;
            text-align: center; }
            .header-wrapper .navTop ul .langs .boxContent ul li {
              display: block; }
              .header-wrapper .navTop ul .langs .boxContent ul li a {
                cursor: pointer;
                display: block;
                padding: 6px 0;
                border-bottom: 1px solid #d4d4d5; }
      .header-wrapper .navTop ul .langs:hover .boxContent {
        display: block; }
      .header-wrapper .navTop ul .fontZoom {
        padding-right: 48px;
        padding-left: 10px; }
        .header-wrapper .navTop ul .fontZoom a {
          cursor: pointer; }
        .header-wrapper .navTop ul .fontZoom .fontZoomOut {
          margin-right: 16px; }
      .header-wrapper .navTop ul .liPrint a {
        text-indent: -99999999px;
        background-image: url(../images/icn_print.png);
        background-repeat: no-repeat;
        width: 17px;
        height: 17px;
        background-position: center;
        display: block;
        cursor: pointer;
        color: #ffffff; }

.boxContainerNav {
  background-color: #f4dc00;
  font-family: 'LubalinGraphStd-Demi';
  position: absolute;
  top: 0;
  z-index: 99999;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: transform .7s;
  -o-transition: transform .7s;
  transition: transform .7s; }
  .boxContainerNav.boxContainerNav-isActive {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  @media screen and (min-width: 1024px) {
    .boxContainerNav {
      position: relative;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      height: 60px; } }
  @media screen and (min-width: 1280px) {
    .boxContainerNav {
      height: 70px; } }
  .boxContainerNav .inner {
    position: static; }
  .boxContainerNav .boxContainerNav-right {
    position: relative;
    margin: 11px 0 5px; }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-right {
        float: right;
        width: 14%;
        margin: 0;
        background-color: #e6cf00;
        padding: 0 18px;
        height: 60px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-right {
        height: 70px;
        padding: 0 25px; } }
    .boxContainerNav .boxContainerNav-right #search {
      position: relative;
      padding-right: 40px; }
      @media screen and (min-width: 1024px) {
        .boxContainerNav .boxContainerNav-right #search {
          padding-right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          transform: translateY(-50%); } }
      @media screen and (min-width: 1024px) {
        .boxContainerNav .boxContainerNav-right #search:after {
          content: '';
          background-image: url(../images/icn_search_small.png);
          width: 15px;
          height: 15px;
          display: block;
          position: absolute;
          right: 1px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          transform: translateY(-50%);
          background-size: cover;
          background-repeat: no-repeat; } }
      .boxContainerNav .boxContainerNav-right #search .inSearch {
        border-bottom: 1px solid #c5b200;
        width: 100%;
        color: #514a0f;
        font-family: 'LubalinGraphStd-Demi';
        font-size: 15px;
        height: 30px;
        padding-left: 0;
        background-color: transparent; }
        @media screen and (min-width: 1024px) {
          .boxContainerNav .boxContainerNav-right #search .inSearch {
            background-color: #e6cf00;
            height: 30px; } }
        @media screen and (min-width: 1280px) {
          .boxContainerNav .boxContainerNav-right #search .inSearch {
            font-size: 16px; } }
        .boxContainerNav .boxContainerNav-right #search .inSearch::-webkit-input-placeholder {
          color: #514a0f;
          font-family: 'LubalinGraphStd-Demi';
          font-size: 16px; }
        .boxContainerNav .boxContainerNav-right #search .inSearch::-moz-placeholder {
          color: #514a0f;
          font-family: 'LubalinGraphStd-Demi';
          font-size: 16px; }
        .boxContainerNav .boxContainerNav-right #search .inSearch:-ms-input-placeholder {
          color: #514a0f;
          font-family: 'LubalinGraphStd-Demi';
          font-size: 16px; }
        .boxContainerNav .boxContainerNav-right #search .inSearch:-moz-placeholder {
          color: #514a0f;
          font-family: 'LubalinGraphStd-Demi';
          font-size: 16px; }
  .boxContainerNav .boxContainerNav-left {
    padding: 12px 0; }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left {
        float: right;
        width: 86%;
        padding: 0; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem {
        display: table;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li {
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #e5ce00; } }
    .boxContainerNav .boxContainerNav-left .ulNavItem > li > a {
      color: #514a0f;
      cursor: pointer;
      padding: 14px 0;
      display: block;
      font-size: 16px;
      font-family: 'LubalinGraphStd-Demi'; }
      @media screen and (min-width: 1024px) {
        .boxContainerNav .boxContainerNav-left .ulNavItem > li > a {
          height: 60px;
          padding: 12px 4px;
          -webkit-transition: background-color .3s;
          -o-transition: background-color .3s;
          transition: background-color .3s;
          font-size: 14px; } }
      @media screen and (min-width: 1280px) {
        .boxContainerNav .boxContainerNav-left .ulNavItem > li > a {
          height: 70px;
          padding: 15px 14px;
          font-size: 15px; } }
      @media screen and (min-width: 1440px) {
        .boxContainerNav .boxContainerNav-left .ulNavItem > li > a {
          font-size: 16px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN1 {
        width: 120px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN1 {
        width: 164px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN2 {
        width: 120px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN2 {
        width: 160px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN3 {
        width: 108px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN3 {
        width: 126px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN4 {
        width: 180px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN4 {
        width: 222px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN5 {
        width: 122px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN5 {
        width: 200px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN6 {
        width: 76px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN6 {
        width: 130px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN7 {
        width: 60px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.navItemN7 {
        width: 100px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:hover {
        background-color: #514a0f;
        cursor: pointer; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:hover > a {
        color: #fff; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:hover .ulNavItem-dropdow {
        opacity: 1;
        left: 0;
        z-index: 2;
        display: block;
        position: absolute; } }
    .boxContainerNav .boxContainerNav-left .ulNavItem > li.active > a {
      color: #fff; }
      @media screen and (min-width: 1024px) {
        .boxContainerNav .boxContainerNav-left .ulNavItem > li.active > a {
          background-color: #514a0f; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li.active .ulNavItem-dropdow {
        opacity: 1;
        left: 0;
        z-index: 1;
        display: block;
        position: absolute; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:first-child {
        border-left: 1px solid #e5ce00;
        width: 62px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:first-child > a:hover {
        background-image: url(../images/icn_home_active.png);
        background-color: #514a0f; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:first-child > a {
        background-image: url(../images/icn_home.png);
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -99999px;
        padding: 0 30px;
        height: 60px; } }
    @media screen and (min-width: 1280px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:first-child > a {
        padding: 0 35px;
        height: 70px; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:first-child.active > a {
        background-image: url(../images/icn_home_active.png);
        background-color: #514a0f; } }
    @media screen and (min-width: 1024px) {
      .boxContainerNav .boxContainerNav-left .ulNavItem > li:last-child {
        border-right: 0; } }
    .boxContainerNav .boxContainerNav-left .ulNavItem > .active {
      background-color: #514a0f;
      padding: 10px 0;
      background-image: url("../images/arr_up_sub_menu.png");
      background-repeat: no-repeat;
      background-position: 96% 32px;
      background-size: 16px auto; }
      @media screen and (min-width: 1024px) {
        .boxContainerNav .boxContainerNav-left .ulNavItem > .active {
          padding: 0px;
          background-image: none; } }
    .boxContainerNav .boxContainerNav-left .ulNavItem-dropdow {
      display: none;
      width: 100%;
      background-color: #514a0f; }
      @media screen and (min-width: 1024px) {
        .boxContainerNav .boxContainerNav-left .ulNavItem-dropdow {
          top: 60px;
          height: auto !important; } }
      @media screen and (min-width: 1280px) {
        .boxContainerNav .boxContainerNav-left .ulNavItem-dropdow {
          top: 70px; } }
    .boxContainerNav .boxContainerNav-left .ulNavItem-sub {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 100%; }
      .boxContainerNav .boxContainerNav-left .ulNavItem-sub li {
        display: block;
        width: 100%; }
        @media screen and (min-width: 1024px) {
          .boxContainerNav .boxContainerNav-left .ulNavItem-sub li {
            float: left;
            width: auto; } }
        .boxContainerNav .boxContainerNav-left .ulNavItem-sub li a {
          color: #fff;
          cursor: pointer;
          padding: 12px 26px;
          display: block;
          outline: none;
          font-size: 14px;
          font-family: 'LubalinGraphStd-Demi'; }
          @media screen and (min-width: 1024px) {
            .boxContainerNav .boxContainerNav-left .ulNavItem-sub li a {
              padding: 15px 18px;
              font-size: 12px; } }
          @media screen and (min-width: 1280px) {
            .boxContainerNav .boxContainerNav-left .ulNavItem-sub li a {
              padding: 16px 20px;
              font-size: 14px; } }
          @media screen and (min-width: 1440px) {
            .boxContainerNav .boxContainerNav-left .ulNavItem-sub li a {
              font-size: 16px; } }
          .boxContainerNav .boxContainerNav-left .ulNavItem-sub li a:hover {
            color: #f4dc00; }
        .boxContainerNav .boxContainerNav-left .ulNavItem-sub li.active a {
          color: #f4dc00; }

.boxContainerNav-right div[id*="ajaxsearchlite"] {
  background-color: transparent;
  border-bottom: 1px solid #c5b200;
  border-radius: 0;
  box-shadow: none;
  margin-top: 20px !important;
  width: 90%; }
  @media screen and (min-width: 1024px) {
    .boxContainerNav-right div[id*="ajaxsearchlite"] {
      border: medium none;
      width: 100%; } }

#ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 20px 0 0 0; }

div[id*="ajaxsearchlite"] .probox .promagnifier {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  display: none; }
  @media screen and (min-width: 1024px) {
    div[id*="ajaxsearchlite"] .probox .promagnifier {
      display: block; } }

div[id*="ajaxsearchlite"] .probox div.prosettings {
  display: none; }

div[id*="ajaxsearchlite"] .probox .proinput {
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 1024px) {
    div[id*="ajaxsearchlite"] .probox .proinput {
      margin: 0 0 0 10px;
      padding: 0 5px; } }

div[id*="ajaxsearchlite"] .probox .proinput input {
  border: 0 none;
  box-shadow: none;
  color: black !important;
  font-family: "LubalinGraphStd-Demi" !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: normal !important;
  text-shadow: none !important; }
  div[id*="ajaxsearchlite"] .probox .proinput input::-webkit-input-placeholder {
    font-family: "LubalinGraphStd-Demi";
    font-size: 14px; }
    @media screen and (min-width: 1024px) {
      div[id*="ajaxsearchlite"] .probox .proinput input::-webkit-input-placeholder {
        font-size: 16px; } }
  div[id*="ajaxsearchlite"] .probox .proinput input:-moz-placeholder {
    font-size: 14px;
    font-family: "LubalinGraphStd-Demi"; }
    @media screen and (min-width: 1024px) {
      div[id*="ajaxsearchlite"] .probox .proinput input:-moz-placeholder {
        font-size: 16px; } }
  div[id*="ajaxsearchlite"] .probox .proinput input::-moz-placeholder {
    font-size: 14px;
    font-family: "LubalinGraphStd-Demi"; }
    @media screen and (min-width: 1024px) {
      div[id*="ajaxsearchlite"] .probox .proinput input::-moz-placeholder {
        font-size: 16px; } }
  div[id*="ajaxsearchlite"] .probox .proinput input:-ms-input-placeholder {
    font-size: 14px;
    font-family: "LubalinGraphStd-Demi"; }
    @media screen and (min-width: 1024px) {
      div[id*="ajaxsearchlite"] .probox .proinput input:-ms-input-placeholder {
        font-size: 16px; } }

div[id*="ajaxsearchlite"] .probox .proloading {
  width: 20px !important;
  height: 20px !important; }
  div[id*="ajaxsearchlite"] .probox .proloading div.asl_simple-circle {
    border: 2px solid black; }

div[id*="ajaxsearchliteres"] {
  z-index: 12000 !important;
  padding: 0 4px; }

.search-title {
  font-family: "LubalinGraphStd-Demi";
  font-size: 24px;
  color: #717074; }

.form-search div[id*="ajaxsearchlite"] {
  background-color: transparent;
  border: 1px solid #f4f4f4;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 20px !important;
  width: 100%;
  margin-top: 40px; }
  @media screen and (min-width: 768px) {
    .form-search div[id*="ajaxsearchlite"] {
      width: 50%;
      margin-top: 0; } }

.box-login-register {
  float: left;
  width: 100%;
  margin: 20px 0; }
  .box-login-register a {
    display: block;
    float: left;
    width: 45%;
    text-align: center;
    padding: 7px 0;
    border: 1px solid #c5b200; }
    .box-login-register a:first-child {
      border-right: none; }

.no-link a {
  /*width: 100%;*/ }
  .no-link a:first-child {
    /*border-right: 1px solid #c5b200;
    border-bottom: none;*/ }

div[id*="ajaxsearchliteres"] .results .item .asl_content h3,
div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a,
div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a:hover {
  font-size: 14px;
  color: #717074;
  font-family: 'UniversLTStd-Light';
  line-height: 1.5em; }
  @media screen and (min-width: 768px) {
    div[id*="ajaxsearchliteres"] .results .item .asl_content h3,
    div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a,
    div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a:hover {
      font-size: 18px; } }

div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a:hover {
  color: #857a18; }

div[id*="ajaxsearchliteres"] .results .item .asl_content .asl_desc {
  font-size: 14px;
  color: #717074;
  font-family: 'UniversLTStd-Light'; }

div[id*="ajaxsearchliteres"] p.showmore a {
  font-size: 14px;
  color: #857a18;
  font-family: 'UniversLTStd-Light'; }

.quickLinks {
  padding-top: 4px; }
  @media screen and (min-width: 768px) {
    .quickLinks {
      padding-top: 0px; } }
  @media screen and (min-width: 1024px) {
    .quickLinks {
      position: absolute;
      width: 100%;
      top: -148px;
      z-index: 9999; } }
  @media screen and (min-width: 1024px) {
    .quickLinks .quickLinks-box {
      background-color: #ffffff; } }
  .quickLinks .quickLinks-item {
    border-bottom: 1px solid #e6e6e6;
    padding: 35px 15px 25px 15px; }
    @media screen and (min-width: 768px) {
      .quickLinks .quickLinks-item {
        width: 50%;
        float: left;
        padding: 35px 25px; } }
    @media screen and (min-width: 1024px) {
      .quickLinks .quickLinks-item {
        width: 25%;
        border-right: 1px solid #e6e6e6;
        border-bottom: 0;
        padding: 37px 25px;
        min-height: 293px; } }
    @media screen and (min-width: 1280px) {
      .quickLinks .quickLinks-item {
        padding: 37px 25px 42px;
        min-height: 0; } }
    .quickLinks .quickLinks-item .quickLinks-item-title {
      color: #717074;
      font-family: 'LubalinGraphStd-Book';
      font-size: 24px;
      line-height: 1;
      padding-left: 42px;
      position: relative;
      margin-bottom: 20px; }
      @media screen and (min-width: 1024px) {
        .quickLinks .quickLinks-item .quickLinks-item-title {
          padding-left: 0px;
          font-size: 26px;
          margin-bottom: 29px; } }
      @media screen and (min-width: 1280px) {
        .quickLinks .quickLinks-item .quickLinks-item-title {
          font-size: 28px; } }
      .quickLinks .quickLinks-item .quickLinks-item-title span {
        position: absolute;
        left: 0;
        bottom: 2px; }
        @media screen and (min-width: 1024px) {
          .quickLinks .quickLinks-item .quickLinks-item-title span {
            bottom: inherit;
            position: relative;
            display: block;
            margin-bottom: 12px; } }
    .quickLinks .quickLinks-item .quickLinks-item-list {
      padding-left: 44px; }
      @media screen and (min-width: 1024px) {
        .quickLinks .quickLinks-item .quickLinks-item-list {
          padding-left: 0px; } }
      .quickLinks .quickLinks-item .quickLinks-item-list li {
        margin-bottom: 21px; }
        @media screen and (min-width: 1024px) {
          .quickLinks .quickLinks-item .quickLinks-item-list li {
            margin-bottom: 15px; } }
        .quickLinks .quickLinks-item .quickLinks-item-list li:last-child {
          margin-bottom: 0; }
    .quickLinks .quickLinks-item:last-child {
      border-bottom: 0; }
      @media screen and (min-width: 768px) {
        .quickLinks .quickLinks-item:last-child {
          border-bottom: 1px solid #e6e6e6; } }
      @media screen and (min-width: 1024px) {
        .quickLinks .quickLinks-item:last-child {
          border-right: 0;
          border-bottom: 0; } }

.new {
  padding-top: 23px;
  padding-bottom: 32px; }
  @media screen and (min-width: 1024px) {
    .new {
      padding-top: 64px;
      padding-bottom: 60px;
      padding-left: 60px;
      padding-right: 60px;
      max-width: 1310px;
      margin: 0 auto;
    } }
  @media screen and (min-width: 1280px) {
    .new {
      padding-top: 74px;
      padding-bottom: 80px; } }
  .new .new-title {
    font-family: 'LubalinGraphStd-Book';

    line-height: 1;
    letter-spacing: .2px;
    color: #717074;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .new .new-title {
        text-align: left;
        font-size: 24px; } }
    @media screen and (min-width: 1024px) {
      .new .new-title {
        font-size: 50px; } }
  .new .new-content-des {
    padding-top: 16px; }
    @media screen and (min-width: 768px) {
      .new .new-content-des {
        padding-top: 20px;
        display: block;
        clear: both; } }
    @media screen and (min-width: 1024px) {
      .new .new-content-des {
        padding: 20px 18px;
        /*border-right: 1px solid #ebebeb;
        min-height: 134px;*/ } }
    @media screen and (min-width: 1280px) {
      .new .new-content-des {
        /*min-height: 264px;*/
        padding: 40px 20px; } }
  @media screen and (min-width: 1024px) {
    .new .new-content {
      margin-top: 24px; } }
  @media screen and (min-width: 1280px) {
    .new .new-content {
      margin-top: 30px; } }
  .new .new-content > ul > li {
    position: relative; }
    .new .new-content > ul > li .new-content-des .readmore {
      position: relative;
      bottom: 0; }
      @media screen and (min-width: 1024px) {
        .new .new-content > ul > li .new-content-des .readmore {
          position: absolute;
          bottom: 6px; } }
  .new ul {
    margin-bottom: 26px;
    display: flex;
    flex-wrap: wrap;
  }
    @media screen and (min-width: 1024px) {
      .new ul {
        margin-bottom: 40px; } }
  .new li {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5; }
    @media screen and (min-width: 1024px) {
      .new li {
        border-top: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5; } }
    @media screen and (min-width: 1024px) {
      .new li {
        border-right: 1px solid #e5e5e5; } }
    @media screen and (min-width: 1024px) {
      .new li:first-child {
        border-left: 1px solid #e5e5e5; } }
    @media screen and (min-width: 1024px) {
      .new li {
        float: left;
        width: 25%;
        padding: 6px; } }
    .new li a {
      display: block;
      -webkit-transition: opacity .5s;
      -o-transition: opacity .5s;
      transition: opacity .5s; }
      @media screen and (min-width: 1024px) {
        .new li a:hover {
          opacity: 0.8; } }
    .new li:last-child .new-content-des {
      border-right: none; }
  .new img {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .new img {
        float: left;
        margin-right: 15px;
        max-width: 100%; } }
    @media screen and (min-width: 1024px) {
      .new img {
        width: 100%;
        float: none; } }
  .new .new-content-des-postDay {
    font-family: 'UniversLTStd';
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .2px;
    color: #717074;
    display: block; }
    @media screen and (min-width: 768px) {
      .new .new-content-des-postDay {
        padding-bottom: 10px;
        font-size: 14px; } }
    @media screen and (min-width: 1024px) {
      .new .new-content-des-postDay {
        font-size: 16px;
        padding-bottom: 20px; } }
  .new .new-content-des-title {
    font-family: 'LubalinGraphStd-Book';
    font-size: 14px;
    line-height: 1;
    letter-spacing: .2px;
    color: #717074;
    padding-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .new .new-content-des-title {
        line-height: 1.6;
        font-size: 18px; } }
    @media screen and (min-width: 1024px) {
      .new .new-content-des-title {
        font-size: 22px; } }
  .new .view-all .btn-view {
    max-width: 76.5%; }
    @media screen and (min-width: 1024px) {
      .new .view-all .btn-view {
        max-width: 100%; } }

@media screen and (min-width: 768px) {
  .wrapRowTwo {
    padding-bottom: 30px; } }
@media screen and (min-width: 1024px) {
  .wrapRowTwo {
    background-color: #c3e4e5;
    position: relative;
    padding-bottom: 0px; } }

@media screen and (min-width: 768px) {
  .westmead {
    margin-top: 30px; } }
@media screen and (min-width: 1024px) {
  .westmead {
    margin-top: 0;
    padding-top: 170px;
    padding-bottom: 50px; } }
@media screen and (min-width: 1280px) {
  .westmead {
    padding-top: 140px;
    padding-bottom: 99px; } }
.westmead .westmead-wrap {
  background-color: #ffffff;
  position: relative; }
@media screen and (min-width: 768px) {
  .westmead .westmead-img {
    float: right;
    width: 50%; } }
.westmead .westmead-des {
  padding: 31px 15px; }
  @media screen and (min-width: 768px) {
    .westmead .westmead-des {
      float: left;
      width: 50%;
      padding: 30px 15px 30px 0; } }
  @media screen and (min-width: 1024px) {
    .westmead .westmead-des {
      padding: 40px 30px; } }
  @media screen and (min-width: 1280px) {
    /*.westmead .westmead-des {
      padding: 0 105px;
      top: 50%;
      position: absolute;
      left: 0;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%); }*/
  }
  .westmead .westmead-des .westmead-des-title {
    font-family: 'LubalinGraphStd-Book';
    font-size: 18px;
    line-height: 1.167;
    letter-spacing: .2px;
    color: #717074;
    margin-bottom: 15px; }
    @media screen and (min-width: 1024px) {
      .westmead .westmead-des .westmead-des-title {
        font-size: 24px;
        line-height: 1.43;
        margin-bottom: 18px; } }
    @media screen and (min-width: 1280px) {
      .westmead .westmead-des .westmead-des-title {
        font-size: 28px;
        margin-bottom: 23px; } }
  .westmead .westmead-des p {
    margin-bottom: 17px; }
    @media screen and (min-width: 768px) {
      .westmead .westmead-des p {
        margin-bottom: 28px; } }
    @media screen and (min-width: 1024px) {
      .westmead .westmead-des p {
        margin-bottom: 29px; } }

.patientsStories {
  background-color: #c3e4e5; }
  .patientsStories .slick-dots {
    bottom: initial;
    padding-bottom: 14px;
    position: relative; }
  .patientsStories .slick-slider {
    margin-bottom: 0;
    background-color: #717074; }
  .patientsStories .content-center {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
    .patientsStories .content-center .content-img {
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; }
      .patientsStories .content-center .content-img img {
        width: 100%;
        max-width: 320px;
        max-height: 390px; }
    .patientsStories .content-center .content-desc {
      left: 0;
      position: absolute;
      top: 0;
      width: 64%;
      display: none; }
    .patientsStories .content-center .boxSlide {
      padding: 55px 88px 55px 75px;
      height: 390px; }
  .patientsStories #carousel-slide {
    width: 845px;
    height: 390px;
    position: relative;
    clear: both;
    margin: 0 auto; }
    .patientsStories #carousel-slide img {
      width: auto;
      max-width: inherit; }
  .patientsStories #carousel-slide > div {
    visibility: hidden;
    cursor: pointer;
    transform: matrix(0.7, 0, 0, 0.9, 0, 0) !important;
    -webkit-transform: matrix(0.7, 0, 0, 0.9, 0, 0) !important;
    -moz-transform: matrix(0.7, 0, 0, 0.9, 0, 0) !important;
    -ms-transform: matrix(0.7, 0, 0, 0.9, 0, 0) !important;
    -o-transform: matrix(0.7, 0, 0, 0.9, 0, 0) !important; }
  .patientsStories #carousel-slide > div.carousel-center {
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -ms-transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -o-transform: matrix(1, 0, 0, 1, 0, 0) !important; }
  .patientsStories .carousel-center .content-desc {
    display: block; }
  .patientsStories .carousel-center .content-img {
    width: 36%; }
  .patientsStories .patientsStories-boxall .inner {
    overflow-x: hidden; }
  .patientsStories .patientsStories-boxall .backgrpound_stories {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    display: none; }
  .patientsStories .patientsStories-boxall .goright .content-img img {
    float: right; }
  .patientsStories .patientsStories-boxall .goright .content-img .backgrpound_stories {
    display: block; }
  .patientsStories .patientsStories-boxall .goleft .content-img .backgrpound_stories {
    display: block; }
  .patientsStories .patientsStories-boxall .control-slide {
    margin: 0 auto;
    position: relative;
    width: 845px;
    z-index: 10000; }
    .patientsStories .patientsStories-boxall .control-slide a {
      width: 60px;
      height: 60px;
      position: absolute;
      top: -220px;
      text-indent: -9999px;
      z-index: 1000; }
    .patientsStories .patientsStories-boxall .control-slide a#prev {
      background: url("../images/arrow_left.jpg") no-repeat;
      left: -30px; }
    .patientsStories .patientsStories-boxall .control-slide a#next {
      background: url("../images/arrow_right.jpg") no-repeat;
      right: -30px; }
  .patientsStories .wrap-patientsStories-all {
    width: 100%;
    margin: 0 auto; }
    .patientsStories .wrap-patientsStories-all .patientsStories-all .slick-list {
      padding-top: 14px !important;
      padding-bottom: 0px !important; }
    .patientsStories .wrap-patientsStories-all .patientsStories-all .slick-slide {
      background-color: #717074; }
    .patientsStories .wrap-patientsStories-all .patientsStories-all .content-img {
      float: right;
      width: 100%;
      max-width: 220px; }
    .patientsStories .wrap-patientsStories-all .patientsStories-all .content-desc {
      float: left;
      width: 100%;
      max-width: 388px; }
    .patientsStories .wrap-patientsStories-all .patientsStories-all .slick-current {
      height: 306px;
      margin-top: -13px; }
      .patientsStories .wrap-patientsStories-all .patientsStories-all .slick-current .content-img {
        max-width: 240px; }
      .patientsStories .wrap-patientsStories-all .patientsStories-all .slick-current .content-desc {
        max-width: 330px;
        padding: 0 60px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
  .patientsStories .boxSlide {
    background-color: #717074;
    padding: 22px 0 4px 0; }
    .patientsStories .boxSlide .capName {
      font-family: 'LubalinGraphStd-Book';
      font-size: 28px;
      letter-spacing: .02em;
      color: #ffffff; }
      @media screen and (min-width: 480px) {
        .patientsStories .boxSlide .capName {
          font-size: 18px; } }
      @media screen and (min-width: 768px) {
        .patientsStories .boxSlide .capName {
          font-size: 18px; } }
      @media screen and (min-width: 1024px) {
        .patientsStories .boxSlide .capName {
          font-size: 20px; } }
      @media screen and (min-width: 1280px) {
        .patientsStories .boxSlide .capName {
          font-size: 28px; } }
    .patientsStories .boxSlide .desc {
      padding: 15px 0 15px 0; }
      .patientsStories .boxSlide .desc p {
        color: #ffffff;
        font-family: 'UniversLTStd';
        font-size: 14px;
        word-spacing: .1em; }
        @media screen and (min-width: 480px) {
          .patientsStories .boxSlide .desc p {
            font-size: 14px; } }
        @media screen and (min-width: 768px) {
          .patientsStories .boxSlide .desc p {
            font-size: 14px; } }
        @media screen and (min-width: 1280px) {
          .patientsStories .boxSlide .desc p {
            font-size: 18px; } }
    .patientsStories .boxSlide .readMoreSlide {
      font-family: 'UniversLTStd';
      position: relative;
      font-size: 14px;
      word-spacing: .2em;
      padding-left: 22px;
      color: #ffffff; }
      @media screen and (min-width: 480px) {
        .patientsStories .boxSlide .readMoreSlide {
          font-size: 14px; } }
      @media screen and (min-width: 768px) {
        .patientsStories .boxSlide .readMoreSlide {
          font-size: 14px; } }
      @media screen and (min-width: 1280px) {
        .patientsStories .boxSlide .readMoreSlide {
          font-size: 18px; } }
      .patientsStories .boxSlide .readMoreSlide:before {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 7.5px solid #ffffff;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -2.5px; }

.patientsStories-overlaygray {
  position: absolute;
  bottom: 14%;
  width: 100%;
  height: 72%;
  background-color: rgba(113, 112, 116, 0.8); }

.patientsStories-overlaywhite {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 14%;
  background-color: #ffffff; }

@media screen and (min-width: 1280px) {
  #carousel-left img, #carousel-right img {
    width: 60px;
    height: 60px; } }

.aboutDes {
  background-color: transparent; }
  @media screen and (min-width: 768px) {
    .aboutDes {
      padding: 0 15px;
      margin-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    .aboutDes {
      padding: 0 15px;
      margin-bottom: 167px; } }
  .aboutDes .aboutDes-box {
    padding: 20px 15px 30px;
    background-color: #fff;
    margin-top: -45px; }
    @media screen and (min-width: 768px) {
      .aboutDes .aboutDes-box {
        margin-top: -108px;
        padding: 37px 30px 57px; } }
    @media screen and (min-width: 1024px) {
      .aboutDes .aboutDes-box {
        margin-top: -156px;
        padding: 67px 88px 77px; } }
    @media screen and (min-width: 768px) {
      .aboutDes .aboutDes-box img {
        float: left;
        width: 35%; } }
    @media screen and (min-width: 1024px) {
      .aboutDes .aboutDes-box img {
        width: 42%; } }
  .aboutDes .aboutDes-content {
    padding-top: 24px; }
    @media screen and (min-width: 768px) {
      .aboutDes .aboutDes-content {
        padding-top: 0;
        float: left;
        width: 65%;
        padding-left: 30px; } }
    @media screen and (min-width: 1024px) {
      .aboutDes .aboutDes-content {
        width: 58%;
        padding-left: 50px; } }
    @media screen and (min-width: 1280px) {
      .aboutDes .aboutDes-content {
        padding-left: 69px; } }
  .aboutDes .aboutDes-title {
    font-family: 'LubalinGraphStd-Book';
    font-size: 24px;
    line-height: 1.25;
    color: #717074;
    margin-bottom: 21px; }
    @media screen and (min-width: 768px) {
      .aboutDes .aboutDes-title {
        font-size: 40px; } }
    @media screen and (min-width: 1024px) {
      .aboutDes .aboutDes-title {
        font-size: 50px;
        margin-bottom: 27px; } }
  .aboutDes p {
    margin-bottom: 17px; }
    @media screen and (min-width: 768px) {
      .aboutDes p {
        margin-bottom: 28px; } }
    @media screen and (min-width: 1024px) {
      .aboutDes p {
        margin-bottom: 39px; } }
  @media screen and (min-width: 768px) {
    .aboutDes.contactDes {
      margin-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .aboutDes.contactDes {
      margin-bottom: 0; } }
  .aboutDes.contactDes p {
    margin-bottom: 0 !important; }
  @media screen and (min-width: 768px) {
    .aboutDes.contactDes .aboutDes-box {
      padding: 37px 30px 34px; } }
  @media screen and (min-width: 1024px) {
    .aboutDes.contactDes .aboutDes-box {
      margin-top: -156px;
      padding: 67px 88px 77px; } }

.quickLinksPage {
  padding-bottom: 3px;
  border-top: 1px solid #e6e6e6; }
  @media screen and (min-width: 768px) {
    .quickLinksPage {
      padding: 0 30px; } }
  @media screen and (min-width: 1440px) {
    .quickLinksPage {
      padding: 0; } }
  @media screen and (min-width: 768px) {
    .quickLinksPage .quickLinksPage-box {
      position: relative;
      background-color: white; } }
  @media screen and (min-width: 1440px) {
    .quickLinksPage .quickLinksPage-box {
      margin-left: auto;
      margin-right: auto;
      max-width: 1280px; } }
  .quickLinksPage .line-col {
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #e6e6e6;
    display: none; }
    @media screen and (min-width: 768px) {
      .quickLinksPage .line-col {
        display: block; } }
  .quickLinksPage .quickLinksPage-item {
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 0; }
    .quickLinksPage .quickLinksPage-item.no-border {
      border-bottom: 0; }
    @media screen and (min-width: 768px) {
      .quickLinksPage .quickLinksPage-item {
        border-top: 1px solid #e6e6e6;
        border-bottom: 0;
        width: 50%;
        float: left;
        padding: 50px 15px; } }
    @media screen and (min-width: 1024px) {
      .quickLinksPage .quickLinksPage-item {
        padding: 82px 73px 77px; } }
    .quickLinksPage .quickLinksPage-item:first-child {
      border-top: none; }
    .quickLinksPage .quickLinksPage-item:nth-child(3) {
      border-top: none; }
    .quickLinksPage .quickLinksPage-item .quickLinksPage-item-title {
      color: #717074;
      font-family: 'LubalinGraphStd-Book';
      font-size: 24px;
      line-height: 1;
      padding-left: 42px;
      position: relative;
      margin-bottom: 24px; }
      @media screen and (min-width: 768px) {
        .quickLinksPage .quickLinksPage-item .quickLinksPage-item-title {
          padding-left: 0;
          font-size: 26px; } }
      @media screen and (min-width: 1024px) {
        .quickLinksPage .quickLinksPage-item .quickLinksPage-item-title {
          font-size: 28px; } }
      .quickLinksPage .quickLinksPage-item .quickLinksPage-item-title span {
        position: absolute;
        left: 0;
        bottom: 2px; }
        @media screen and (min-width: 768px) {
          .quickLinksPage .quickLinksPage-item .quickLinksPage-item-title span {
            position: relative;
            display: block;
            margin-bottom: 10px; } }
    .quickLinksPage .quickLinksPage-item p {
      padding-left: 42px; }
      @media screen and (min-width: 768px) {
        .quickLinksPage .quickLinksPage-item p {
          padding-left: 0; } }
    .quickLinksPage .quickLinksPage-item .quickLinksPage-item-list {
      padding-left: 44px;
      padding-top: 7px; }
      @media screen and (min-width: 768px) {
        .quickLinksPage .quickLinksPage-item .quickLinksPage-item-list {
          padding-left: 0; } }
      .quickLinksPage .quickLinksPage-item .quickLinksPage-item-list li {
        margin-bottom: 21px; }
        @media screen and (min-width: 768px) {
          .quickLinksPage .quickLinksPage-item .quickLinksPage-item-list li {
            margin-bottom: 15px; } }
        .quickLinksPage .quickLinksPage-item .quickLinksPage-item-list li:last-child {
          margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .quickLinksPage .icons-westmeadbci_breast-screening {
      width: 39px;
      height: 39px; } }
  @media screen and (min-width: 1024px) {
    .quickLinksPage .icons-westmeadbci_breast-screening {
      width: 52px;
      height: 52px; } }
  @media screen and (min-width: 768px) {
    .quickLinksPage .icons-westmeadbci_clinical-care {
      width: 40px;
      height: 39px; } }
  @media screen and (min-width: 1024px) {
    .quickLinksPage .icons-westmeadbci_clinical-care {
      width: 54px;
      height: 52px; } }
  @media screen and (min-width: 768px) {
    .quickLinksPage .icons-westmeadbci_research {
      width: 36.5px;
      height: 39px; } }
  @media screen and (min-width: 1024px) {
    .quickLinksPage .icons-westmeadbci_research {
      width: 45px;
      height: 52px; } }
  @media screen and (min-width: 768px) {
    .quickLinksPage .icons-westmeadbci_education {
      width: 38px;
      height: 39px; } }
  @media screen and (min-width: 1024px) {
    .quickLinksPage .icons-westmeadbci_education {
      width: 50px;
      height: 52px; } }

@media screen and (min-width: 768px) {
  .cms-about .quickLinksPage {
    padding: 0 30px;
    background-color: #c3e4e5; } }
.cms-about .quickLinksPage .quickLinksPage-item:first-child {
  border-top: none; }
  @media screen and (min-width: 768px) {
    .cms-about .quickLinksPage .quickLinksPage-item:first-child {
      border-top: 1px solid #e6e6e6; } }
.cms-about .quickLinksPage .quickLinksPage-item:nth-child(3) {
  border-top: none; }
  @media screen and (min-width: 768px) {
    .cms-about .quickLinksPage .quickLinksPage-item:nth-child(3) {
      border-top: 1px solid #e6e6e6; } }
@media screen and (min-width: 768px) {
  .cms-about .quickLinksPage-box {
    -webkit-transform: translateY(-118px);
    -ms-transform: translateY(-118px);
    -moz-transform: translateY(-118px);
    -o-transform: translateY(-118px);
    transform: translateY(-118px); } }
@media screen and (min-width: 1024px) {
  .cms-about .quickLinksPage-box {
    -webkit-transform: translateY(-167px);
    -ms-transform: translateY(-167px);
    -moz-transform: translateY(-167px);
    -o-transform: translateY(-167px);
    transform: translateY(-167px); } }

.btn-book-services {
  position: relative;
  padding-left: 42px;
  padding-top: 5px; }
  @media screen and (min-width: 768px) {
    .btn-book-services {
      padding-left: 0;
      padding-top: 0; } }
  .btn-book-services .btn.btn-link {
    max-width: 190px; }
    @media screen and (min-width: 768px) {
      .btn-book-services .btn.btn-link {
        max-width: 316px; } }
  .btn-book-services .quickLinksPage-item-list {
    padding: 0 !important; }
    @media screen and (min-width: 768px) {
      .btn-book-services .quickLinksPage-item-list {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1280px) {
      .btn-book-services .quickLinksPage-item-list {
        position: absolute;
        __right: 0;
        left: 0;
        margin-bottom: 0;
        top: 150%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); } }

.boxcontextleftmutil, .boxcontextrightmutil, .boxcontextleft, .boxcontextright {
  margin-bottom: 17px; }
  @media screen and (min-width: 768px) {
    .boxcontextleftmutil, .boxcontextrightmutil, .boxcontextleft, .boxcontextright {
      margin-bottom: 28px; } }
  @media screen and (min-width: 1024px) {
    .boxcontextleftmutil, .boxcontextrightmutil, .boxcontextleft, .boxcontextright {
      margin-bottom: 39px; } }

.meetTheTeam {
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6; }
  @media screen and (min-width: 768px) {
    .meetTheTeam {
      padding: 0 30px 60px;
      overflow: visible; } }
  @media screen and (min-width: 1024px) {
    .meetTheTeam {
      padding: 0 30px 80px; } }
  @media screen and (min-width: 1440px) {
    .meetTheTeam {
      padding: 0 0 80px; } }
  .meetTheTeam .meetTheTeam-wrapper {
    background-color: #f4dc00;
    padding: 40px 15px 46px; }
    @media screen and (min-width: 768px) {
      .meetTheTeam .meetTheTeam-wrapper {
        padding: 40px 30px 46px;
        -webkit-transform: translateY(-105px);
        -ms-transform: translateY(-105px);
        -moz-transform: translateY(-105px);
        -o-transform: translateY(-105px);
        transform: translateY(-105px);
        position: relative; } }
    @media screen and (min-width: 1024px) {
      .meetTheTeam .meetTheTeam-wrapper {
        padding: 72px 30px 80px;
        -webkit-transform: translateY(-153px);
        -ms-transform: translateY(-153px);
        -moz-transform: translateY(-153px);
        -o-transform: translateY(-153px);
        transform: translateY(-153px);
        position: relative; } }
    @media screen and (min-width: 1440px) {
      .meetTheTeam .meetTheTeam-wrapper {
        padding: 72px 88px 80px;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto; } }
  .meetTheTeam .meetTheTeam-title {
    color: #535255;
    font-family: 'LubalinGraphStd-Book';
    font-size: 24px;
    line-height: 1;
    letter-spacing: .2px;
    padding-left: 15px;
    margin-bottom: 24px;
    padding-left: 15px; }
    @media screen and (min-width: 768px) {
      .meetTheTeam .meetTheTeam-title {
        font-size: 40px; } }
    @media screen and (min-width: 1024px) {
      .meetTheTeam .meetTheTeam-title {
        font-size: 50px;
        margin-bottom: 31px;
        padding-left: 5px; } }
  .meetTheTeam .meetTheTeam-content-box {
    position: relative; }
    .meetTheTeam .meetTheTeam-content-box a {
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s;
      display: block; }
      .meetTheTeam .meetTheTeam-content-box a:hover {
        opacity: .9; }
    @media screen and (min-width: 768px) {
      .meetTheTeam .meetTheTeam-content-box {
        float: left;
        width: 50%;
        padding-right: 2px;
        margin-bottom: 2px; } }
    @media screen and (min-width: 1024px) {
      .meetTheTeam .meetTheTeam-content-box {
        width: 25%; } }
    .meetTheTeam .meetTheTeam-content-box p {
      color: white; }
      @media screen and (min-width: 768px) {
        .meetTheTeam .meetTheTeam-content-box p {
          font-size: 13px; } }
      @media screen and (min-width: 1024px) {
        .meetTheTeam .meetTheTeam-content-box p {
          line-height: 1.33; } }
  .meetTheTeam .meetTheTeam-content-box-sub {
    position: absolute;
    padding: 0 15px;
    width: 100%;
    left: 0;
    bottom: 22px; }
  .meetTheTeam .meetTheTeam-content-title {
    color: white;
    font-family: 'LubalinGraphStd-Demi'; }
    @media screen and (min-width: 768px) {
      .meetTheTeam .meetTheTeam-content-title {
        font-size: 16px;
        line-height: 1.36;
        margin-bottom: 8px; } }
    @media screen and (min-width: 1024px) {
      .meetTheTeam .meetTheTeam-content-title {
        font-size: 18px; } }
    @media screen and (min-width: 1280px) {
      .meetTheTeam .meetTheTeam-content-title {
        font-size: 20px; } }
    @media screen and (min-width: 1440px) {
      .meetTheTeam .meetTheTeam-content-title {
        font-size: 22px; } }
  .meetTheTeam .view-all {
    margin: 27px 15px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .meetTheTeam .view-all {
        margin: -65px 0 0;
        text-align: right; } }
    @media screen and (min-width: 1024px) {
      .meetTheTeam .view-all {
        margin: -113px auto auto;
        text-align: right; } }
    @media screen and (min-width: 1280px) {
      .meetTheTeam .view-all {
        text-align: right; } }
    @media screen and (min-width: 1440px) {
      .meetTheTeam .view-all {
        text-align: right; } }
  .meetTheTeam .slick-prev {
    left: -15px; }
  .meetTheTeam .slick-next {
    right: -15px; }

.notBanner .aboutDes-box {
  margin-top: 10px; }
  @media screen and (min-width: 1024px) {
    .notBanner .aboutDes-box {
      margin-top: 20px; } }

.ourPartners {
  padding: 25px 28px; }
  @media screen and (min-width: 768px) {
    .ourPartners {
      padding: 55px 30px 60px; } }
  @media screen and (min-width: 1024px) {
    .ourPartners {
      padding: 74px 30px 80px; } }
  @media screen and (min-width: 1440px) {
    .ourPartners {
      padding: 74px 0 80px;
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; } }
  .ourPartners .ourPartners-title {
    color: #717074;
    font-family: 'LubalinGraphStd-Book';
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .ourPartners .ourPartners-title {
        font-size: 40px;
        margin-bottom: 47px; } }
    @media screen and (min-width: 1024px) {
      .ourPartners .ourPartners-title {
        font-size: 50px;
        margin-bottom: 67px; } }
  .ourPartners .ourPartners-box-title {
    color: #717074;
    font-family: 'LubalinGraphStd-Book';
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 15px; }
    .ourPartners .ourPartners-box-title span {
      display: block; }
    @media screen and (min-width: 768px) {
      .ourPartners .ourPartners-box-title {
        font-size: 24px;
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      .ourPartners .ourPartners-box-title {
        font-size: 28px;
        margin-bottom: 45px; } }
  .ourPartners .ourPartners-wraper {
    padding: 0 15px; }
    @media screen and (min-width: 768px) {
      .ourPartners .ourPartners-wraper {
        padding: 0 30px; } }
    @media screen and (min-width: 1440px) {
      .ourPartners .ourPartners-wraper {
        padding: 0 88px; } }
  @media screen and (min-width: 768px) {
    .ourPartners .ourPartners-box {
      padding-right: 15px; } }
  @media screen and (min-width: 1440px) {
    .ourPartners .ourPartners-box {
      padding-right: 88px; } }
  .ourPartners .ourPartners-box img {
    width: 78.4%;
    margin-bottom: 27px;
    max-width: 408px; }
    @media screen and (min-width: 768px) {
      .ourPartners .ourPartners-box img {
        margin-bottom: 49px;
        max-width: 277px; } }
    @media screen and (min-width: 1024px) {
      .ourPartners .ourPartners-box img {
        margin-bottom: 56px; } }
  .ourPartners .ourPartners-box p {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .ourPartners .ourPartners-box p {
        margin-bottom: 25px; } }
    @media screen and (min-width: 1024px) {
      .ourPartners .ourPartners-box p {
        margin-bottom: 31px; } }
  .ourPartners li {
    margin-bottom: 32px; }
    @media screen and (min-width: 768px) {
      .ourPartners li {
        margin-bottom: 37px; }
        .ourPartners li:first-child {
          width: 45%;
          float: left; }
        .ourPartners li:last-child {
          width: 45%; } }
    .ourPartners li:last-child {
      margin-bottom: 30px; }
      @media screen and (min-width: 768px) {
        .ourPartners li:last-child {
          margin-bottom: 37px; } }
  @media screen and (min-width: 768px) {
    .ourPartners .view-all {
      text-align: right; } }

.location {
  background-color: #717074; }

.location-formSearch {
  padding: 8px 0 12px; }
  .location-formSearch .locationFormSearch-cap {
    font-family: 'LubalinGraphStd-Book';
    line-height: 1.71;
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 1px;
    padding-top: 10px; }
  .location-formSearch .locationFormSearch-keyword {
    margin: 10px 0;
    float: left;
    width: 79%;
    color: #535255;
    margin-right: 1%; }
  .location-formSearch .btn-search-local {
    float: right;
    width: 20%;
    margin: 10px 0;
    font-size: 0;
    cursor: pointer;
    background-image: url(../images/icn_search.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center; }

#infoWindow a.btn.btn-color-yellow.btn-link {
  font-size: 14px;
  background-color: transparent;
  text-align: left;
  height: auto;
  line-height: normal;
  color: #514a0f;
  font-family: inherit; }
  @media screen and (min-width: 768px) {
    #infoWindow a.btn.btn-color-yellow.btn-link {
      font-size: 16px; } }
  @media screen and (min-width: 1024px) {
    #infoWindow a.btn.btn-color-yellow.btn-link {
      font-size: 18px;
      line-height: 1.67; } }

.map-info-link {
  width: auto !important;
  max-width: 100% !important;
  display: inline-block !important;
  padding: 0px 30px !important;
  margin: 10px 0; }

.localtionFilter-content {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  position: relative; }
  @media screen and (min-width: 768px) {
    .localtionFilter-content {
      border: none; } }
  .localtionFilter-content .localtionFilter-title {
    padding: 8px 0;
    font-family: 'LubalinGraphStd-Book';
    line-height: 2.14;
    display: block;
    position: relative;
    cursor: pointer;
    color: #717074;
    font-size: 14px; }
    @media screen and (min-width: 768px) {
      .localtionFilter-content .localtionFilter-title {
        font-size: 28px; } }
    .localtionFilter-content .localtionFilter-title .icon-westmead {
      margin-right: 20px; }
  .localtionFilter-content .arrow-down:after {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 5px;
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-top: 8px solid #717074; }
    @media screen and (min-width: 768px) {
      .localtionFilter-content .arrow-down:after {
        display: none; } }

.localtionFilter-selected {
  display: block;
  width: 100%;
  position: absolute;
  background-color: #ffffff;
  opacity: 0;
  left: -9999px;
  z-index: 9999; }
  @media screen and (min-width: 768px) {
    .localtionFilter-selected {
      position: relative;
      left: 0;
      opacity: 1; } }
  .localtionFilter-selected li {
    padding: 0 30px;
    border-bottom: 1px solid #d9d9d9; }
    @media screen and (min-width: 768px) {
      .localtionFilter-selected li {
        border: none; } }
    .localtionFilter-selected li:last-child {
      border-bottom: 0; }
    .localtionFilter-selected li:hover {
      background-color: #88cbcf; }
      .localtionFilter-selected li:hover a .icon-westmead .path5:before,
      .localtionFilter-selected li:hover a .icon-westmead .path4:before {
        color: #fff; }
      .localtionFilter-selected li:hover a .icon-westmead:before {
        color: #fff; }
  .localtionFilter-selected a {
    font-family: 'UniversLTStd-Light';
    font-size: 14px;
    display: block;
    padding: 10px 0 10px 35px;
    position: relative;
    line-height: 1.33;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .localtionFilter-selected a {
        font-size: 18px;
        padding: 10px 0 10px 60px; } }
    .localtionFilter-selected a .icon-westmead {
      display: block;
      position: absolute;
      left: 0;
      top: 48%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      background-repeat: no-repeat;
      background-size: cover; }
  .localtionFilter-selected.localtionFilter-selected-isActive {
    left: 0;
    opacity: 1; }

.localtionViewMap {
  position: relative; }
  .localtionViewMap .switch-item {
    position: absolute;
    left: 12%;
    width: 76%;
    bottom: 25px; }
    @media screen and (min-width: 768px) {
      .localtionViewMap .switch-item {
        display: none; } }
    .localtionViewMap .switch-item.switch-map {
      /*position: relative;
      margin-top: 16px;
      margin-bottom: 27px;
      bottom: unset;
      bottom: auto;
      left: unset;
      left: auto;*/ }
      .localtionViewMap .switch-item.switch-map a:after {
        background-image: url(../images/icn_map_view.png);
        width: 25px;
        height: 22px; }
    .localtionViewMap .switch-item a {
      background-color: #fff;
      display: block;
      border: 1px solid #d5d5d5;
      padding-left: 15px;
      text-align: left;
      font-size: 14px;
      color: #717074;
      font-family: 'LubalinGraphStd-Book';
      height: 40px;
      line-height: 40px;
      position: relative; }
      .localtionViewMap .switch-item a:after {
        content: '';
        width: 13px;
        height: 19px;
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url(../images/icn_list_view.png);
        background-repeat: no-repeat;
        background-size: cover; }
  .localtionViewMap .localtionViewMap-map {
    display: block; }
    .localtionViewMap .localtionViewMap-map.localtionViewMap-isActive {
      display: block; }
  .localtionViewMap .localtionViewMap-list {
    display: block; }
    .localtionViewMap .localtionViewMap-list.localtionViewMap-isActive {
      display: block; }
    .localtionViewMap .localtionViewMap-list li a {
      border-bottom: 1px solid #e6e6e6;
      padding: 15px 78px 13px 15px;
      position: relative;
      cursor: pointer;
      display: block; }
    .localtionViewMap .localtionViewMap-list p {
      max-height: 52px;
      overflow: hidden; }
  .localtionViewMap .localtionViewMap-list-title {
    font-size: 18px;
    color: #717074;
    font-family: 'LubalinGraphStd-Book';
    line-height: 1.22;
    margin-bottom: 10px; }

.localtionViewMap-list {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  width: 100%;
  -webkit-transform: translateX(-160%);
  -ms-transform: translateX(-160%);
  -o-transform: translateX(-160%);
  -moz-transform: translateX(-160%);
  transform: translateX(-160%);
  -webkit-transition: transform .7s;
  -ms-transition: transform .7s;
  -o-transition: transform .7s;
  -moz-transition: transform .7s;
  transition: transform .7s; }
  .localtionViewMap-list ul li a:after {
    content: '';
    background-image: url(../images/icn_arr_right.png);
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    background-size: 14px 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: #f4f4f4;
    width: 38px;
    height: 40px; }

.localtionViewMap-isActive {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }

.address {
  margin: 26px 0; }
  @media screen and (min-width: 768px) {
    .address {
      margin: 0; } }
  .address .addressSlider-item-content {
    padding: 0 12px; }
    @media screen and (min-width: 768px) {
      .address .addressSlider-item-content {
        margin: 0;
        padding: 0;
        /*border-bottom: 1px solid #ebebeb;
        margin-bottom: 24px;*/ } }
    @media screen and (min-width: 1024px) {
      .address .addressSlider-item-content p {
        font-size: 18px;
        line-height: 1.67; } }
  @media screen and (min-width: 768px) {
    .address .addressSlider-item-content-last {
      border-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .address .inner,
    .address .inner-container {
      padding: 0; } }
  .address .address-wrap {
    border: 1px solid #d7d7d7;
    padding: 22px 0; }
    @media screen and (min-width: 768px) {
      .address .address-wrap {
        border: 0;
        padding: 0; } }
    .address .address-wrap .slick-arrow {
      background-color: #f4f4f4;
      top: 38px; }
      .address .address-wrap .slick-arrow.slick-disabled {
        display: none !important; }
    .address .address-wrap .slick-dots li button:before {
      font-size: 10px; }
    .address .address-wrap .slick-dots li.slick-active button:before {
      color: #857a18; }
    .address .address-wrap .slick-next {
      right: -15px; }
    .address .address-wrap .slick-prev {
      left: -15px; }
  .address .slick-dots li {
    margin: 0; }
  .address .slick-dotted.slick-slider {
    margin-bottom: 20px; }

.cap-img {
  font-family: 'LubalinGraphStd-Book';
  font-size: 18px;
  color: #717074;
  position: relative;
  padding-left: 50px;
  line-height: 1.22;
  min-height: 32px;
  display: table-cell;
  height: 32px;
  vertical-align: middle; }
  @media screen and (min-width: 1024px) {
    .cap-img {
      font-size: 20px;
      padding-left: 60px; } }
  @media screen and (min-width: 1280px) {
    .cap-img {
      font-size: 24px;
      padding-left: 70px; } }
  @media screen and (min-width: 1440px) {
    .cap-img {
      font-size: 28px;
      padding-left: 80px; } }
  .cap-img .icon-westmead {
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%); }
    @media screen and (min-width: 768px) {
      .cap-img .icon-westmead {
        font-size: 38px; } }
    @media screen and (min-width: 1024px) {
      .cap-img .icon-westmead {
        font-size: 44px; } }
    @media screen and (min-width: 1280px) {
      .cap-img .icon-westmead {
        font-size: 50px; } }
    @media screen and (min-width: 1440px) {
      .cap-img .icon-westmead {
        font-size: 52px; } }
  @media screen and (min-width: 768px) {
    .cap-img .icon-westmead.icon-westmead_breast_screening:before,
    .cap-img .icon-westmead.icon-westmead_breast_screen_m:before {
      font-size: 38px; } }
  @media screen and (min-width: 1024px) {
    .cap-img .icon-westmead.icon-westmead_breast_screening:before,
    .cap-img .icon-westmead.icon-westmead_breast_screen_m:before {
      font-size: 44px; } }
  @media screen and (min-width: 1280px) {
    .cap-img .icon-westmead.icon-westmead_breast_screening:before,
    .cap-img .icon-westmead.icon-westmead_breast_screen_m:before {
      font-size: 50px; } }
  @media screen and (min-width: 1440px) {
    .cap-img .icon-westmead.icon-westmead_breast_screening:before,
    .cap-img .icon-westmead.icon-westmead_breast_screen_m:before {
      font-size: 52px; } }

.addressSlider-item-content .addressSlider-item-context {
  padding: 22px 0; }
  .addressSlider-item-content .addressSlider-item-context p span {
    color: #857a18; }
.addressSlider-item-content .address-link-wrap {
  margin: 22px auto 15px;
  max-width: 190px; }
  @media screen and (min-width: 768px) {
    .addressSlider-item-content .address-link-wrap {
      max-width: 320px;
      margin: 22px auto 0; } }
  .addressSlider-item-content .address-link-wrap .btn.btn-link {
    font-size: 14px; }

.wpcf7 img.ajax-loader {
  display: none; }

.item-address-map {
  padding: 20px 0; }
  .item-address-map .btn-more {
    margin-bottom: 20px; }
  @media screen and (min-width: 1024px) {
    .item-address-map .address-link-wrap {
      width: 100%;
      display: block;
      max-width: 100%; } }
  .item-address-map .btn-color-yellow {
    font-size: 14px; }
    @media screen and (min-width: 1024px) {
      .item-address-map .btn-color-yellow {
        font-size: 24px;
        display: block;
        width: 100%;
        max-width: 320px; } }

.contact {
  padding: 10px 0 20px 0;
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .contact {
      padding: 40px 0 20px 0;
      margin-top: 0; } }
  .contact p {
    color: #535255;
    font-family: "LubalinGraphStd-Demi"; }
  .contact .contact-cap {
    line-height: 0.75;
    font-size: 24px;
    margin-bottom: 12px;
    text-transform: capitalize; }
    @media screen and (min-width: 768px) {
      .contact .contact-cap {
        font-size: 28px; } }
  .contact .contactp-desc {
    line-height: 1.07;
    font-size: 14px;
    padding: 15px 0; }
    @media screen and (min-width: 768px) {
      .contact .contactp-desc {
        font-size: 18px; } }
  .contact .contact-form input, .contact .contact-form textarea {
    font-size: 14px;
    font-family: 'UniversLTStd-Light';
    width: 100%;
    padding: 17px 15px;
    border: 1px solid #cfcfcf;
    outline: none;
    resize: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media screen and (min-width: 768px) {
      .contact .contact-form input, .contact .contact-form textarea {
        font-size: 20px; } }
  .contact .contact-form .contact-form-group {
    padding: 6px 0;
    position: relative; }
    .contact .contact-form .contact-form-group .contact-form-item-4 {
      float: left;
      width: 40%; }
    .contact .contact-form .contact-form-group .contact-form-item-6 {
      float: left;
      width: 59%;
      margin-left: 1%; }
  .contact .contact-form .btn-contact {
    font-family: 'LubalinGraphStd-Demi'; }

@media screen and (min-width: 768px) {
  .contact-form .btn-submit {
    margin-left: inherit;
    margin-right: inherit; } }

.video-js .vjs-control:hover,
.video-js .vjs-control:focus {
  background-color: transparent; }

.video-js .vjs-big-play-button {
  height: 42px;
  width: 42px;
  border-radius: 42px;
  border: 3px solid #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.3); }
  @media screen and (min-width: 768px) {
    .video-js .vjs-big-play-button {
      border: 4px solid #fff;
      height: 90px;
      width: 90px;
      border-radius: 90px; } }
  @media screen and (min-width: 1024px) {
    .video-js .vjs-big-play-button {
      border: 6px solid #fff;
      height: 106px;
      width: 106px;
      border-radius: 106px; } }
  .video-js .vjs-big-play-button:before {
    content: '';
    width: 13px;
    height: 18px;
    background-image: url(../images/btn_video.png);
    background-repeat: no-repeat;
    left: 56%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .video-js .vjs-big-play-button:before {
        width: 24px;
        height: 34px; } }
    @media screen and (min-width: 1024px) {
      .video-js .vjs-big-play-button:before {
        width: 34px;
        height: 48px; } }

.vjs-poster {
  -webkit-background-size: cover;
  background-size: cover; }

.videoBanner {
  background-color: #404040; }
  @media screen and (min-width: 768px) {
    .videoBanner {
      padding: 0 15px; } }
  .videoBanner .videoBanner-wrapper {
    max-width: 1280px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .videoBanner .videoBanner-wrapper {
        margin-left: auto;
        margin-right: auto; } }
  @media screen and (min-width: 768px) {
    .videoBanner .videoBanner-box {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      -webkit-transition: opacity 1s;
      -o-transition: opacity 1s;
      transition: opacity 1s;
      opacity: 1; } }
  @media screen and (min-width: 768px) {
    .videoBanner .videoBanner-box.videoBanner-box-isHidden {
      opacity: 0;
      z-index: -1; } }
  .videoBanner .videoBanner-box-content {
    background-color: rgba(37, 37, 37, 0.82);
    padding: 23px 30px 20px; }
    @media screen and (min-width: 768px) {
      .videoBanner .videoBanner-box-content {
        padding: 33px 30px 31px; } }
    @media screen and (min-width: 1024px) {
      .videoBanner .videoBanner-box-content {
        padding: 33px 91px 31px; } }
    .videoBanner .videoBanner-box-content p {
      color: white; }
  .videoBanner .videoBanner-box-title {
    color: #fff;
    font-family: 'LubalinGraphStd-Book';
    font-size: 24px;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .videoBanner .videoBanner-box-title {
        font-size: 35px; } }
    @media screen and (min-width: 1024px) {
      .videoBanner .videoBanner-box-title {
        font-size: 45px; } }

.aboutBreastCancer {
  padding: 33px 0 30px; }
  @media screen and (min-width: 768px) {
    .aboutBreastCancer {
      padding: 60px 0 57px; } }
  @media screen and (min-width: 1024px) {
    .aboutBreastCancer {
      padding: 80px 0 77px; } }
  .aboutBreastCancer .video-js .vjs-big-play-button {
    height: 42px;
    width: 42px; }
    .aboutBreastCancer .video-js .vjs-big-play-button:before {
      width: 13px;
      height: 18px; }
  @media screen and (min-width: 768px) {
    .aboutBreastCancer .aboutBreastCancer-content {
      padding: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .aboutBreastCancer .aboutBreastCancer-content {
      padding: 0 88px; } }
  .aboutBreastCancer .aboutBreastCancer-video {
    padding: 0 15px;
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      .aboutBreastCancer .aboutBreastCancer-video {
        float: left;
        width: 35%;
        padding: 0;
        margin-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      .aboutBreastCancer .aboutBreastCancer-video {
        width: 42%; } }
  .aboutBreastCancer .aboutBreastCancer-box {
    padding: 0 15px; }
    @media screen and (min-width: 768px) {
      .aboutBreastCancer .aboutBreastCancer-box {
        float: left;
        width: 65%;
        padding: 0 0 0 50px; } }
    @media screen and (min-width: 1024px) {
      .aboutBreastCancer .aboutBreastCancer-box {
        width: 58%;
        padding: 0 0 0 69px; } }
    .aboutBreastCancer .aboutBreastCancer-box p {
      margin-bottom: 17px; }
      @media screen and (min-width: 768px) {
        .aboutBreastCancer .aboutBreastCancer-box p {
          margin-bottom: 28px; } }
      @media screen and (min-width: 1024px) {
        .aboutBreastCancer .aboutBreastCancer-box p {
          margin-bottom: 39px; } }
  .aboutBreastCancer .aboutBreastCancer-box-title {
    margin-bottom: 22px;
    font-family: 'LubalinGraphStd-Book';
    font-size: 24px;
    line-height: 1.25;
    color: #717074;
    padding: 0 15px; }
    @media screen and (min-width: 768px) {
      .aboutBreastCancer .aboutBreastCancer-box-title {
        padding: 0;
        margin-bottom: 23px;
        font-size: 40px; } }
    @media screen and (min-width: 1024px) {
      .aboutBreastCancer .aboutBreastCancer-box-title {
        margin-bottom: 34px;
        font-size: 50px;
        margin-top: -14px; } }

.container-teams {
  padding: 0;
  width: 100%;
  display: table;
  font-size: 0; }
  @media screen and (min-width: 1024px) {
    .container-teams {
      padding: 117px 82px; } }
  .container-teams .information-page {
    padding: 30px 30px;
    margin-bottom: 0px;
    position: relative; }
    @media screen and (min-width: 480px) {
      .container-teams .information-page {
        padding: 25px 30px;
        margin-bottom: 0px; } }
    @media screen and (min-width: 768px) {
      .container-teams .information-page {
        padding: 50px 7px 20px 7px;
        margin-bottom: 0px; } }
    @media screen and (min-width: 1024px) {
      .container-teams .information-page {
        padding: 0 7px;
        margin-bottom: 32px; } }
    .container-teams .information-page h1 {
      color: #717074;
      font-family: "LubalinGraphStd-Book";
      font-size: 25px; }
      @media screen and (min-width: 768px) {
        .container-teams .information-page h1 {
          font-size: 50px; } }
    .container-teams .information-page p {
      font-size: 22px;
      color: #717074;
      font-family: "LubalinGraphStd-Book";
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .container-teams .information-page p {
          font-size: 22px; } }
  .container-teams .filter-departments {
    position: relative;
    padding: 0 7px;
    width: 100%;
    margin-bottom: 20px;
    float: left; }
    .container-teams .filter-departments .select-style {
      padding-right: 0px;
      width: 100%;
      background-position: 95% 50%; }
      @media screen and (min-width: 768px) {
        .container-teams .filter-departments .select-style {
          background-position: 97% 50%; } }
    @media screen and (min-width: 768px) {
      .container-teams .filter-departments {
        max-width: 270px;
        margin-bottom: 0px;
        clear: both;
        float: none;
        display: inline-block;
        margin-top: 20px;
        width: 100%;
        height: auto; }
        .container-teams .filter-departments .select-style {
          padding-right: 0px;
          width: 100%; } }
    @media screen and (min-width: 1280px) {
      .container-teams .filter-departments {
        bottom: 10px;
        position: absolute;
        right: 15px;
        width: 270px;
        margin-bottom: 0px; }
        .container-teams .filter-departments .select-style {
          padding-right: 0px;
          width: 270px; } }
  .container-teams .box-team {
    display: inline-block;
    width: 50%;
    padding: 0 7px;
    margin-bottom: 30px;
    vertical-align: top;
    zoom: 1; }
    @media screen and (min-width: 768px) {
      .container-teams .box-team {
        width: 33.3333%; } }
    @media screen and (min-width: 1024px) {
      .container-teams .box-team {
        width: 25%; } }
    .container-teams .box-team .detail-team h3.team-title {
      font-family: "LubalinGraphStd-Book";
      font-size: 14px;
      margin-top: 15px;
      margin-bottom: 10px;
      color: #717074; }
      @media screen and (min-width: 480px) {
        .container-teams .box-team .detail-team h3.team-title {
          font-size: 14px; } }
      @media screen and (min-width: 768px) {
        .container-teams .box-team .detail-team h3.team-title {
          font-size: 18px; } }
      @media screen and (min-width: 1024px) {
        .container-teams .box-team .detail-team h3.team-title {
          font-size: 22px; } }
    .container-teams .box-team .detail-team p {
      font-size: 14px;
      font-family: "UniversLTStd-Light";
      line-height: 1.5; }
      @media screen and (min-width: 480px) {
        .container-teams .box-team .detail-team p {
          font-size: 10px; } }
      @media screen and (min-width: 768px) {
        .container-teams .box-team .detail-team p {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) {
        .container-teams .box-team .detail-team p {
          font-size: 18px; } }

.page-team .alignleft {
  float: left;
  padding-right: 12px; }

.header-page {
  background: #b5e1e1; }
  @media screen and (min-width: 768px) {
    .header-page {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1024px) {
    .header-page {
      margin-top: 0px;
      margin-bottom: 60px; } }
  .header-page .infor-header-page {
    padding: 25px 0px;
    margin: 1px 0; }
    @media screen and (min-width: 768px) {
      .header-page .infor-header-page {
        padding: 50px 20px; } }
    @media screen and (min-width: 1024px) {
      .header-page .infor-header-page {
        padding: 125px 88px 25px;
        margin: 0; } }
    .header-page .infor-header-page h1 {
      color: #717074;
      font-family: "LubalinGraphStd-Book";
      font-size: 25px; }
      @media screen and (min-width: 768px) {
        .header-page .infor-header-page h1 {
          font-size: 50px; } }
    .header-page .infor-header-page p {
      font-size: 14px;
      color: #717074;
      font-family: "LubalinGraphStd-Book"; }
      @media screen and (min-width: 768px) {
        .header-page .infor-header-page p {
          font-size: 22px; } }
  @media screen and (min-width: 1024px) {
    .header-page .single-page {
      padding: 75px 88px 25px; } }

.container-page {
  padding-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .container-page {
      padding: 0 0 50px 0; } }
  @media screen and (min-width: 1024px) {
    .container-page {
      padding: 0px 88px 60px 88px; } }

.column-left-page {
  width: 100%;
  padding-right: 0;
  float: left; }
  .column-left-page ul, .column-left-page ol {
    outline: none;
    list-style: inherit;
    padding: 0;
    margin: 0;
    margin-left: 19px;
    color: #717074;
    line-height: 1.5;
    font-family: 'UniversLTStd-Light'; }
    @media screen and (min-width: 768px) {
      .column-left-page ul, .column-left-page ol {
        font-size: 16px; } }
    @media screen and (min-width: 1024px) {
      .column-left-page ul, .column-left-page ol {
        font-size: 18px;
        line-height: 1.67; } }
  .column-left-page a {
    color: #514a0f; }
    .column-left-page a:hover {
      text-decoration: underline; }
  @media screen and (min-width: 768px) {
    .column-left-page {
      width: 65%;
      padding-right: 20px; } }
  @media screen and (min-width: 1024px) {
    .column-left-page {
      width: 71.4%;
      padding-right: 44px; } }
  .column-left-page h1, .column-left-page h2, .column-left-page h3, .column-left-page h4, .column-left-page h5, .column-left-page h6 {
    margin-bottom: 1em; }

.column-left-page.centered {
  margin: 0 auto;
  display: block;
  float: none; }
  @media screen and (min-width: 768px) {
    .column-left-page.centered {
      width: 100%;
      padding-right: 0px; } }
  @media screen and (min-width: 1024px) {
    .column-left-page.centered {
      width: 71.4%;
      padding-right: 44px; } }

.column-right-page {
  float: left;
  width: 100%;
  padding: 0 20px; }
  @media screen and (min-width: 640px) {
    .column-right-page {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 768px) {
    .column-right-page {
      width: 35%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .column-right-page {
      width: 28.6%;
      padding: 0 20px; } }

.box-partner {
  margin-top: 50px;
  margin-bottom: 30px; }
  .box-partner img {
    max-width: 100%;
    width: auto; }
    @media screen and (min-width: 768px) {
      .box-partner img {
        max-width: 325px; } }
  .box-partner .detail-partners h3.partners-title {
    font-size: 18px;
    margin: 55px 0 35px;
    font-family: "LubalinGraphStd-Book"; }
    @media screen and (min-width: 640px) {
      .box-partner .detail-partners h3.partners-title {
        margin: 30px 0 20px; } }
    @media screen and (min-width: 1024px) {
      .box-partner .detail-partners h3.partners-title {
        font-size: 28px; } }
  .box-partner .detail-partners p {
    font-size: 18px;
    font-family: "UniversLTStd-Light";
    margin-bottom: 35px; }
    @media screen and (min-width: 480px) {
      .box-partner .detail-partners p {
        font-size: 14px; } }
    @media screen and (min-width: 768px) {
      .box-partner .detail-partners p {
        font-size: 14px; } }
    @media screen and (min-width: 1024px) {
      .box-partner .detail-partners p {
        font-size: 18px; } }

.menu-sidebar {
  padding: 20px;
  background: #f4f4f4; }
  .menu-sidebar h3 {
    font-family: 'LubalinGraphStd-Demi';
    font-size: 21px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    color: #717074; }
  .menu-sidebar li {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0;
    background: url("../images/icon_arrow.png") no-repeat center right; }
    .menu-sidebar li a {
      font-size: 16px;
      color: #717074;
      font-family: "LubalinGraphStd-Book"; }
    .menu-sidebar li a:hover {
      color: #a39a4a; }
  .menu-sidebar li.active a {
    color: #a39a4a; }

h1.title-page {
  font-family: 'LubalinGraphStd-Demi';
  font-size: 28px;
  margin-bottom: 1.3em;
  color: #717074; }
  @media screen and (min-width: 640px) {
    h1.title-page {
      font-size: 18px; } }

@media screen and (max-width: 480px) {
  p iframe {
    height: 250px; } }

.YouTubePopUp-Wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 9999999999999;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUp;
  animation-name: YouTubePopUp; }

@-webkit-keyframes YouTubePopUp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes YouTubePopUp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
body.logged-in .YouTubePopUp-Wrap {
  /* For WordPress */
  top: 32px;
  z-index: 99998; }

.YouTubePopUp-Content {
  max-width: 680px;
  display: block;
  margin: 0 auto;
  height: 100%;
  position: relative; }

.YouTubePopUp-Content iframe {
  max-width: 100% !important;
  width: 100% !important;
  display: block !important;
  height: 480px !important;
  border: none !important;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0; }

.YouTubePopUp-Hide {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUpHide;
  animation-name: YouTubePopUpHide; }

@-webkit-keyframes YouTubePopUpHide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes YouTubePopUpHide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.YouTubePopUp-Close {
  position: absolute;
  top: 0;
  cursor: pointer;
  bottom: 528px;
  right: 0px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(close.png) no-repeat;
  background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px; }

.YouTubePopUp-Close:hover {
  opacity: 0.5; }

@media all and (max-width: 768px) and (min-width: 10px) {
  .YouTubePopUp-Content {
    max-width: 90%; } }
@media all and (max-width: 600px) and (min-width: 10px) {
  .YouTubePopUp-Content iframe {
    height: 320px !important; }

  .YouTubePopUp-Close {
    bottom: 362px; } }
@media all and (max-width: 480px) and (min-width: 10px) {
  .YouTubePopUp-Content iframe {
    height: 220px !important; }

  .YouTubePopUp-Close {
    bottom: 262px; } }
.popup-video {
  display: block;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  height: 200px; }
  @media screen and (min-width: 480px) {
    .popup-video {
      height: 250px; } }
  @media screen and (min-width: 640px) {
    .popup-video {
      height: 300px; } }
  @media screen and (min-width: 768px) {
    .popup-video {
      height: 350px; } }
  @media screen and (min-width: 1024px) {
    .popup-video {
      height: 450px; } }
  @media screen and (min-width: 1280px) {
    .popup-video {
      height: 583px; } }
  .popup-video img::before {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%; }
  .popup-video img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 43px;
    height: 43px; }
    @media screen and (min-width: 640px) {
      .popup-video img {
        width: 60px;
        height: 60px; } }
    @media screen and (min-width: 480px) {
      .popup-video img {
        width: 80px;
        height: 80px; } }
    @media screen and (min-width: 768px) {
      .popup-video img {
        width: 90px;
        height: 90px;
        top: 40%; } }
    @media screen and (min-width: 1024px) {
      .popup-video img {
        width: 106px;
        height: 106px;
        top: 50%; } }

.aboutBreastCancer-video-src .popup-video {
  height: 180px; }
  @media screen and (min-width: 480px) {
    .aboutBreastCancer-video-src .popup-video {
      height: 200px; } }
  @media screen and (min-width: 768px) {
    .aboutBreastCancer-video-src .popup-video {
      height: 250pxpx; } }
  @media screen and (min-width: 1280px) {
    .aboutBreastCancer-video-src .popup-video {
      height: 290px; } }
  .aboutBreastCancer-video-src .popup-video img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 43px;
    height: 43px; }

.support .aboutBreastCancer-box-title {
  margin-top: 0;
  padding: 0; }
.support .box-support {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 15px; }
  .support .box-support:last-child {
    margin-bottom: 0; }
    .support .box-support:last-child .description-support {
      padding-bottom: 0; }
  @media screen and (min-width: 1024px) {
    .support .box-support {
      padding: 0; } }
  @media screen and (min-width: 1280px) {
    .support .box-support {
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) {
    .support .box-support .thumbnail-support {
      width: 50%;
      float: left;
      padding-right: 44px; } }
  .support .box-support h3 {
    font-size: 18px;
    color: #717074;
    font-family: 'LubalinGraphStd-Book';
    margin-bottom: 1.3em; }
    @media screen and (min-width: 768px) {
      .support .box-support h3 {
        font-size: 18px; } }
    @media screen and (min-width: 1024px) {
      .support .box-support h3 {
        font-size: 28px;
        margin-bottom: 1em; } }
  .support .box-support .description-support {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5; }
    @media screen and (min-width: 768px) {
      .support .box-support .description-support {
        width: 50%;
        float: left;
        padding: 0;
        border: none; } }
    @media screen and (min-width: 1024px) {
      .support .box-support .description-support {
        padding: 0 20px; } }
    .support .box-support .description-support P {
      font-size: 14px;
      color: #717074;
      margin-bottom: 1.3em;
      margin-top: 1.3em;
      font-family: 'LubalinGraphStd-Book'; }
      @media screen and (min-width: 768px) {
        .support .box-support .description-support P {
          margin-top: 0; } }
      @media screen and (min-width: 1024px) {
        .support .box-support .description-support P {
          font-size: 18px; } }
  @media screen and (min-width: 640px) {
    .support .box-support:last-child {
      margin-bottom: 0; } }
  .support .box-support:last-child .description-support {
    border: none; }
    @media screen and (min-width: 640px) {
      .support .box-support:last-child .description-support {
        padding-bottom: 0; } }

.factsheets {
  border-top: 1px solid #e6e6e6; }

.select-style {
  cursor: pointer;
  width: 49%;
  float: none;
  clear: both;
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
  background: #f4f4f4 url("../images/arrow_select.png") no-repeat 90% 50%;
  height: 40px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .select-style {
      width: 180px;
      padding-right: 30px;
      margin-right: 15px;
      margin-bottom: 0; } }
  .select-style:last-child {
    margin-right: 0; }
  .select-style .title-active {
    color: #958b2e;
    display: block;
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    padding-left: 10px;
    padding-right: 30px;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media screen and (min-width: 768px) {
      .select-style .title-active {
        font-size: 16px; } }
  .select-style ul {
    margin: 0;
    top: 40px;
    left: 0;
    width: 100%;
    position: absolute;
    background: #f4f4f4;
    border-top: 1px solid #fff;
    padding: 10px;
    display: none;
    z-index: 10000; }
    .select-style ul li {
      list-style: none; }
      .select-style ul li a {
        color: #958b2e;
        display: block;
        font-family: "LubalinGraphStd-Book";
        font-size: 14px;
        line-height: 1.5em;
        padding-top: 5px; }
        @media screen and (min-width: 768px) {
          .select-style ul li a {
            font-size: 16px; } }

.select-style select {
  padding: 10px 18px 5px;
  width: 100%;
  border: none;
  font-size: 16px;
  color: #958b2e;
  font-family: "LubalinGraphStd-Book";
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: capitalize;
  position: absolute;
  top: 0;
  left: 0; }

.select-style select::-ms-expand {
  display: none;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Good browsers :) */
  opacity: 0; }

.select-style select:focus {
  outline: none; }

.list-post {
  float: left;
  width: 100%;
  padding-bottom: 30px; }
  .list-post .box-post {
    float: left;
    width: 100%;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 5px solid #f4f4f4; }
    .list-post .box-post .thumbnail-post {
      width: 30%;
      float: left; }
    .list-post .box-post .description-post {
      width: 70%;
      float: left;
      padding-left: 15px; }
      .list-post .box-post .description-post h2 {
        margin: 12px 0 5px 0; }
      .list-post .box-post .description-post p {
        margin-bottom: 1em; }
      @media screen and (min-width: 1024px) {
        .list-post .box-post .description-post {
          padding-left: 20px; } }
    .list-post .box-post p.date-publish {
      font-size: 12px;
      margin: 0; }
      @media screen and (min-width: 768px) {
        .list-post .box-post p.date-publish {
          font-size: 14px;
          margin: 10px 0 4px 0; } }
      @media screen and (min-width: 1024px) {
        .list-post .box-post p.date-publish {
          font-size: 16px; } }
    .list-post .box-post h2 {
      font-family: 'LubalinGraphStd-Demi';
      font-size: 18px;
      line-height: 1.3em;
      margin: 12px 0 30px 0; }
      @media screen and (min-width: 1024px) {
        .list-post .box-post h2 {
          font-size: 20px; } }
      .list-post .box-post h2 a {
        color: #717074; }
    .list-post .box-post a.readmore {
      font-size: 14px;
      color: #958b2e;
      background: url("../images/icon_arrow.png") no-repeat right center;
      padding-right: 10px;
      display: inline-block !important; }

.sort-select ul.sort-default li:first-child {
  display: none; }

.info-heath {
  margin-bottom: 0; }

.info-heath-patient .inner {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .info-heath-patient .inner {
      padding: 0 15px; } }
.info-heath-patient .banner-patient {
  padding: 120px 0 30px;
  background-size: cover;
  float: left;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .info-heath-patient .banner-patient {
      padding: 40px 0; } }
  @media screen and (min-width: 1024px) {
    .info-heath-patient .banner-patient {
      padding: 75px 0; } }
.info-heath-patient .box-patient {
  padding: 30px 20px 30px 30px;
  background: #717074;
  float: left;
  width: 90%;
  margin-top: 60px;
  max-width: 580px; }
  @media screen and (min-width: 768px) {
    .info-heath-patient .box-patient {
      margin-top: 0;
      max-width: 500px;
      padding: 60px; } }
  @media screen and (min-width: 1024px) {
    .info-heath-patient .box-patient {
      margin-top: 0;
      max-width: 640px;
      padding: 60px 88px; } }
  .info-heath-patient .box-patient h2 {
    color: #fff;
    font-family: "LubalinGraphStd-Book";
    font-size: 24px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .info-heath-patient .box-patient h2 {
        font-size: 50px;
        margin-bottom: 35px; } }
  .info-heath-patient .box-patient p {
    font-size: 14px;
    color: #fff;
    font-family: "LubalinGraphStd-Book";
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .info-heath-patient .box-patient p {
        font-size: 16px;
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      .info-heath-patient .box-patient p {
        font-size: 18px;
        margin-bottom: 50px; } }
  .info-heath-patient .box-patient .view-all {
    text-align: left; }

.refer-patient .line-col {
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #e6e6e6;
  display: none; }
  @media screen and (min-width: 1024px) {
    .refer-patient .line-col {
      display: block; } }
.refer-patient .patient-left {
  float: left;
  width: 100%;
  padding-bottom: 14px; }
  @media screen and (min-width: 1024px) {
    .refer-patient .patient-left {
      width: 50%;
      padding-right: 20px;
      padding-right: 44px; } }
  .refer-patient .patient-left ul {
    margin-bottom: 15px;
    padding-left: 15px; }
    .refer-patient .patient-left ul li {
      color: #717074;
      font-size: 14px;
      font-family: "UniversLTStd-Light";
      list-style: outside none disc;
      margin-bottom: 8px; }
      @media screen and (min-width: 1024px) {
        .refer-patient .patient-left ul li {
          font-size: 18px; } }
  .refer-patient .patient-left p {
    font-size: 14px;
    margin-bottom: 15px; }
    @media screen and (min-width: 1024px) {
      .refer-patient .patient-left p {
        font-size: 18px; } }
.refer-patient .patient-right {
  float: left;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .refer-patient .patient-right {
      width: 50%;
      padding-left: 40px; } }
  .refer-patient .patient-right .form {
    padding-top: 38px; }
    @media screen and (min-width: 1024px) {
      .refer-patient .patient-right .form {
        padding-top: 0; } }
.refer-patient .line-row {
  height: 1px;
  width: 100%;
  background-color: #e6e6e6;
  display: block;
  position: absolute;
  left: 0; }

.page-login {
  padding-bottom: 100px; }
  .page-login .infor-header-page {
    padding-top: 80px; }
  .page-login .column-left-login {
    width: 100%;
    float: left;
    padding-right: 0; }
    @media screen and (min-width: 768px) {
      .page-login .column-left-login {
        width: 50%;
        padding-right: 20px; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .page-login .column-left-login {
      padding-left: 35px; } }

  .page-login .column-right-login {
    width: 100%;
    float: left; }
    @media screen and (min-width: 768px) {
      .page-login .column-right-login {
        width: 50%;
        padding-left: 20px;
        border-left: 1px solid #b7b7b7; } }
    @media screen and (min-width: 1024px) {
      .page-login .column-right-login {
        padding-left: 50px; } }
    .page-login .column-right-login p {
      font-family: 'UniversLTStd-Light';
      font-size: 12px;
      color: #717074; }
      @media screen and (min-width: 768px) {
        .page-login .column-right-login p {
          font-size: 16px; } }
      @media screen and (min-width: 1024px) {
        .page-login .column-right-login p {
          font-size: 18px; } }
    .page-login .column-right-login .btn.btn-form {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .page-login .column-right-login .btn.btn-form {
          width: 38%;
          margin-right: 1%;
          float: left; } }
      @media screen and (min-width: 1024px) {
        .page-login .column-right-login .btn.btn-form {
          width: 36%; } }
    .page-login .column-right-login .btn-forgotypass {
      -webkit-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s;
      display: block;
      height: auto;
      background-color: #f4de00;
      width: 100%;
      padding: 16px 0;
      text-align: center;
      color: #535255;
      font-family: 'LubalinGraphStd-Demi';
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .page-login .column-right-login .btn-forgotypass {
          width: 61%;
          float: right; } }
      @media screen and (min-width: 1024px) {
        .page-login .column-right-login .btn-forgotypass {
          padding: 19px 0 18px 0;
          font-size: 18px;
          width: 63%; } }
      .page-login .column-right-login .btn-forgotypass:hover {
        background-color: #514a0f;
        color: white; }
    .page-login .column-right-login .contact {
      padding: 0; }
      @media screen and (min-width: 768px) {
        .page-login .column-right-login .contact {
          margin-top: 40px; } }
      .page-login .column-right-login .contact .contact-form .contact-form-group {
        clear: both;
        display: inline-block;
        width: 100%; }
        .page-login .column-right-login .contact .contact-form .contact-form-group:last-child {
          padding-bottom: 0; }
        .page-login .column-right-login .contact .contact-form .contact-form-group .signUp {
          padding: 0;
          background: none; }
  .page-login h1 {
    color: #717074;
    font-family: "LubalinGraphStd-Book";
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 55px; }
    @media screen and (min-width: 768px) {
      .page-login h1 {
        font-size: 28px;
        margin-top: 0; } }
    @media screen and (min-width: 1024px) {
      .page-login h1 {
        font-size: 50px; } }
  .page-login p {
    font-size: 12px;
    color: #717074;
    line-height: 1.6em;
    font-family: "LubalinGraphStd-Book"; }
    @media screen and (min-width: 768px) {
      .page-login p {
        font-size: 16px; } }
    @media screen and (min-width: 1024px) {
      .page-login p {
        font-size: 18px; } }
  .page-login h2 {
    color: #717074;
    font-family: 'LubalinGraphStd-Demi';
    font-size: 25px;
    margin-bottom: 0px;
    margin-top: 60px; }
    @media screen and (min-width: 768px) {
      .page-login h2 {
        font-size: 28px;
        margin-top: 0; } }

.register-label {
  font-family: 'UniversLTStd-Light';
  font-size: 14px;
  line-height: 1.285;
  color: #535255;
  letter-spacing: .2px;
  margin-bottom: 5px;
  margin-top: 35px; }
  @media screen and (min-width: 1024px) {
    .register-label {
      font-size: 16px;
      margin-bottom: 7px; } }

.register-select {
  margin-bottom: 14px; }
  @media screen and (min-width: 1024px) {
    .register-select {
      float: left;
      width: 100%;
      margin-bottom: 33px; } }
  .register-select li {
    float: left;
    width: 64%;
    border: 1px solid #cfcfcf;
    background-color: #fff; }
    @media screen and (min-width: 1024px) {
      .register-select li {
        width: 64%; } }
    .register-select li:first-child {
      width: 36%; }
    .register-select li.register-select-isActive {
      border: 1px solid #717074; }
      .register-select li.register-select-isActive a {
        background-color: #717074;
        color: #fff; }
    .register-select li .btn.btn-select {
      padding-left: 25px; }

.btn.btn-register {
  float: left; }
  @media screen and (min-width: 1024px) {
    .btn.btn-register {
      font-size: 18px; } }

.register-checkbox {
  position: relative;
  margin: 20px 0; }

.register-checkbox label {
  font-size: 12px;
  line-height: 1.5;
  padding-left: 35px;
  font-family: 'UniversLTStd-Light';
  color: #535255;
  display: block; }
  @media screen and (min-width: 768px) {
    .register-checkbox label {
      padding-left: 47px;
      font-size: 14px; } }
  @media screen and (min-width: 1280px) {
    .register-checkbox label {
      font-size: 16px;
      padding-left: 57px; } }

.register-checkbox input[type="checkbox"] {
  float: left;
  width: auto;
  margin-left: 2px; }

.register-checkbox input[type="checkbox"]:checked + label::after {
  background-image: url("../images/chk_on.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 20px; }
  @media screen and (min-width: 1024px) {
    .register-checkbox input[type="checkbox"]:checked + label::after {
      top: -8px;
      height: 27px;
      width: 27px; } }

.register-checkbox input[type="checkbox"] + label::before {
  background-image: url("../images/chk_off.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 20px; }
  @media screen and (min-width: 1024px) {
    .register-checkbox input[type="checkbox"] + label::before {
      height: 27px;
      width: 27px;
      top: -8px; } }

.postcode1, .postcode2, .postcode3, .postcode4 {
  float: left;
  width: 25% !important;
  padding: 17px 8px !important;
  border-right: none !important;
  text-align: center; }

.postcode4 {
  border-right: 1px solid #cfcfcf !important; }

.postcode-label {
  height: 60px;
  line-height: 60px;
  float: left;
  width: 50%;
  color: #717074;
  padding-left: 15px;
  font-size: 14px;
  font-family: "UniversLTStd-Light"; }
  @media screen and (min-width: 1024px) {
    .postcode-label {
      font-size: 20px; } }
  .postcode-label input {
    background: #fff none repeat scroll 0 0;
    border: medium none !important;
    padding: 0 !important; }

.postcode-input {
  float: left;
  width: 50%;
  position: relative; }

input:required:invalid, input:focus:invalid {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #b7b7b7;
  box-shadow: none; }

input:focus:invalid {
  border-color: red; }

.success-reg {
  float: left;
  height: 60px;
  padding-top: 22px; }

.success_register {
  padding-top: 10px;
  font-size: 14px;
  font-family: "UniversLTStd-Light"; }
  @media screen and (min-width: 1024px) {
    .success_register {
      font-size: 18px; } }

.tooltiptext {
  visibility: visible;
  width: auto;
  background-color: #514a0f;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0;
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold; }
  @media screen and (min-width: 1024px) {
    .tooltiptext {
      margin-left: -20px; } }

.tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 15px;
  margin-left: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #514a0f transparent; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

.register-checkbox .tooltiptext {
  left: 0;
  right: unset; }

.sliderEvents .sliderEvents_navWrap {
  max-width: 1280px;
  margin: -14% auto 0 auto;
  padding: 0 15px; }
  @media screen and (min-width: 1024px) {
    .sliderEvents .sliderEvents_navWrap {
      margin: -16% auto 0 auto; } }
  .sliderEvents .sliderEvents_navWrap .sliderEvents_navContent {
    background-color: #ffffff; }
  @media screen and (min-width: 1280px) {
    .sliderEvents .sliderEvents_navWrap {
      margin: -11% auto 0 auto; } }
.sliderEvents .sliderEvents_nav .sliderEvents_context {
  position: relative;
  background-color: #ffffff; }
  @media screen and (min-width: 1024px) {
    .sliderEvents .sliderEvents_nav .sliderEvents_context {
      padding: 0 42px; } }
.sliderEvents .sliderEvents_main {
  width: 100%; }
  .sliderEvents .sliderEvents_main .slick-list {
    width: 100%; }
.sliderEvents .slick-arrow {
  border: 1px solid #958a2e;
  top: 28%; }
  @media screen and (min-width: 1024px) {
    .sliderEvents .slick-arrow {
      top: 50%; } }
.sliderEvents .slick-prev {
  transform: translateX(-37%);
  -webkit-transform: translateX(-37%);
  -moz-transform: translateX(-37%);
  -ms-transform: translateX(-37%);
  -o-transform: translateX(-37%); }
.sliderEvents .slick-next {
  transform: translateX(37%);
  -webkit-transform: translateX(37%);
  -moz-transform: translateX(37%);
  -ms-transform: translateX(37%);
  -o-transform: translateX(37%); }

.labelDate {
  position: absolute;
  font-family: 'LubalinGraphStd-Demi';
  font-size: 14px;
  top: 0;
  left: 15px;
  display: block;
  background-color: #717074;
  color: #ffffff;
  padding: 8px;
  text-align: center;
  height: auto;
  width: 52px;
  word-break: break-all; }
  @media screen and (min-width: 768px) {
    .labelDate {
      width: 72px; } }
  @media screen and (min-width: 1024px) {
    .labelDate {
      position: relative;
      float: left;
      font-size: 50px;
      padding: 10px 44px 10px 22px;
      width: 20%; } }

.sliderEvents_contextWrap {
  padding: 26px 16px 32px 76px; }
  @media screen and (min-width: 768px) {
    .sliderEvents_contextWrap {
      padding: 34px 30px 36px 98px; } }
  @media screen and (min-width: 1024px) {
    .sliderEvents_contextWrap {
      border: none;
      float: right;
      width: 74%;
      padding: 48px 0; } }

.sliderEvents__titleSmall {
  font-family: 'LubalinGraphStd-Book';
  font-size: 14px; }
  @media screen and (min-width: 1024px) {
    .sliderEvents__titleSmall {
      font-size: 28px;
      line-height: 1; } }

.sliderEvents__titleMedium {
  font-family: 'LubalinGraphStd-Book';
  font-size: 24px;
  padding: 14px 0 10px 0; }
  @media screen and (min-width: 1024px) {
    .sliderEvents__titleMedium {
      font-size: 50px;
      line-height: 1; } }

.sliderEvents__dateWrap {
  padding: 10px 0 4px 0px; }
  .sliderEvents__dateWrap p {
    font-family: 'UniversLTStd';
    font-size: 14px; }
    @media screen and (min-width: 1024px) {
      .sliderEvents__dateWrap p {
        font-size: 18px; } }
    .sliderEvents__dateWrap p span {
      font-family: 'UniversLTStd';
      font-size: 14px; }
      @media screen and (min-width: 1024px) {
        .sliderEvents__dateWrap p span {
          font-size: 18px; } }

.organization {
  font-size: 14px;
  padding: 2px 0 18px 0;
  font-family: 'UniversLTStd'; }
  @media screen and (min-width: 1024px) {
    .organization {
      font-size: 18px; } }

.pastEvents .captionEvent, .events_section .captionEvent{
  padding: 22px 0; }
  @media screen and (min-width: 1024px) {
    .pastEvents .captionEvent, .events_section .captionEvent {
      padding: 36px 0 22px 0; } }
.pastEvents .btnPublic, .events_section .btnPublic {
  margin: 10px auto 40px auto;
  display: block;
  max-width: 200px; }
  @media screen and (min-width: 768px) {
    .pastEvents .btnPublic, .events_section .btnPublic {
      margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .pastEvents .btnPublic, .events_section .btnPublic {
      max-width: 310px; } }

.captionEvent {
  font-family: 'LubalinGraphStd-Book';
  font-size: 24px; }
  @media screen and (min-width: 1024px) {
    .captionEvent {
      font-size: 50px; } }

.pastEvents_img {
  position: relative; }
.pastEvents_img .imagelessDateLabel{
  position: relative !important;
  float: left;
  margin: 10px 20px 10px 0;
}
  @media screen and (min-width: 1024px) {
    .pastEvents_img .labelDate {
      position: absolute;
      left: 0;
      line-height: 1.1;
      width: auto; } }

.labelDateItem {
  margin: 0 15px; }

.titleEvent {
  font-family: 'LubalinGraphStd-Book';
  font-size: 18px;
  color: #717074; }
  @media screen and (min-width: 1024px) {
    .titleEvent {
      font-size: 28px;
      line-height: 1.1; } }

.pastEvents__des {
  font-size: 14px;
  padding: 15px 0;
  font-family: 'UniversLTStd'; }
  @media screen and (min-width: 1024px) {
    .pastEvents__des {
      padding-right: 30px; } }

.pastEvents_context {
  padding: 20px 0; }

.btnPublic:hover {
  opacity: 0.8; }

@media screen and (min-width: 768px) {
  .pastEvents_item {
    float: left;
    width: 49%;
    margin-right: 2%; } }

@media screen and (min-width: 768px) {
  .pastEvents_itemLast {
    margin-right: 0; } }

@media screen and (min-width: 768px) {
  .pastEvents_wrap, .upcomingEvents_wrap {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    float: none;
    display: block; } }

@media screen and (min-width: 768px) {
  .pastEvents_context .inner {
    padding: 0; } }
@media screen and (min-width: 768px) {
  .pastEvents_context .inner .inner-container {
    padding: 0; } }

.sliderEvents_navContent {
  border: 1px solid #e1e1e1; }

/* Page Contact Us */
.findPostCode {
  background-color: #717074;
  padding: 19px 0; }
  .findPostCode .groupForm {
    padding-top: 10px; }

.groupForm .groupForm-left {
  float: left;
  width: 79%;
  margin-right: 1%; }
  @media screen and (min-width: 768px) {
    .groupForm .groupForm-left {
      width: 83%; } }
  @media screen and (min-width: 1024px) {
    .groupForm .groupForm-left {
      width: 69%; } }
.groupForm .groupForm-right {
  float: right;
  width: 20%; }
  @media screen and (min-width: 768px) {
    .groupForm .groupForm-right {
      width: 16%; } }
  @media screen and (min-width: 1024px) {
    .groupForm .groupForm-right {
      width: 30%; } }
.groupForm .groupForm-in-txt {
  font-family: 'UniversLTStd-Light';
  font-size: 14px;
  color: #535255;
  letter-spacing: 0.20px; }
.groupForm .btn-findPostcode {
  padding: 10px 12px 11px 12px;
  background-color: #f4dc00;
  cursor: pointer; }
  @media screen and (min-width: 1024px) {
    .groupForm .btn-findPostcode {
      padding: 15px 15px 16px 15px; } }

@media screen and (min-width: 768px) {
  .txt-search {
    display: none;
    font-family: 'LubalinGraphStd-Demi';
    font-size: 22px;
    vertical-align: middle;
    color: #535255;
    padding-left: 14px;
    padding-top: 3px; } }
@media screen and (min-width: 1024px) {
  .txt-search {
    display: inline-block; } }

@media screen and (min-width: 1024px) {
  .findPostCode .findPostcode-pc {
    width: 100%;
    padding-bottom: 14px; } }
@media screen and (min-width: 1024px) {
  .findPostCode .findPostcode-pc .icn-search {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle; } }

.captionLocal {
  line-height: 1.71;
  color: #ffffff;
  font-size: 14px;
  font-family: 'LubalinGraphStd-Book'; }
  @media screen and (min-width: 768px) {
    .captionLocal {
      font-size: 18px; } }
  @media screen and (min-width: 1024px) {
    .captionLocal {
      font-size: 22px; } }
  @media screen and (min-width: 1280px) {
    .captionLocal {
      font-size: 28px; } }

/* Form */
.findPostCode {
  background-color: #717074;
  padding: 19px 0; }
  .findPostCode .groupForm {
    padding-top: 10px; }

.groupForm .groupForm-left {
  float: left;
  width: 79%;
  margin-right: 1%; }
  @media screen and (min-width: 768px) {
    .groupForm .groupForm-left {
      width: 83%; } }
  @media screen and (min-width: 1024px) {
    .groupForm .groupForm-left {
      width: 69%; } }
.groupForm .groupForm-right {
  float: right;
  width: 20%; }
  @media screen and (min-width: 768px) {
    .groupForm .groupForm-right {
      width: 16%; } }
  @media screen and (min-width: 1024px) {
    .groupForm .groupForm-right {
      width: 30%; } }
.groupForm .groupForm-in-txt {
  font-family: 'UniversLTStd-Light';
  font-size: 14px;
  color: #535255;
  letter-spacing: 0.20px; }
.groupForm .btn-findPostcode {
  padding: 10px 12px 11px 12px;
  background-color: #f4dc00;
  cursor: pointer; }
  @media screen and (min-width: 1024px) {
    .groupForm .btn-findPostcode {
      padding: 15px 15px 16px 15px; } }

@media screen and (min-width: 768px) {
  .txt-search {
    display: none;
    font-family: 'LubalinGraphStd-Demi';
    font-size: 22px;
    vertical-align: middle;
    color: #535255;
    padding-left: 14px;
    padding-top: 3px; } }
@media screen and (min-width: 1024px) {
  .txt-search {
    display: inline-block; } }

@media screen and (min-width: 1024px) {
  .findPostCode .findPostcode-pc {
    width: 100%;
    padding-bottom: 14px; } }
@media screen and (min-width: 1024px) {
  .findPostCode .findPostcode-pc .icn-search {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle; } }

.captionLocal {
  line-height: 1.71;
  color: #ffffff;
  font-size: 14px;
  font-family: 'LubalinGraphStd-Book'; }
  @media screen and (min-width: 768px) {
    .captionLocal {
      font-size: 18px; } }
  @media screen and (min-width: 1024px) {
    .captionLocal {
      font-size: 22px; } }
  @media screen and (min-width: 1280px) {
    .captionLocal {
      font-size: 28px; } }

@media screen and (min-width: 768px) {
  .contact-col {
    padding: 0 60px; } }
@media screen and (min-width: 768px) {
  .contact-col .contact-col-l {
    width: 66%;
    float: left;
    padding-right: 25px; } }
@media screen and (min-width: 1024px) {
  .contact-col .contact-col-l {
    padding-right: 35px; } }
@media screen and (min-width: 1280px) {
  .contact-col .contact-col-l {
    padding-right: 45px; } }
@media screen and (min-width: 1440px) {
  .contact-col .contact-col-l {
    padding-right: 55px; } }
@media screen and (min-width: 768px) {
  .contact-col .contact-col-r {
    float: left;
    width: 34%; } }

.form .formCaption {
  font-size: 18px;
  color: #535255;
  font-family: 'LubalinGraphStd-Book'; }
  @media screen and (min-width: 1024px) {
    .form .formCaption {
      font-size: 28px; } }
.form .formGroupCaption {
  font-family: 'LubalinGraphStd-Demi';
  font-size: 14px;
  color: #535255;
  padding-top: 10px;
  padding-bottom: 14px; }
  @media screen and (min-width: 1024px) {
    .form .formGroupCaption {
      font-size: 24px;
      margin-bottom: 20px; } }
.form .form-input {
  font-family: 'UniversLTStd-Light';
  font-size: 14px;
  color: #717074;
  border: 1px solid #cfcfcf; }
  @media screen and (min-width: 1024px) {
    .form .form-input {
      font-size: 20px; } }
.form .formGroup {
  margin-bottom: 35px; }
.form .formRow {
  margin: 12px 0; }
  @media screen and (min-width: 1024px) {
    .form .formRow {
      margin: 16px 0; } }
.form .formdate li {
  float: left;
  width: 33.333%;
  position: relative;
  padding: 12px;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf; }
  @media screen and (min-width: 1024px) {
    .form .formdate li {
      padding: 0 12px; } }
  .form .formdate li .formSelected {
    display: block;
    font-size: 14px;
    color: #717074;
    font-family: 'UniversLTStd-Light';
    background-image: url(../images/arr_down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 4px;
    background-size: 12px auto;
    outline: none; }
    @media screen and (min-width: 1024px) {
      .form .formdate li .formSelected {
        padding: 17px 0;
        font-size: 20px; } }
  .form .formdate li:last-child {
    border-right: 1px solid #cfcfcf; }
.form .formdate .formSelectBox {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 99999;
  left: 0;
  top: 49px;
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  height: 180px;
  overflow-y: scroll; }
  @media screen and (min-width: 1024px) {
    .form .formdate .formSelectBox {
      top: 58px; } }
  .form .formdate .formSelectBox li {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    border: none;
    text-align: center;
    width: 100%;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer; }
    .form .formdate .formSelectBox li:hover {
      background-color: #eeeeee;
      -webkit-transition: 0.4s;
      -ms-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
    @media screen and (min-width: 1024px) {
      .form .formdate .formSelectBox li {
        font-size: 20px; } }
.form .formdate .formSelectBoxY li {
  width: 100%;
  padding: 10px 0; }
.form .formCaptionFile {
  font-size: 14px;
  color: #717074;
  background-color: #c3e4e5;
  font-family: 'UniversLTStd-Light';
  padding: 16px 0 17px 0;
  display: block;
  text-align: center;
  cursor: pointer; }
  @media screen and (min-width: 1024px) {
    .form .formCaptionFile {
      font-size: 20px;
      padding: 18px 0; } }
.form .form-input-file {
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: -99999px; }
.form .formFile li {
  float: left;
  width: 53%; }
  .form .formFile li:last-child {
    margin-left: 1%;
    width: 46%; }
@media screen and (min-width: 1024px) {
  .form .formSubmit .btn-form {
    margin-left: inherit;
    margin-right: inherit; } }

.form-label {
  margin-bottom: 0 !important; }

@media screen and (min-width: 768px) {
  .addressBook {
    overflow: hidden; } }
@media screen and (min-width: 1024px) {
  .addressBook {
    max-width: 1309px;
    margin: 0 auto;
    width: 100%; } }

.formFile {
  padding: 6px 0; }

.aboutDes .error-group p {
  margin: 0; }
.aboutDes .success-group p {
  margin: 0; }

.quickLinksBookPage {
  padding-bottom: 0;
  border: none;
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto; }
  .quickLinksBookPage .quickLinksPage-item {
    border: none; }
  .quickLinksBookPage .inner {
    padding: 0; }
  @media screen and (min-width: 1280px) {
    .quickLinksBookPage .quickLinksPage-box {
      border-top: 1px solid #eee; } }

.line-row {
  border-top: 1px solid #eee;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0; }
  @media screen and (min-width: 1280px) {
    .line-row {
      display: none; } }

.btnPublic {
  font-family: 'LubalinGraphStd-Demi';
  background-color: #b5e1e1;
  color: #535255;
  padding: 10px 18px;
  clear: both;
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 14px; }
  @media screen and (min-width: 1024px) {
    .btnPublic {
      font-size: 24px;
      padding: 16px 18px; } }

.medicalExamination .medicalExaminationWrap .doctors, .medicalExamination .medicalExaminationWrap .reschedule {
  position: relative; }
  @media screen and (min-width: 768px) {
    .medicalExamination .medicalExaminationWrap .doctors, .medicalExamination .medicalExaminationWrap .reschedule {
      width: 50%; } }
.medicalExamination .medicalExaminationWrap .doctorsContent, .medicalExamination .medicalExaminationWrap .rescheduleContent {
  max-width: 655px;
  padding: 24px;
  position: absolute;
  bottom: 8%;
  background-color: #717074;
  right: 0;
  width: 90%; }
  @media screen and (min-width: 768px) {
    .medicalExamination .medicalExaminationWrap .doctorsContent, .medicalExamination .medicalExaminationWrap .rescheduleContent {
      width: initial; } }
  @media screen and (min-width: 1024px) {
    .medicalExamination .medicalExaminationWrap .doctorsContent, .medicalExamination .medicalExaminationWrap .rescheduleContent {
      padding: 40px 60px 40px 40px; } }
  @media screen and (min-width: 1280px) {
    .medicalExamination .medicalExaminationWrap .doctorsContent, .medicalExamination .medicalExaminationWrap .rescheduleContent {
      padding: 80px 110px 50px 90px; } }
  .medicalExamination .medicalExaminationWrap .doctorsContent .title, .medicalExamination .medicalExaminationWrap .rescheduleContent .title {
    color: #ffffff;
    font-family: 'LubalinGraphStd-Book';
    font-size: 24px; }
    @media screen and (min-width: 1024px) {
      .medicalExamination .medicalExaminationWrap .doctorsContent .title, .medicalExamination .medicalExaminationWrap .rescheduleContent .title {
        font-size: 50px; } }
  .medicalExamination .medicalExaminationWrap .doctorsContent .conent, .medicalExamination .medicalExaminationWrap .rescheduleContent .conent {
    font-family: 'UniversLTStd-Light';
    font-size: 14px;
    color: #ffffff;
    padding: 26px 0; }
    @media screen and (min-width: 1024px) {
      .medicalExamination .medicalExaminationWrap .doctorsContent .conent, .medicalExamination .medicalExaminationWrap .rescheduleContent .conent {
        font-size: 18px;
        padding: 40px 0; } }
.medicalExamination .medicalExaminationWrap .doctorsContent {
  right: initial;
  left: 0; }
  @media screen and (min-width: 768px) {
    .medicalExamination .medicalExaminationWrap .doctorsContent {
      margin-right: 30px;
      border-left: 1px solid #5b5b5b; } }
@media screen and (min-width: 768px) {
  .medicalExamination .medicalExaminationWrap .rescheduleContent {
    margin-left: 30px; } }
@media screen and (min-width: 768px) {
  .medicalExamination .medicalExaminationWrap .doctors {
    float: right; } }
@media screen and (min-width: 768px) {
  .medicalExamination .medicalExaminationWrap .reschedule {
    float: left; } }

.overray {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background-color: rgba(83, 82, 85, 0.5); }

@media screen and (min-width: 1024px) {
  .addressBook .addressSlider-item-content .address-link-wrap {
    margin-left: 0;
    max-width: 100%;
    width: 100%; } }
@media screen and (min-width: 1024px) {
  .addressBook .addressSlider-item-content .address-link-wrap .btn-color-yellow {
    font-size: 24px;
    max-width: 100%;
    width: initial;
    display: inline-block;
    padding: 0 24px; } }
@media screen and (min-width: 1024px) {
  .addressBook .cap-img {
    font-size: 28px;
    padding-left: 80px; } }
.addressBook .cap-img > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); }
  @media screen and (min-width: 1024px) {
    .addressBook .cap-img > img {
      width: 52px; } }

#infoWindow h2 {
  font-size: 18px;
  color: #717074;
  font-family: "LubalinGraphStd-Book";
  line-height: 1.22;
  margin-top: 10px; }
  @media screen and (min-width: 1024px) {
    #infoWindow h2 {
      font-size: 22px; } }

.localtionFilter-selected li a img {
  width: 26px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); }
.localtionFilter-selected li a:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.localtionFilter-title {
  padding-left: 35px !important; }
  @media screen and (min-width: 768px) {
    .localtionFilter-title {
      padding-left: 60px !important; } }
  .localtionFilter-title img {
    width: 26px;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); }
  .localtionFilter-title span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%); }

.medicalExamination {
  display: block;
  clear: both; }

#map_canvas {
  height: 397px; }
  @media screen and (min-width: 640px) {
    #map_canvas {
      height: 800px; } }
  @media screen and (min-width: 1024px) {
    #map_canvas {
      height: 564px; } }

.localtionViewMap .localtionViewMap-list {
  display: block;
  height: 100%; }
.localtionViewMap ul {
  background-color: #ffffff;
  height: 282px;
  overflow-y: auto; }

/* form resource order */
.page-resource-order {
  padding-bottom: 100px; }
  .page-resource-order .column-left-login {
    padding-left: 0; }
  .page-resource-order .infor-header-page {
    padding: 20px 0; }
    @media screen and (min-width: 1024px) {
      .page-resource-order .infor-header-page {
        padding: 80px 88px 25px;
        margin: 0; } }
    .page-resource-order .infor-header-page h1 {
      margin: 0; }
      @media screen and (min-width: 1024px) {
        .page-resource-order .infor-header-page h1 {
          margin-bottom: 15px; } }
  .page-resource-order p {
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .page-resource-order p {
        font-size: 16px; } }
  .page-resource-order .content-order p {
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .page-resource-order .content-order p {
        font-size: 16px; } }
  .page-resource-order .column-right-login {
    border: none; }
    .page-resource-order .column-right-login p {
      font-family: "LubalinGraphStd-Book";
      font-size: 14px;
      margin-bottom: 15px; }
      @media screen and (min-width: 768px) {
        .page-resource-order .column-right-login p {
          font-size: 16px; } }
  .page-resource-order .success_register {
    border: 2px solid #b5e1e1;
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    padding: 10px 10px 4px;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .page-resource-order .success_register {
        width: 50%; } }

.table-order {
  width: 100%;
  margin: 15px 0; }
  .table-order td {
    width: 15%;
    border: 1px solid #cfcfcf;
    padding: 5px;
    text-align: center;
    color: #717074;
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .table-order td {
        font-size: 14px;
        margin-top: 0; } }
    @media screen and (min-width: 1024px) {
      .table-order td {
        font-size: 16px; } }
    .table-order td:first-child {
      border-right: none;
      width: 70%;
      text-align: left; }
    .table-order td:last-child {
      border-left: none;
      width: 15%; }
    .table-order td input[type="text"], .table-order td input[type="email"], .table-order td input[type="file"], .table-order td input[type="number"] {
      height: 35px;
      padding: 0px;
      text-align: center;
      font-family: "LubalinGraphStd-Book";
      font-size: 14px;
      border: 1px solid #cfcfcf; }
      @media screen and (min-width: 768px) {
        .table-order td input[type="text"], .table-order td input[type="email"], .table-order td input[type="file"], .table-order td input[type="number"] {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) {
        .table-order td input[type="text"], .table-order td input[type="email"], .table-order td input[type="file"], .table-order td input[type="number"] {
          font-size: 16px; } }
    .table-order td input[type="number"]::-webkit-inner-spin-button,
    .table-order td input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      -moz-appearance: textfield;
      appearance: none;
      margin: 0; }
    .table-order td input[type="number"] {
      -webkit-appearance: none;
      -moz-appearance: textfield;
      appearance: none;
      margin: 0; }

.customer-detail {
  float: left;
  width: 100%;
  margin-top: 50px; }
  .customer-detail p {
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    color: #333;
    margin-top: 20px; }
    @media screen and (min-width: 1024px) {
      .customer-detail p {
        font-size: 16px; } }
  .customer-detail label {
    float: left;
    color: #717074;
    font-family: "LubalinGraphStd-Book";
    font-size: 14px; }
    @media screen and (min-width: 1024px) {
      .customer-detail label {
        font-size: 16px; } }
  .customer-detail span {
    display: block;
    overflow: hidden;
    position: relative; }
  .customer-detail input {
    height: 18px;
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    color: #000; }
    @media screen and (min-width: 768px) {
      .customer-detail input {
        margin-top: 0; } }
    @media screen and (min-width: 1024px) {
      .customer-detail input {
        font-size: 16px; } }
  .customer-detail .col-50 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .customer-detail .col-50 {
        width: 50%;
        padding-right: 15px; } }
  .customer-detail .col-100 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .customer-detail .col-100 {
        padding-right: 15px; } }
  .customer-detail .col-33 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .customer-detail .col-33 {
        width: 33.3333%;
        padding-right: 15px;
        margin-bottom: 20px; } }
  .customer-detail .order-checkbox {
    position: relative;
    margin-top: 8px; }
  .customer-detail .order-checkbox label {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 26px;
    font-family: 'LubalinGraphStd-Book';
    color: #535255;
    display: block;
    width: 90%; }
    @media screen and (min-width: 768px) {
      .customer-detail .order-checkbox label {
        padding-left: 30px;
        width: 90%; } }
    @media screen and (min-width: 1024px) {
      .customer-detail .order-checkbox label {
        font-size: 16px;
        padding-left: 38px; } }
  .customer-detail .order-checkbox input[type="radio"],
  .customer-detail .order-checkbox input[type="checkbox"] {
    float: left;
    width: 5%;
    margin-left: 0px; }
    @media screen and (min-width: 768px) {
      .customer-detail .order-checkbox input[type="radio"],
      .customer-detail .order-checkbox input[type="checkbox"] {
        width: auto;
        padding-left: 20px;
        margin-left: 2px; } }
  .customer-detail .order-checkbox input[type="radio"]:checked + label::after,
  .customer-detail .order-checkbox input[type="checkbox"]:checked + label::after {
    background-image: url("../images/chk_on.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 20px; }
    @media screen and (min-width: 1024px) {
      .customer-detail .order-checkbox input[type="radio"]:checked + label::after,
      .customer-detail .order-checkbox input[type="checkbox"]:checked + label::after {
        top: -8px;
        height: 27px;
        width: 27px; } }
  .customer-detail .order-checkbox input[type="radio"] + label::before,
  .customer-detail .order-checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/chk_off.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 20px; }
    @media screen and (min-width: 1024px) {
      .customer-detail .order-checkbox input[type="radio"] + label::before,
      .customer-detail .order-checkbox input[type="checkbox"] + label::before {
        height: 27px;
        width: 27px;
        top: -8px; } }
  .customer-detail .tooltiptext {
    right: 0;
    margin-left: 0;
    left: unset; }
  .customer-detail .order-checkbox .tooltiptext {
    right: unset;
    margin-left: 0;
    left: 0; }
  .customer-detail .btn-order {
    float: left;
    margin-top: 20px; }
    @media screen and (min-width: 1024px) {
      .customer-detail .btn-order {
        width: 20%; } }

.note-order {
  float: left;
  width: 100%;
  margin-top: 30px; }
  .note-order h3 {
    font-family: "LubalinGraphStd-Book";
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #717074; }
    @media screen and (min-width: 768px) {
      .note-order h3 {
        font-size: 16px; } }
    @media screen and (min-width: 1024px) {
      .note-order h3 {
        font-size: 18px; } }

.please-note {
  float: left;
  width: 100%;
  margin-top: 30px; }
  .please-note .customer-detail {
    margin: 20px 0; }
  .please-note h1 {
    font-family: "LubalinGraphStd-Book";
    font-size: 16px;
    font-weight: bold;
    margin-top: 0; }
    @media screen and (min-width: 768px) {
      .please-note h1 {
        font-size: 18px;
        margin-top: 0px; } }
    @media screen and (min-width: 1024px) {
      .please-note h1 {
        font-size: 28px;
        margin-top: 40px; } }
  .please-note p {
    margin-bottom: 15px; }
  .please-note ul {
    padding-left: 1.2em; }
    .please-note ul li {
      color: #717074;
      font-family: "LubalinGraphStd-Book";
      list-style: disc;
      margin-bottom: 5px;
      font-size: 14px; }
      @media screen and (min-width: 1024px) {
        .please-note ul li {
          font-size: 16px; } }

.table-supplies td:last-child {
  border-left: 1px solid #cfcfcf; }

.page-resource-order {
  margin-top: 1px; }
  @media screen and (min-width: 1024px) {
    .page-resource-order {
      margin-top: 0px; } }
  .page-resource-order .header-page {
    margin-top: 0; }
    .page-resource-order .header-page .infor-header-page {
      margin: 0; }

#postcode-resource, #postcode-clinical {
  border-top: none;
  border-left: none;
  border-right: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none; }

#postcode-resource::-webkit-inner-spin-button,
#postcode-resource::-webkit-outer-spin-button,
#postcode-clinical::-webkit-inner-spin-button,
#postcode-clinical::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none; }

/*# sourceMappingURL=all.css.map */