/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} @font-face{font-family:lg;src:url(/fonts/lg.ttf?io9a6k) format("truetype"),url(/fonts/lg.woff?io9a6k) format("woff"),url(/fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{pointer-events:none;opacity:.5}.lg-next:hover,.lg-prev:hover{color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:'\e095'}.lg-prev{left:20px}.lg-prev:after{content:'\e094'}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:'\e070'}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:'\e90a'}.lg-toolbar .lg-download:after{content:'\e0f2'}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{opacity:0;will-change:opacity;-webkit-transition:opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{opacity:1}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;display:inline-block;width:100%;max-height:350px}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:5px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:10px 0}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:2px;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:4px;border:2px solid #fff;-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:'\e1ff'}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:'\e01d'}.lg-show-autoplay .lg-autoplay-button:after{content:'\e01a'}.lg-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);will-change:opacity,transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-icon.lg-zoom-in:after{content:'\e311'}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:'\e033'}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:'\e312'}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;will-change:transform,opacity;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active .lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);will-change:visibility,opacity,transform;-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:'';display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer .lg-share{position:relative}.lg-outer .lg-share:after{content:'\e80d'}.lg-outer .lg-share-facebook .lg-icon{color:#3b5998}.lg-outer .lg-share-facebook .lg-icon:after{content:'\e904'}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:'\e907'}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:'\e906'}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:#fff;font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(../images/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#999;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:#fff}.lg-comment-box .lg-comment-close:after{content:'\e070'}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer .lg-comment-toggle:after{content:'\e908'}.lg-outer.lg-comment-active .lg-comment-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-comment-active .lg-comment-toggle{color:#fff}.lg-outer.lg-comment-active .lg-comment-box{-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-rotate-left:after{content:'\e900'}.lg-rotate-right:after{content:'\e901'}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:'\e903'}.lg-flip-hor:after{content:'\e902'}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-group:after{content:'';display:table;clear:both}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:opacity;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{height:100%;width:100%;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%;outline:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:none;-o-transition:none;transition:none;white-space:nowrap}.lg-outer .lg-item{will-change:transform,opacity;display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(../images/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play-button{opacity:0;will-change:opacity;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button{opacity:1}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button{opacity:1}.lg-outer .lg-empty-html{display:none}.lg-outer[data-lg-slide-type=iframe] .lg-download,.lg-outer[data-lg-slide-type=video] .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:opacity;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:'\e909'}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0} /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} .image_gal { cursor: pointer; } /* MAP CSS */ .justify-flex-end{ justify-content: flex-end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; -o-justify-content: flex-end; -ms-justify-content: flex-end; } .map_container{ /* max-width: 900px;*/ margin: 0 auto; } .map_container > .grid{ display: block; } .map_container .gs-half{ width: 100%!important; } /*.map_container .map-btns-grid{ margin-top: 5em; }*/ .map_container p{ margin: 0; } .map_container .btn{ display: block; } .flex-map-box{ display: flex; display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; align-items: flex-start; -moz-align-items: flex-start; -webkit-align-items: flex-start; -o-align-items: flex-start; -ms-align-items: flex-start; } #map-container_london, #map-container{ width: 70%; min-width: 70%; padding-right: 2em; } .map-info{ border: 1px solid; padding: 20px; margin-left: 1em!important; } .london-map-half .gs-quarter{ width: 100%!important; max-width: 225px; } .uk-map-half .gs-quarter{ width: 50%!important; max-width: 50%; } .area-title{ background-color: #f5f5f5; padding: 6px 16px; } .fm-map-container svg { z-index: 1; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } .fm-tooltip { display: none; position: absolute; z-index: 3; min-width: 200px; } .fm-tooltip-image { white-space: nowrap; } .fm-tooltip-image img { max-width: none; } .fm-tooltip-comment { font-size: 11px; font-family: arial; color: #000000; } .fm-tooltip-frame { background-color: #fff; border: 2px solid #bbb; border-radius: 10px; padding: 5px; opacity: .99; max-width: 350px; min-width: 200px; border-collapse: separate; margin-bottom: 0 !important; line-height: 1.4; vertical-align: top; table-layout: auto; } .fm-tooltip-frame td { background-color:inherit; border: none; padding: 5px; vertical-align: top; margin: 0; } .fm-tooltip-name { color: #000; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; font-size: 20px; font-weight:bold; padding: 5px; font-family: arial; line-height: 1; } .fm-tooltip-x { color: #444; font: 12px/100% arial, sans-serif; position: relative; text-decoration: none; text-shadow: 0 1px 0 #fff; z-index: 5; visibility: hidden; cursor: pointer; margin: -5px -5px 5px 5px; border-bottom: none !important; float: right; } .fm-tooltip-x img { width: 12px !important; padding:0 !important; margin:0 !important; border:0 !important; } .fm-tooltip-x.fm-frozen-x { visibility: visible; } .fm-tooltip-x.fm-mobile-x { visibility: visible; } .fm-scale { float: left; position: absolute; left: 0px; bottom: 0px; z-index: 2; margin: 10px } .fm-scale div { float: left; } .fm-scale a { display: block; float: left; font-size: 31px; font-weight: bold; line-height: 38px; text-align: center; cursor: pointer; color: #333; width: 41px; height: 37px; padding-top: 1px; border: 1px solid #e8e8e8; border-bottom: 1px solid #bbb; text-decoration: none; margin-right: 3px; border-radius: 2px; background: #fff; } .fm-scale a:hover { color: #186ba3; } .fm-scale a.fm-inactive { cursor: default; color: #cdcdcd; } .fm-scale-display { clear: both; position: relative; left: 0px; z-index: 10; width: 100%; height: 1px; bottom: 0px; margin-bottom: 5px; background-color: #e8e8e8; } .fm-scale-display div { background-color: #237cbd; height: 1px; -webkit-transition: width ease-in-out .2s; transition: width ease-in-out .2s; } .fm-scale-buttons { clear: both; } .fm-no-events { pointer-events: none; } @media (max-width: 768px) { .fm-mobile-fixed .fm-tooltip-frame { max-width: 100%; width: 100%; } .fm-mobile-fixed .fm-tooltip-comment { width: 100%; } .fm-scale a { width: 31px; height: 27px; font-size: 21px; line-height: 28px; } } .map-btns-grid{} .map-btns-grid p{ margin: 0; } .map-btns-grid .btn{ display: block; background-color: #7798ba; } /* MAP CSS */ /*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } html { color: #222; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } section { width: 100%; } #mask { background-color: rgba(41, 47, 51, 0.9); position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 120%; z-index: 40; display: none; } .content { margin: 0 auto; max-width: 1200px; width: 88%; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Typography ========================================================================== */ @font-face { font-family: 'carrois_gothicregular'; src: url('/fonts/carroisgothic-regular-webfont.woff2') format('woff2'), url('/fonts/carroisgothic-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'carrois_gothicregular', sans-serif; font-weight: 400; color: #000; margin: 0; } h3 { font-size: 25px; } h4 { font-size: 20px; } h4 a { color: #658EAC; text-decoration: none; } p { color: #1C1C1B; font-size: 16px; line-height: 1.65; } p a, span a { color: #658EAC; font-weight: bold; text-decoration: none; } p a:hover { text-decoration: underline; } h2 a { } ul {} ul li {} ul li a {} strong {} .btn { display: inline-block; padding: 6px 16px 6px 16px; text-decoration: none; color: #FFF; text-align: center; background-color: #12769B; font-family: 'carrois_gothicregular', sans-serif; font-size: 15px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } button.btn{ border: 0; padding: 10px 16px; font-weight: bold; } .btn_outline { background-color: transparent; border: 1px solid #658EAC; color: #658EAC; } .btn:hover { background-color: #658EAC; color: #FFF; } p a.btn:hover{ text-decoration: none; } /* ========================================================================== Flex Box Grid System ========================================================================== */ .grid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .grid-cell { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .grid--half>.grid-cell { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; } .grid--third>.grid-cell { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .grid--quarter>.grid-cell { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; } .grid--gutters { margin: -1em 0 1em -1em; } .grid--gutters>.grid-cell { padding: 1em 0 0 1em; } .gs-half { width: 50%!important; } .gs-third { width: 33.3333%!important; } .gs-third, .gs-twothirds { -webkit-box-flex: 0!important; -webkit-flex: none!important; flex: none!important; } .gs-twothirds { width: 66.6667%!important; } .gs-quarter { width: 25%!important; } .gs-quarter, .gs-threequarters { -webkit-box-flex: 0!important; -webkit-flex: none!important; flex: none!important; } .gs-threequarters { width: 75%!important; } .gs-fifth{ width: 20%!important; } .gs-1{ width: 8.333333%!important; } .gs-2{ width: 16.6666667%!important; } .gs-3{ width: 25%!important; } .gs-4{ width: 33.333333%!important; } .gs-5{ width: 41.6666667%!important; } .gs-6{ width: 50%!important; } .gs-7{ width: 58.333333%!important; } .gs-8{ width: 66.6666667%!important; } .gs-9{ width: 75%!important; } .gs-10{ width: 83.333333%!important; min-width: 80%; } .gs-11{ width: 91.6666667%!important; } .gs-12{ width: 100%!important; } .demo { background-color: rgba(0,0,0,0.2); text-align: center; } /* ========================================================================== Contact form standard code ========================================================================== */ #contact_form { background-color: #F9F9F9; padding: 1em 1.8em; border: 1px solid #DDD; } .formRow { display: block; margin: 20px 0; } .formRow label { display: flex; color: #565656; margin: 10px 0 8px; align-items: center; } .formRow input, .formRow textarea { display: block; width: 100%; margin: 8px 0; border: 2px solid #D6D6D6; padding: 6px 8px; height: 48px; font-size: 0.9em; color: #1F7DA0; font-weight: 600; } .formRow textarea { height: 220px; padding: 10px 8px; } .formRow .grid--gutters { margin-bottom: 0; } .formRow .grid-cell { flex: 0 auto; -webkit-flex: 0 auto; padding-top: 0; } h4 + .formRow .grid-cell { padding-top: 0; } .formRow .grid-cell + .formRow textarea { display: block; width: 100%; margin: 10px 0; border: 2px solid #D6D6D6; padding: 6px; height: 214px; font-size: 0.9em; } .formRow button { display: block; font-weight: 600; font-size: 16px; border: none; width: 140px; padding: 14px 10px 13px; margin: 24px 0 0 auto; cursor: pointer; } .formRow input::placeholder, .formRow textarea::placeholder { font-weight: 400; color: #000; } .formRow input:focus { outline: none; border-color: #1F7DA0; } .formRow + h4 { margin-top: 32px; } .formRow:nth-last-child(1) { margin-bottom: 0; } .formRow label input[type=radio], .formRow label input[type=checkbox] { filter: hue-rotate(326deg); display: inline-block; width: 26px; height: 26px; margin: 0 8px 0 0px } .formRow label span {} .search-form input{ display: inline-block; width: 70%; } .search-form button{ display: inline-block; } .home-search form{ margin-bottom: 0; } .home-search form > div{ display: flex; display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; justify-content: space-between; align-items: center; } .home-search input{ width: 100%; margin-right: 15px; } .home-search button{ margin: 0; } .booking-form .formRow button{ margin: 24px auto; } .booking-form .formRow label{ font-size: .8em; font-weight: bold; } .booking-form .formRow textarea{ height: 80px; } .t-center { text-align: center; } .section-padding { padding: 64px 0; padding: 48px 0; } .section-padding + .section-padding{ padding-top: 0; } .section-padding .content > h2 { margin-bottom: 32px; } .section-padding-top { padding-bottom: 0 !important; } /* ========================================================================== Author's custom styles ========================================================================== */ header { background-color: #FFF; box-shadow: 0 0 14px -5px rgb(0 0 0 / 15%); position: fixed; top: 0; left: 0; right: 0; width: 100%; margin: auto; z-index: 40; } header .grid { margin-bottom: 0; align-items: center; -webkit-align-items: center; padding-bottom: 16px; } .logo_box { width: 100%; max-width: 460px; } .logo_box a { display: block; } .logo_box a img { width: 100%; } header nav { text-align: right; } header nav ul { list-style-type: none; padding: 0; margin: 0; } header nav ul li { display: inline-block; margin: 2px 14px; position: relative; } header nav ul li a { color: #2B2B2B; text-decoration: none; font-family: 'carrois_gothicregular'; font-size: 18px; } header nav ul li:after { display: block; content: "/"; position: absolute; right: -17px; top: 0; bottom: 0; font-size: 20px; line-height: 1.2; } header nav ul li:nth-last-child(1)::after { display: none; } header nav ul li:nth-last-child(1) { margin-right: 0; } .toolbar { padding-top: 16px; } .toolbar ul { text-align: right; margin: 0; padding: 0; list-style-type: none; } .toolbar ul li { display: inline-block; margin-left: 16px; } .toolbar ul li a { font-family: 'carrois_gothicregular'; color: #737373; font-size: 15px; text-decoration: none; } header ul li a { transition: all 0.35s ease 0s; opacity: 1; } header ul li a:hover { opacity: 0.5; } .hero { width: 100%; margin: 124px 0 4px; } .hero img { width: 100%; height: 320px; object-fit: cover; -webkit-object-fit: cover; } .slim_hero img{ height: 20px; } .slim_hero{ margin: 132px 0 4px; } .hero-blog img { height: 520px; } /* MASONARY GRID CSS */ /* Main CSS */ .grid-wrapper > div { display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } .hover_box { position: relative; overflow: hidden; } .hover_box > div { background-color: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; opacity: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 2; } .hover_box:hover > div { opacity: 1; } .hover_box > div a { text-decoration: none; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; flex-flow: column; } .hover_box > div h3 { margin: 0; color: #FFF; text-transform: uppercase; font-size: 22px; } .hover_box > div p { font-family: 'carrois_gothicregular'; margin: 0 auto; color: #FFF; opacity: 0.75; max-width: 270px; line-height: 1.3; } .hover_box > img { width: 100%; height: 100%; object-fit: cover; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition: scale .2; -moz-transition: scale .2; -o-transition: scale .2; -ms-transition: scale .2; transition: scale .2; -webkit-transition-duration: .5s; transition-duration: .5s; } .hero .hover_box > img { height: 320px; } .hover_box:hover > img { -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: scale .2; -moz-transition: scale .2; -o-transition: scale .2; -ms-transition: scale .2; transition: scale .2; } .mosaic-grid{ margin: -4px 0 4px -4px; } .mosaic-grid .grid-cell{ padding: 4px 0 0 4px; } .grid-wrapper { display: grid; grid-gap: 4px; grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); grid-auto-rows: 300px; grid-auto-flow: dense; } .grid-wrapper .wide { grid-column: span 2; } .grid-wrapper .tall { grid-row: span 2; } .grid-wrapper .big { grid-column: span 2; grid-row: span 2; } footer { padding: 24px 0; box-shadow: 0 0 14px -5px rgb(0 0 0 / 15%); } .logo_icon { width: 60px; } .logo_icon a { display: block; } .logo_icon a img { width: 100%; } footer nav ul { padding: 0; list-style-type: none; margin: 0; } footer nav ul li { margin: 4px 0; } footer nav ul li a { color: #2B2B2B; text-decoration: none; font-family: 'carrois_gothicregular'; font-size: 14px; } footer p { color: #2B2B2B; font-family: 'carrois_gothicregular'; } footer p a { color: #2B2B2B; text-decoration: none; } footer a { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } footer a:hover { opacity: 0.5; } .hamburger { display:none; flex-direction:column; width:40px; cursor:pointer; margin: 0 0 0 auto; z-index: 60; } .hamburger span{ background: #101010; border-radius:10px; height: 4px; margin: 4px 0; transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6); z-index: 60; } .hamburger span:nth-of-type(1){ width:50%; } .hamburger span:nth-of-type(2){ width:100%; } .hamburger span:nth-of-type(3){ width:75%; } .hamburger input[type="checkbox"]{ display:none; } .hamburger input[type="checkbox"]:checked ~ span:nth-of-type(1){ transform-origin:bottom; transform: rotatez(45deg) translate(4px,0px); } .hamburger input[type="checkbox"]:checked ~ span:nth-of-type(2){ transform-origin:top; transform:rotatez(-45deg) } .hamburger input[type="checkbox"]:checked ~ span:nth-of-type(3){ transform-origin:bottom; width:50%; transform: translate(18px,-6px) rotatez(45deg); } .navigation { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.95); z-index: 40; display: none; } .navigation ul { list-style-type: none; display: flex; flex-flow: column; justify-content: center; align-items: center; margin: auto; height: 100%; padding: 0; width: 280px; } .navigation ul li { display: block; text-align: left; width: 100%; margin: 8px 0; } .navigation ul li a{ color: #2B2B2B; text-decoration: none; font-family: 'carrois_gothicregular'; font-size: 21px; text-align: left; padding: 3px 0; display: block; } .hamburger input[type="checkbox"]:checked ~ span + .navigation { display: block; } .tight-grid { margin: -4px 0 0 -4px; } .tight-grid .grid-cell { padding: 4px 0 0 4px; } .sub-nav { background-color: #E0DCDC; } .sub-nav ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-flow: row wrap; justify-content: space-between; } .sub-nav ul li a { color: #2B2B2B; text-decoration: none; font-family: 'carrois_gothicregular'; font-size: 15px; padding: 10px 0; display: block; } .sub-nav ul li a.active{ font-weight: bold; } .first-section { margin: 173px 0 4px; } .align-items-center { align-items: center; } .no-margin { margin: 0; } .img-responsive { max-width: 100%; height: auto; } .scaled-image{ height: 0!important; width: 100%; padding-top: 66.666666%; background-size: cover; background-position: center; } .result-list { padding: 64px 0; } .result-list h2 { font-size: 30px; } .london_only { text-align: right; margin-top: 10px; } .london_only span{ font-size: 1.1em; } .london_only input{ cursor: pointer; } .result-item { background-color: #FCFCFC; padding: 16px; margin-top: 32px; } .result-item a { display: block; text-decoration: none; } .result-text { position: relative; } .result-text a:not(.btn) { padding: 16px 0; } .result-text p { color: #3C3C3C; margin: 0; max-width: 760px; } .result-text .btn { position: absolute; right: 16px; bottom: 16px; top: 16px; margin: auto; height: 36px; } .m25_tag{ background-color: #658EAC; color: #fff; border-radius: 5px; font-size: .5em; margin-left: 20px; font-weight: bold; padding: 6px; } .result-text textarea{ width: 100%; margin-top: 15px; } .location-intro { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #707070; padding-bottom: 16px; margin-bottom: 32px; } .location-intro > div p a:nth-of-type(1) { margin-right: 16px; } .location-more-details { display: none; margin-bottom: 32px; padding: 16px; overflow: hidden; transition: all 0.4s ease 0s; position: absolute; z-index: 30; background-color: #FFF; box-shadow: 0 10px 9px 0px rgb(0 0 0 / 15%); width: 100%; left: 0; right: 0; } .location-more-details.active { display: block; } .location-more-details > div { display: flex; flex-flow: row wrap; justify-content: space-between; max-width: 1200px; width: 88%; margin: auto; } .location-more-details > div > div { width: 30%; } .location-more-details > div h3 {} .location-more-details > div p { font-size: 14px; } .location-more-details > div p a {} .location-more-details > div .btn { display: block; margin: 16px 0; } .location-more-details > div ul { padding: 0 0 0 20px; } .location-more-details > div ul li { font-size: 14px; margin: 0 0 4px; } .two-cols { columns: 2; } #more-details-mobile { margin: 0 0 0 auto; display: block; width: 80px; } .client_logo { display: inline-block; max-width: 145px; max-height: 145px; margin-bottom: 20px; } .team_box { padding: 32px; } .team_box h3 { margin-top: 16px; } .reg-nav { align-items: flex-end; margin-bottom: 32px; } .reg-nav-item {} .reg-nav-item h3 { color: #767676; font-size: 18px; opacity: 0.3; margin-bottom: 16px; } .reg-bar { display: block; width: 100%; height: 6px; background-color: #767676; opacity: 0.3; } .reg-nav-item.active {} .reg-nav-item.active h3 { color: #000; font-size: 25px; opacity: 1; } .reg-nav-item h3 a { text-decoration: none; color: inherit; } .reg-nav-item.active .reg-bar, .reg-nav-item .reg-bar.complete { opacity: 1; background-color: #1F7DA0; } .padded-box { padding: 32px; } .g-border { border: 1px solid #d8d8d8; } .reg-form { position: relative; } .step-count { color: #1F7DA0; margin: 0; font-size: 16px; position: absolute; top: 0; right: 0; } .shortlist_form .formRow{ text-align: left; } .shortlist_form .formRow button{ display: inline-block; margin: 0; } .blog_item { } .blog_item a { display: block; text-decoration: none; color: inherit; } .blog_item a img { display: block; width: 100%; height: auto; } .blog_item div { display: block; background-color: #F8F8F8; padding: 24px; } .blog_item div a {} .blog_item div p { margin: 8px 0; font-size: 15px; color: #525252; margin-bottom: 0; } .blog_item div h3 {} .date { margin: 0 0 8px; color: #777; } article { max-width: 762px; margin: auto; } article { max-width: 762px; margin: auto; } article img { max-width: 100%; height: auto; } article h1 { font-size: 40px; } article h2 { font-size: 34px; } article h3 { font-size: 28px; } article h4 { font-size: 25px; } article h5 {font-size: 20px;} article p { font-size: 16px; line-height: 1.8; letter-spacing: 0.01em; } article p a {} .keywords_container { padding: 32px 0; border-top: 1px solid #ccc; } .search-container{ height: auto; padding-bottom: 60px; overflow: hidden; position: relative; transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; -ms-transition: all ease-in-out 0.6s; } .search-container.collapsed{ height: 400px; padding-bottom: 0; transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; -ms-transition: all ease-in-out 0.6s; } .expander{ background-color: #658EAC; opacity: 0.6; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 10px; text-align: center; cursor: pointer; transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; -ms-transition: all ease-in-out 0.6s; } .expander:hover{ opacity: 1; } .expander p{ margin: 0; } .expander img{ transform: rotate(180deg); } .collapsed .expander img{ transform: rotate(0deg); } .keywords_container h4 { margin-top: 24px; } .keywords_container ul { list-style-type: none; padding: 0; margin: 24px 0; } .keywords_container ul li { display: inline-block; margin-bottom: 8px; } .keywords_container ul li a { color: #111; padding: 12px 16px; } .pagination{ text-align: center; padding: 0; } .pagination li{ display: inline-block; margin: 3px !important; } .pagination li a{ background-color: #12769B; text-decoration: none; color: #fff; display: block; padding: 6px 12px; transition: all 0.2s cubic-bezier(.46,.03,.52,.96) 0s; } .pagination li a:hover{ text-decoration: none; background-color: #1b82a8; } .pagination li .current_page{ padding: 0 5px; font-weight: bold; } .shortlist_url{ text-align: center; } .shortlist_url input{ padding: 5px; font-size: 1.2em; width: 40%; max-width: 40%; } .shoot_enquiry{ margin: 20px auto 0; border: solid 1px #b8b8b8; padding: 20px; background-color: #ededed; } .shoot_enquiry .grid{ margin-bottom: 0; margin-top: 0; } .shoot_enquiry .grid-cell{ /* padding-top: 0.5em; */ } .shoot_enquiry .grid p{ margin: 3px 0 0; } .shoot_enquiry select{ width: 100%; padding: 5px 10px; /* margin-top: 12px; */ background-color: #fff; border: solid 1px #888; } .shoot_enquiry input, .shoot_enquiry textarea{ width: 100%; padding: 5px 10px; /* margin-top: 12px; */ border: solid 1px #888; } .shoot_enquiry input + input{ margin-top: 1em; } /*===================== Responsive Styling =========================*/ @media only screen and (max-width: 1250px) { .map-btns-grid .gs-quarter{ width: 50%!important; } } @media only screen and (max-width: 1015px) { .result-text .btn { position: relative; right: auto; bottom: auto; top: auto; height: auto; display: inline-block; } .gs-tab-6 { width: 50% !important; } .flex-map-box{ display: block; } #map-container_london, #map-container { width: 100%; min-width: 100%; padding-right: 0; } .map-info{ margin-top: 2em!important; } .london-map-half .gs-quarter{ width: 25%!important; } } @media only screen and (max-width: 870px) { header nav { display: none; } .hamburger { display: flex; } .toolbar { padding: 6px 0; background-color: #EFEFEF; margin-bottom: 16px; } .toolbar ul { text-align: center; display: flex; flex-flow: row wrap; justify-content: space-between; } .toolbar ul li { margin-left: 0; } .search-grid .gs-quarter, .home-search .search-grid .gs-threequarters { width: 100%!important; } .search-grid input{ width: 100%; } header .gs-third { width: 60% !important; } header .gs-twothirds { width: 40% !important; } footer .grid { display: block; } footer .grid-cell { width: 100% !important; text-align: center; margin: 16px auto; } .logo_icon { margin: auto; } .latest_locations .grid-cell { width: 50% !important; } .location-more-details > div > div { width: 100%; } .location-more-details > div > div { margin-bottom: 24px; } } @media only screen and (max-width: 800px) { .london-map-half .gs-quarter{ width: 50%!important; max-width: 50%!important; } } @media only screen and (max-width: 780px) { .result-item .grid-cell { width: 50% !important; } .result-item .grid-cell:nth-of-type(3) { display: none; } .reg-nav-item.active h3 { font-size: 18px; } } @media only screen and (max-width: 750px) { .grid-wrapper{ grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); } .map-btns-grid .gs-quarter{ width: 100%!important; } } @media only screen and (max-width: 700px) { .sub-nav ul { display: block; overflow-x: scroll; white-space: nowrap; padding: 8px 0; } .sub-nav ul li { display: inline-block; } .sub-nav ul li a { color: #FFF; font-size: 13px; padding: 5px 8px; background-color: #658eac; border-radius: 20px; margin: 5px; } .gs-mob-12 { width: 100% !important; } .reg-nav-item.active h3 { font-size: 15px; } .formRow button { width: 100%; } .formRow .gs-half, .formRow .gs-quarter { width: 100% !important; } .home-search .search-grid .gs-threequarters .search-form { display: block; } } @media only screen and (max-width: 480px) {} @media only screen and (max-width: 375px) {} @media only screen and (max-width: 320px) {} /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== MEDIA QUERIES ========================================================================== */ @media only screen and (max-width : 1000px) {} @media only screen and (max-width : 768px) {} @media only screen and (max-width : 660px) {} @media only screen and (max-width : 460px) {} @media only screen and (max-width : 380px) {}