/* @group Initial Setup */ /* @group normalize.css */ /*! normalize.css v1.0.1 | MIT License | git.io/normalize */dl,h3,menu,ol,p,pre,ul{margin:1em 0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body,figure,form{margin:0}a:active,a:focus,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* @end */ /* @group main.css */ .ir:before,hr{display:block}.ir,.visuallyhidden{overflow:hidden;border:0}.hidden,.invisible{visibility:hidden}button,html,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle;max-width:100%;height:auto}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent}.ir:before{content:"";width:0;height:100%}.hidden{display:none!important}.visuallyhidden{clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} /* @end */ /* @group Blueprint (Screen) */ h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,html{margin:0}.pull-1,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-2,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-2,.push-20,.push-21,.push-22,.push-23,.push-24,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative;float:left}.clear,hr{clear:both}a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}h1,h3{line-height:1}address,blockquote,dfn,em{font-style:italic}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}caption,td,th{text-align:left;font-weight:400;float:none!important}table,td,th{vertical-align:middle}blockquote:after,blockquote:before,q:after,q:before{content:''}blockquote,q{quotes:"" ""}a img{border:none}:focus{outline:0}html{padding:0;border:0;font-size:100.01%}body{line-height:1.5;font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400;color:#111}h1{font-size:3em;margin-bottom:.5em}h2{font-size:2em;margin-bottom:.75em}h3{font-size:1.5em;margin-bottom:1em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5,h6{font-size:1em;font-weight:700}h5{margin-bottom:1.5em}p{margin:0 0 1.5em}.left{float:left!important}p .left{margin:1.5em 1.5em 1.5em 0;padding:0}.right{float:right!important}p .right{margin:1.5em 0 1.5em 1.5em;padding:0}address,dl{margin:0 0 1.5em}a:focus,a:hover{color:#09f}a{color:#06c;text-decoration:underline}.quiet,blockquote,del{color:#666}blockquote{margin:1.5em}dfn,dl dt,strong,th{font-weight:700}sub,sup{line-height:0}abbr,acronym{border-bottom:1px dotted #666}pre{margin:1.5em 0;white-space:pre}code,pre,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}label,legend{font-weight:700}li ol,li ul{margin:0}ol,ul{margin:0 1.5em 1.5em 0;padding-left:1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}dd{margin-left:1.5em}table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;width:100%}thead th{background:#c3d9ff}caption,td,th{padding:4px 10px 4px 5px}tbody tr.even td,tbody tr:nth-child(even) td{background:#e5ecf9}tfoot{font-style:italic}caption{background:#eee}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}.large,legend{font-size:1.2em}.large{line-height:2.5em;margin-bottom:1.25em}.hide{display:none}.loud{color:#000}.highlight{background:#ff0}.added{background:#060;color:#fff}.removed{background:#900;color:#fff}.first{margin-left:0;padding-left:0}.last{padding-right:0}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}fieldset{padding:0 1.4em 1.4em;margin:0 0 1.5em;border:1px solid #ccc}#IE8#HACK,fieldset{padding-top:1.4em}#IE8#HACK,legend{margin-top:0;margin-bottom:0}input.text,input.title,input[type=email],input[type=password],input[type=text],input[type=url],textarea{background-color:#fff;border:1px solid #bbb;color:#000}input.text:focus,input.title:focus,input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{border-color:#666}select{background-color:#fff;border-width:1px;border-style:solid}input.text,input.title,input[type=email],input[type=password],input[type=text],input[type=url],select,textarea{margin:.5em 0}input.text,input.title{width:300px;padding:5px}input.title{font-size:1.5em}textarea{width:390px;height:250px;padding:5px}form.inline{line-height:3}form.inline p{margin-bottom:0}.alert,.error,.info,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}.alert,.error{background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4}.notice{background:#fff6bf;color:#514721;border-color:#ffd324}.success{background:#e6efc2;color:#264409;border-color:#c6d880}.info{background:#d5edf8;color:#205791;border-color:#92cae4}.alert a,.error a{color:#8a1f11}.notice a{color:#514721}.success a{color:#264409}.info a{color:#205791}.showgrid{background:url(src/grid.png)}.column,.span-1,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-2,.span-20,.span-21,.span-22,.span-23,.span-24,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9{float:left;margin-right:10px}.last,.span-24{margin-right:0}.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24{width:100%;max-width:1200px}input.span-1,input.span-10,input.span-11,input.span-12,input.span-13,input.span-14,input.span-15,input.span-16,input.span-17,input.span-18,input.span-19,input.span-2,input.span-20,input.span-21,input.span-22,input.span-23,input.span-24,input.span-3,input.span-4,input.span-5,input.span-6,input.span-7,input.span-8,input.span-9,textarea.span-1,textarea.span-10,textarea.span-11,textarea.span-12,textarea.span-13,textarea.span-14,textarea.span-15,textarea.span-16,textarea.span-17,textarea.span-18,textarea.span-19,textarea.span-2,textarea.span-20,textarea.span-21,textarea.span-22,textarea.span-23,textarea.span-24,textarea.span-3,textarea.span-4,textarea.span-5,textarea.span-6,textarea.span-7,textarea.span-8,textarea.span-9{border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px}.border,.colborder{border-right:1px solid #ddd}input.span-1,textarea.span-1{width:18px}input.span-2,textarea.span-2{width:58px}input.span-3,textarea.span-3{width:98px}input.span-4,textarea.span-4{width:138px}input.span-5,textarea.span-5{width:178px}input.span-6,textarea.span-6{width:218px}input.span-7,textarea.span-7{width:258px}input.span-8,textarea.span-8{width:298px}input.span-9,textarea.span-9{width:338px}input.span-10,textarea.span-10{width:378px}input.span-11,textarea.span-11{width:418px}input.span-12,textarea.span-12{width:458px}input.span-13,textarea.span-13{width:498px}input.span-14,textarea.span-14{width:538px}input.span-15,textarea.span-15{width:578px}input.span-16,textarea.span-16{width:618px}input.span-17,textarea.span-17{width:658px}input.span-18,textarea.span-18{width:698px}input.span-19,textarea.span-19{width:738px}input.span-20,textarea.span-20{width:778px}input.span-21,textarea.span-21{width:818px}input.span-22,textarea.span-22{width:858px}input.span-23,textarea.span-23{width:898px}input.span-24,textarea.span-24{width:938px}.append-1{padding-right:40px}.append-2{padding-right:80px}.append-3{padding-right:120px}.append-4{padding-right:160px}.append-5{padding-right:200px}.append-6{padding-right:240px}.append-7{padding-right:280px}.append-8{padding-right:320px}.append-9{padding-right:360px}.append-10{padding-right:400px}.append-11{padding-right:440px}.append-12{padding-right:480px}.append-13{padding-right:520px}.append-14{padding-right:560px}.append-15{padding-right:600px}.append-16{padding-right:640px}.append-17{padding-right:680px}.append-18{padding-right:720px}.append-19{padding-right:760px}.append-20{padding-right:800px}.append-21{padding-right:840px}.append-22{padding-right:880px}.append-23{padding-right:920px}.prepend-1{padding-left:40px}.prepend-2{padding-left:80px}.prepend-3{padding-left:120px}.prepend-4{padding-left:160px}.prepend-5{padding-left:200px}.prepend-6{padding-left:240px}.prepend-7{padding-left:280px}.prepend-8{padding-left:320px}.prepend-9{padding-left:360px}.prepend-10{padding-left:400px}.prepend-11{padding-left:440px}.prepend-12{padding-left:480px}.prepend-13{padding-left:520px}.prepend-14{padding-left:560px}.prepend-15{padding-left:600px}.prepend-16{padding-left:640px}.prepend-17{padding-left:680px}.prepend-18{padding-left:720px}.prepend-19{padding-left:760px}.prepend-20{padding-left:800px}.prepend-21{padding-left:840px}.prepend-22{padding-left:880px}.prepend-23{padding-left:920px}.border{padding-right:4px;margin-right:5px}.colborder{padding-right:24px;margin-right:25px}.pull-1{margin-left:-40px}.pull-2{margin-left:-80px}.pull-3{margin-left:-120px}.pull-4{margin-left:-160px}.pull-5{margin-left:-200px}.pull-6{margin-left:-240px}.pull-7{margin-left:-280px}.pull-8{margin-left:-320px}.pull-9{margin-left:-360px}.pull-10{margin-left:-400px}.pull-11{margin-left:-440px}.pull-12{margin-left:-480px}.pull-13{margin-left:-520px}.pull-14{margin-left:-560px}.pull-15{margin-left:-600px}.pull-16{margin-left:-640px}.pull-17{margin-left:-680px}.pull-18{margin-left:-720px}.pull-19{margin-left:-760px}.pull-20{margin-left:-800px}.pull-21{margin-left:-840px}.pull-22{margin-left:-880px}.pull-23{margin-left:-920px}.pull-24{margin-left:-960px}.push-1{margin:0 -40px 1.5em 40px}.push-2{margin:0 -80px 1.5em 80px}.push-3{margin:0 -120px 1.5em 120px}.push-4{margin:0 -160px 1.5em 160px}.push-5{margin:0 -200px 1.5em 200px}.push-6{margin:0 -240px 1.5em 240px}.push-7{margin:0 -280px 1.5em 280px}.push-8{margin:0 -320px 1.5em 320px}.push-9{margin:0 -360px 1.5em 360px}.push-10{margin:0 -400px 1.5em 400px}.push-11{margin:0 -440px 1.5em 440px}.push-12{margin:0 -480px 1.5em 480px}.push-13{margin:0 -520px 1.5em 520px}.push-14{margin:0 -560px 1.5em 560px}.push-15{margin:0 -600px 1.5em 600px}.push-16{margin:0 -640px 1.5em 640px}.push-17{margin:0 -680px 1.5em 680px}.push-18{margin:0 -720px 1.5em 720px}.push-19{margin:0 -760px 1.5em 760px}.push-20{margin:0 -800px 1.5em 800px}.push-21{margin:0 -840px 1.5em 840px}.push-22{margin:0 -880px 1.5em 880px}.push-23{margin:0 -920px 1.5em 920px}.push-24{margin:0 -960px 1.5em 960px}.append-bottom,.box,div.append-bottom{margin-bottom:1.5em}.prepend-top,div.prepend-top{margin-top:1.5em}.box{padding:1.5em;background:#e5eCf9}hr{background:#ddd;color:#ddd;float:none;width:100%;height:1px;margin:0 0 17px;border:none}hr.space{background:#fff;color:#fff;visibility:hidden}.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}.clearfix{display:block} /* @end */ /* @group flexslider.css */ .flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:flexslider-icon;src:url(fonts/flexslider-icon.eot);src:url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(fonts/flexslider-icon.woff) format('woff'),url(fonts/flexslider-icon.ttf) format('truetype'),url(fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flexslider{padding:0;margin:0;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav .flex-prev{left:-50px;text-indent:-9999px}.flex-direction-nav .flex-next{right:-50px;text-indent:-9999px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}Pause/Play .flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} /* @end */ /* @group fancybox.css */ /* @group Default Fancybox Styling */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.fancybox-opened{z-index:8030}.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-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px}.fancybox-close{background:url(../images/popup-images/control-images/close.jpg) no-repeat;top:0;right:0;width:46px;height:46px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.fancybox-close:hover{background:url(../images/popup-images/control-images/close.jpg) 0 -46px no-repeat}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;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;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!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/popup-images/control-images/overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 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:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;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,.8)} /* @end */ /* @group Custom Fancybox Styling */ .fancybox-next span{width:46px;height:46px;right:-25px;background:url(../images/popup-images/control-images/square-arrows_x2.jpg) -46px 0 no-repeat}.fancybox-next span:hover{background-position:-46px -46px}.fancybox-prev span{width:46px;height:46px;left:-25px;background:url(../images/popup-images/control-images/square-arrows_x2.jpg) no-repeat}.fancybox-prev span:hover{background-position:0 -46px}.fancybox-nav span,.fancybox-nav:hover span{visibility:visible} /* @end */ /* @end */ /* @group JSSOCIALS.css */ .jssocials-share-count-box,.jssocials-share-link{-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-shares{margin:.2em 0}.jssocials-shares *{box-sizing:border-box}.jssocials-share{display:inline-block;vertical-align:top;margin:.3em}.jssocials-share:first-child{margin-left:0}.jssocials-share:last-child{margin-right:0}.jssocials-share-logo{width:1em;vertical-align:middle;font-size:1.5em}img.jssocials-share-logo{width:auto;height:1em}.jssocials-share-link{display:inline-block;text-align:center;text-decoration:none;line-height:1}.jssocials-share-link.jssocials-share-link-count{padding-top:.2em}.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{display:block;font-size:.6em;margin:0 -.5em -.8em}.jssocials-share-link.jssocials-share-no-count{padding-top:.5em}.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{height:1em}.jssocials-share-label{padding-left:.3em;vertical-align:middle}.jssocials-share-count-box{display:inline-block;vertical-align:middle;cursor:default}.jssocials-share-count-box.jssocials-share-no-count{display:none}.jssocials-share-count{line-height:1.5em;vertical-align:middle}.jssocials-share-twitter .jssocials-share-link{background:#00aced}.jssocials-share-twitter .jssocials-share-link:hover{background:#0087ba}.jssocials-share-facebook .jssocials-share-link{background:#3b5998}.jssocials-share-facebook .jssocials-share-link:hover{background:#2d4373}.jssocials-share-googleplus .jssocials-share-link{background:#dd4b39}.jssocials-share-googleplus .jssocials-share-link:hover{background:#c23321}.jssocials-share-linkedin .jssocials-share-link{background:#007bb6}.jssocials-share-linkedin .jssocials-share-link:hover{background:#005983}.jssocials-share-pinterest .jssocials-share-link{background:#cb2027}.jssocials-share-pinterest .jssocials-share-link:hover{background:#9f191f}.jssocials-share-email .jssocials-share-link{background:#3490F3}.jssocials-share-email .jssocials-share-link:hover{background:#0e76e6}.jssocials-share-link{padding:.5em .6em;color:#fff;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-link:active,.jssocials-share-link:focus,.jssocials-share-link:hover{color:#fff}.jssocials-share-count-box{position:relative;height:2.5em;padding:0 .3em;margin-left:.3em;background:#f5f5f5;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box:hover{background:#dcdcdc}.jssocials-share-count-box:hover:after{border-color:transparent #dcdcdc transparent transparent}.jssocials-share-count-box:after{content:"";display:block;position:absolute;top:.85em;left:-.3em;width:0;height:0;border-width:.4em .4em .4em 0;border-style:solid;border-color:transparent #f5f5f5 transparent transparent;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box .jssocials-share-count{line-height:2.5em;color:#444}#share{float:left;clear:left}.jssocials-share,.jssocials-shares{margin-bottom:0} /* @end */ /* @group Animate.css */ /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .delay { -webkit-animation-delay: 1s; animation-delay: 1s; } .delayOne { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .delayTwo { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .delayThree { -webkit-animation-delay: 2.25s; animation-delay: 2.25s; } .animated { display: block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* @end */ /* @end */ /* @group CLIPBOARD */ .Box Sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Box Radius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .Box Shadow { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } /* @end */ /* @group Responsive Setup */ .section_outer, .col, .text_area, .footer-lower-right, .footer-contact { /*background: rgba(0,0,0,0.05);*/ } /* @group Column Setup */ /* SECTIONS */ .section_outer { float: left; clear: both; width: 100%; padding: 30px; margin: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section_outer.no_padding_top { padding-top: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* GRID COLUMN SETUP */ .col { display: block; float: left; margin: 10px 0 8px 2.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side_section { display: block; float: left; } .col:first-child { margin-left: 0; margin-top: 0; } /* all browsers except IE6 and lower */ /* @end */ /* @group 1 Columns */ .span_1_of_1 { width: 100%; margin-left: 0; } /* @end */ /* @group 2 Columns */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 48.12%; } .col.span_1_of_2:nth-of-type(2n+1) { margin-left: 0; clear: left; } .col.span_1_of_2:nth-of-type(2n) { margin-left: 3.75%; margin-top: 0; clear: none; } /* @end */ /* @group 3 Columns */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 65.83%; } .span_1_of_3 { width: 31.66%; } .col.span_1_of_3:nth-of-type(3n+1) { margin-left: 0; clear: left; } .span_2_of_3 + .span_1_of_3:nth-child(2) { margin-top: 0; } .span_1_of_3 { padding-top: 30px; border-top: 1px solid #f58220; margin-top: 25px; } .span_1_of_3:nth-child(1), .span_1_of_3:nth-child(2), .span_1_of_3:nth-child(3) { padding-top: 0; border-top: none; margin-top: 10px; } /* @end */ /* @group 4 Columns */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.37%; } .span_2_of_4 { width: 48.75%; } .span_1_of_4 { width: 23.12%; } .col.span_1_of_4:nth-of-type(4n+5) { margin-left: 0; clear: left; } .span_1_of_4:nth-child(1), .span_1_of_4:nth-child(2), .span_1_of_4:nth-child(3), .span_1_of_4:nth-child(4) { margin-top: 0; } .span_3_of_4:nth-child(1) { margin-top: 0; } .span_3_of_4.page-headline:nth-child(1), .span_1_of_4.page_photo:nth-child(2) { margin-top: 10px; } /* @end */ /* @group 6 Columns */ .span_6_of_6 {width: 100%;} .span_5_of_6 {width: 82.91%;} .span_4_of_6 {width: 65.83%;} .span_3_of_6 {width: 48.75%;} .span_2_of_6 {width: 31.66%;} .span_1_of_6 {width: 14.58%;} .col.span_1_of_6:nth-of-type(6n+1) { margin-left: 0; clear: left; } .col.span_1_of_6:nth-child(1), .col.span_1_of_6:nth-child(2), .col.span_1_of_6:nth-child(3), .col.span_1_of_6:nth-child(4), .col.span_1_of_6:nth-child(5), .col.span_1_of_6:nth-child(6) { margin-top: 0; } .col.span_5_of_6 + .col.span_1_of_6 { margin-top: 10px; } /* @end */ /* @group 8 Columns */ .span_8_of_8 {width: 100%; } .span_7_of_8 { width: 87.18%; } .span_6_of_8 { width: 74.37%; } .span_5_of_8 { width: 61.56%; } .span_4_of_8 { width: 48.75%; } .span_3_of_8 { width: 35.93%; } .span_2_of_8 { width: 23.12%; } .span_1_of_8 { width: 10.31%; } /* @end */ /* @group 16 Columns */ .span_11_of_16 { width: 67.5%; } .span_5_of_16 { width: 30%; } /* @end */ /* @end */ /* @group General */ html, body { height: 100%; } /*body { background: #eb01a5; background-image: url("IMAGE_URL"); /* fallback *!/ background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C *!/ }*/ body { position: relative; background: url(../images/background-icon.png) no-repeat center center, url(../images/background-fade.jpg) repeat-y center top; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da751d+0,ffd64f+35,ffd64f+65,da751d+100 */ /*background: #da751d; /* Old browsers *!/ background-image: url(../images/background-icon.png) no-repeat center center; /* Old browsers *!/ background-image: url(../images/background-icon.png) no-repeat center center, -moz-linear-gradient(left, #da751d 0%, #ffd64f 35%, #ffd64f 65%, #da751d 100%); /* FF3.6-15 *!/ background-image: url(../images/background-icon.png) no-repeat center center, -webkit-linear-gradient(left, #da751d 0%,#ffd64f 35%,#ffd64f 65%,#da751d 100%); /* Chrome10-25,Safari5.1-6 *!/ background-image: url(../images/background-icon.png) no-repeat center center, linear-gradient(to right, #da751d 0%,#ffd64f 35%,#ffd64f 65%,#da751d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da751d', endColorstr='#da751d',GradientType=1 ); /* IE6-9 *!/ /*background-image: url(../images/background-icon.png) no-repeat center center;*!/*/ color: #666; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-style: italic; font-size: 15px; line-height: 22px; width: 100%; /* overflow-x: hidden; */ } /*.background-icon { position: fixed; overflow: hidden; width: 1523px; height: 512px; top: 150px; left: -100px; background: url(../images/background-icon.png) no-repeat; }*/ img { display: block; margin-left: auto; margin-right: auto; } /* @end */ /* @group Typography */ h1 { font-family: 'Source Sans Pro', sans-serif; font-size: 48px; margin: 0; margin-top: 30px; letter-spacing: -1px; font-weight: 800; font-style: italic; color: #666; } h2, h3 { font-weight: normal; margin: 0; font-weight: 300; font-style: italic; } h1.homepage_intro { color: #f58220; /*font-size: 30px;*/ /*line-height: 36px;*/ font-size: 29px; line-height: 35px; margin-top: 0; margin-bottom: 10px; font-weight: 300; letter-spacing: 0; } h2 { color: #f58220; font-size: 30px; line-height: 36px; margin-bottom: 10px; } h3 { font-size: 26px; line-height: 30px; font-weight: 700; margin-top: 20px; margin-bottom: 10px; color: #666; } .news-story h3 { margin-top: 0; } .column h3:first-child { margin-top: 0; } h4, h5, h6 { font-weight: 700; margin-top: 20px; margin-bottom: 10px; color: #666; } .grey { color: #666; } .bold { font-weight: 700; } p { margin-bottom: 5px; } a { color: #f58220; font-weight: 700; text-decoration: none; } a:hover { color:#666; } /* mouse over link */ a:focus { color:#666; border: none; } /* mouse over link */ a:active { color:#666; border: none; } /* selected link */ blockquote { background-color: #efefef; margin: 10px 0 10px 8px; padding: 15px; border-left: 3px solid #f58220; } ul, ol { margin-bottom: 10px; } li { clear: left; } .navigation li, .internal-navigation li, .flexslider li { clear: none; } h2.route_information { font-weight: 700; color: #666; margin-top: 10px; } /* @end */ /* @group Forms */ input, textarea { width: 240px; background-color: #ddd; border: none; padding: 12px 12px 10px; color: #999; font-weight: 300; font-style: italic; font-size: 13px; -moz-box-shadow: inset 0 0 3px #888888; -webkit-box-shadow: inset 0 0 3px #888888; box-shadow: inset 0 0 3px #888888; } textarea { margin-bottom: 15px; } input[type="text"] { background-color: #ddd; border: none; } input[type="text"]:focus { border: none; background-color: #fff; } textarea:focus { border: none; background-color: #fff; } input::-webkit-input-placeholder { color: #888; } input:-moz-placeholder { color: #888; } input:-ms-input-placeholder { color: #888; } input:focus { background-color: #ddd; color: #555; } input.subscribe-button { width: 35px; height: 37px; margin-left: -4px; background: url(../images/signup-button-sprite.png) center top; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input.subscribe-button:hover { background: url(../images/signup-button-sprite.png) center bottom; } /* @end */ /* @group Notes */ .note { position: absolute; top: 15px; left: 15px; padding: 20px; background: url(../images/transparent-white.png) repeat; color: #f77505; } /* @end */ /* @group Navigation */ /* @group Dropdown Menu */ /*.navigation_background { background: #444; height: 44px; z-index: 2; position: absolute; bottom: 0; }*/ ul.dropdown { float: left; clear: left; position: relative; /*width: 100%;*/ /*max-width: 1200px;*/ margin: 0; padding: 0; margin-top: 0; top: 0; z-index: 102; /*border-right: 1px solid #5e5e5e;*/ } ul.dropdown li { list-style: none; float: left; /*height: 44px;*/ /*text-align: left;*/ padding: 0; position: relative; /*width: 17%;*/ -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } /*ul.navigation.inc_home_button li { width: 16%; } ul.navigation.inc_home_button li.why_choose { width: 31%; } ul.navigation li.home_button { width: 5%; } ul.navigation li.home_button a { font-size: 18px; } ul.navigation li.why_choose { width: 32%; } ul.navigation li.quote_button { float: right; }*/ ul.dropdown li a, ul.dropdown li span { display: block; float: left; width: 100%; position: relative; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*ul.dropdown li a.current, ul.dropdown li span.current, ul.dropdown li:hover, ul.dropdown li.hover { color: white; background: rgba(0,0,0,0.25); }*/ #menu li:before { content: none; } #menu li, .flexslider li { text-indent: 0; } #mobile_navigation li { text-indent: 0; padding-left: 0; } .flexslider li { padding-left: 0; } form li { text-indent: 0; padding-left: 0; } #menu ul.sub_menu { visibility: hidden; z-index: 2; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; min-width: 100%; width: auto; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } #menu ul li ul.sub_menu { display: none; } #menu ul li:hover ul.sub_menu { display: inline; } #menu ul.sub_menu li, #menu ul.sub_menu li a { text-align: left; text-transform: none; line-height: 21px; margin: 0; list-style: none; display: block; height: auto; width: 100%; border-right: none; border-left: none; } #menu ul.sub_menu li { float: none; padding: 0; } #menu ul.sub_menu li a { /*padding: 10px 20px 12px;*/ padding: 7px 12px 9px; font-size: 15px; line-height: 24px; font-weight: 400; text-shadow: none; background-color: #dddddd; color: #666; border-bottom: 1px solid #d2d2d2; border-right: none; white-space: nowrap; } #menu ul.sub_menu li:first-child a { border-top: none; } #menu li ul.sub_menu li a:hover, #menu li.hover ul.sub_menu li a:hover { background-image: none; background-color: #d7d7d7; color: #333; border-bottom: 1px solid #e3e3e3; } #menu li ul.sub_menu li:first-child a:hover, #menu li.hover ul.sub_menu li:first-child a:hover { border-top: none; } #menu li ul.sub_menu li.current a { color: #333; background-color: #cdcdcd; } #menu li.hover ul.sub_menu li.current a:hover { color: #333; background-color: #cdcdcd; } #menu ul.sub_menu.full_width_sub_menu { width: 400%; height: auto; background-color: #efeef5; text-align: left; padding: 5px 0 15px; } #menu ul.sub_menu.full_width_sub_menu li, #menu ul.sub_menu.full_width_sub_menu li a { text-align: left; padding-top: 1px; padding-bottom: 1px; background: none; color: #aaa; } #menu ul.sub_menu.full_width_sub_menu h4 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 22px; color: #666; padding-top: 7px; height: 26px; } #menu ul.sub_menu.full_width_sub_menu h4, #menu ul.sub_menu.full_width_sub_menu li a { padding-left: 30px; } #menu ul.sub_menu.full_width_sub_menu li.hover ul, #menu ul.sub_menu.full_width_sub_menu li:hover ul { visibility: visible !important; } #menu ul.sub_menu.full_width_sub_menu li { float: left; } #menu li ul.sub_menu.full_width_sub_menu li a.hover, #menu li ul.sub_menu.full_width_sub_menu li a:hover { background: none; } .navigation { /*position: fixed; /* use this if we choose to fix the navigation bar to the top of the screen *!/*/ position: fixed; /* use this if we choose to fix the navigation bar to the top of the screen */ top: 0; /* use this if we choose to fix the navigation bar to the top of the screen */ height: 50px; z-index: 30; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424243+0,6a6a6b+45,6a6a6b+55,424243+100 */ background: #424243; /* Old browsers */ background: -moz-linear-gradient(left, #424243 0%, #6a6a6b 45%, #6a6a6b 55%, #424243 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424243', endColorstr='#424243',GradientType=1 ); /* IE6-9 */ } .navigation ul.main-nav { float: left; font-size: 22px; line-height: 47px; /*padding-bottom: 3px;*/ list-style: none; font-weight: 300; /*padding-left: 12px;*/ margin: 0; } .navigation ul.main-nav li { float: left; padding-bottom: 3px; /*background-color: rgba(0,0,0,0.2);*/ } .navigation ul.main-nav li.hover { background-color: rgba(0,0,0,0.2); } .navigation ul.main-nav li.hover a { color: white; } .navigation ul.main-nav li a { font-weight: 300; text-decoration: none; color: #f58220; padding-left: 12px; padding-right: 12px; text-shadow: #333333 0 -1px 0; } .navigation ul.main-nav li:first-child a { padding-left: 18px; } .navigation ul.main-nav li a:hover { color: #f9c546; } .navigation ul.main-nav li.current a { font-weight: 600; color: white; } .navigation ul.utility-nav { float: right; font-size: 17px; line-height: 47px; padding-bottom: 3px; list-style: none; font-weight: 300; padding-left: 0; } .navigation ul.utility-nav li { float: right; } .navigation ul.utility-nav li a { font-weight: 300; text-decoration: none; color: #aaa; padding-left: 12px; padding-right: 12px; text-shadow: #333333 0 -1px 0; } .navigation ul.utility-nav li a:hover { color: #ccc; } .navigation ul.utility-nav li.current a { font-weight: 600; color: white; } #menu ul.sub_menu li.submenu_subheader a { font-weight: 600; background-color: #c7c7c7; color: #333; } #menu li ul.sub_menu li.submenu_subheader a:hover { background-color: #c7c7c7; } /* @group Sub, Sub Menu */ #menu ul.sub_menu li a.has_sub_menu:after { content: '>'; font-size: 14px; padding-right: 12px; color: #999; position: absolute; right: 0; } #menu ul.sub_sub_menu { display: none; } #menu ul.sub_sub_menu li a { padding: 10px 20px 10px; /*border-top: 1px solid #666;*/ height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #menu li:hover ul.sub_sub_menu { display: none; } #menu li ul li:hover ul.sub_sub_menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: 100%; top: 0; } #menu li ul li:hover ul.sub_sub_menu li { display: block; } #menu li ul li:hover ul.sub_sub_menu li a { border-left: 3px solid #e62e00; } #menu li.hover ul.sub_menu li.hover ul.sub_sub_menu li a { background-color: #d0d0d0; border-bottom: 1px solid #c2c2c2; } #menu li.hover ul.sub_menu li.hover ul.sub_sub_menu li a:hover { background-color: #c1c1c1; color: #333; border-bottom: 1px solid #d9d9d9; } #menu ul.sub_menu li a.has_sub_menu:after { content: '>'; font-size: 14px; padding-right: 12px; color: #999; position: absolute; right: 0; } #menu li.hover ul.sub_menu li.hover ul.sub_sub_menu li.current a { color: #333; background-color: #c1c1c1; border-bottom: 1px solid #d9d9d9; } /* @end */ /* @end */ /* @group Mobile Navigation */ .overlay { background-color: rgba(255,255,255,0.85); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 1000; } .mobile_navigation { height: 100%; width: 300px; background-color: #363636; position: fixed; top: 0; left: -305px; overflow: auto; padding-bottom: 50px; text-align: left; z-index: 1001; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } a.mobile_menu_button { display: none; position: absolute; padding: 19px 30px 38px; width: 22px; height: 18px; top: 0; left: 0; cursor: pointer; text-decoration: none; opacity: 0.75; /*background-color: rgba(0,0,0,0.15);*/ } a.mobile_menu_button i { font-size: 25px; color: white; } a.mobile_menu_button:hover { opacity: 1; } /*a.mobile_menu_button .mobile_menu_icon { position: relative; display: block; width: 22px; height: 18px; opacity: 1; background: url(../images/menu-icon-white.png) no-repeat; /* fallback logo (.png) *!/ background-image: url(../images/menu-icon-white.svg), none; /* high-res logo (.svg)*!/ }*/ .mobile_menu_label { color: #333; font-family: "Source Sans Pro",sans-serif; font-size: 13px; font-weight: 700; left: -5px; line-height: 20px; position: relative; text-decoration: none; top: -8px; } a .mobile_menu_label { text-decoration: none; } /* @group Menu Styling */ ul#mobile_navigation li.menu_title { color: white; padding: 8px 10px 12px 15px; font-size: 20px; line-height: 24px; font-weight: 700; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.35); position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd13c+0,ff8707+100 */ background: #ffd13c; /* Old browsers */ background: -moz-linear-gradient(top, #ffd13c 0%, #ff8707 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffd13c 0%,#ff8707 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffd13c 0%,#ff8707 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd13c', endColorstr='#ff8707',GradientType=0 ); /* IE6-9 */ } .menu_title span.menu_close { float: right; position: absolute; top: 0; right: 0; color: rgba(255,255,255,0.8); text-align: center; font-weight: 300; width: 46px; height: 44px; line-height: 40px; cursor: pointer; background-color: rgba(0,0,0,0.075); } .menu_title span.menu_close i { opacity: 0.75; } .menu_title span.menu_close:hover i { opacity: 1; } .menu_title span.menu_close:hover { color: white; background-color: rgba(0,0,0,0.15); } ul#mobile_navigation { margin: 0; padding: 0; } /*.mobile_navigation_content { padding-bottom: 150px; }*/ ul#mobile_navigation ul, ul#mobile_navigation ul li, ul#mobile_navigation ul li a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } ul#mobile_navigation li { padding-right: 0; margin: 0; text-align: left; list-style: none; } ul#mobile_navigation li:before { content: none; margin: 0; } ul#mobile_navigation li a, ul#mobile_navigation li span.navigation_heading { background-color: #444; color: rgba(255,255,255,0.7); display: block; font-size: 17px; font-weight: 400; line-height: 20px; margin: 0; overflow: hidden; padding: 12px 12px 12px 15px; text-align: left; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; border-bottom: 1px solid rgba(0,0,0,0.2); width: auto; cursor: pointer; } ul#mobile_navigation li ul li a { background-color: #333; color: rgba(255,255,255,0.6); font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 400; /*font-size: 14px;*/ border-bottom: 1px solid rgba(0,0,0,0.2); } ul#mobile_navigation li ul li a:before { content: '-'; margin-right: 5px; } ul#mobile_navigation li a.current, ul#mobile_navigation li a.current:hover { color: #fff; background-color: #333; } ul#mobile_navigation li a:hover { color: white; background-color: #3f3f3f; } ul#mobile_navigation li:before { content: ''; } ul#mobile_navigation li.menu_subsection a { background-color: #f7f6fa; } ul#mobile_navigation li ul { display: none; overflow: hidden; padding: 0; } ul#mobile_navigation li a.ui-state-active { color: white; font-weight: 600; } ul#mobile_navigation li ul li { overflow: hidden; } ul#mobile_navigation li ul li.current a, ul#mobile_navigation li ul li.current a:hover { color: #fff; background-color: #222; } ul#mobile_navigation li ul li a:hover { color: white; background-color: #2f2f2f ; } /*ul#mobile_navigation li.submenu_header a:after { content: "▼"; position: absolute; right: 15px; color: rgba(255,255,255,0.25); }*/ ul#mobile_navigation li.submenu_header ul li a:after { content: none; } /*ul#mobile_navigation li.submenu_header a.ui-accordion-header-active:after { content: "▲"; position: absolute; right: 15px; }*/ ul#mobile_navigation li.submenu_header a i { position: absolute; right: 15px; margin-top: -3px; font-size: 23px; color: rgba(255,255,255,0.25); /* TRANSITION */ -webkit-transition: -webkit-transform 0.25s linear; -moz-transition: -moz-transform 0.25s linear; -o-transition: -o-transform 0.25s linear; transition: transform 0.25s linear; } ul#mobile_navigation li.submenu_header ul li a:after { content: none; } ul#mobile_navigation li.submenu_header a.ui-accordion-header-active i { /* ROTATE */ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } ul#mobile_navigation li.submenu_subheader a { color: white; font-weight: 700; background-color: #3a3a3a; } ul#mobile_navigation li.submenu_subheader a:before { content: none; } /* @group Submenu Arrow */ /*ul#mobile_navigation li.has-sub:before { content: "\f0d7"; font-family: FontAwesome; font-style: normal; position: absolute; right: 15px; font-size: 22px; line-height: 43px; color: rgba(255,255,255,0.25); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } ul#mobile_navigation li.has-sub.active:before { -ms-transform: rotate(180deg); /* IE 9 *!/ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera *!/ transform: rotate(180deg); margin-top: 2px; }*/ ul#mobile_navigation li.has-sub i { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } ul#mobile_navigation li.has-sub.active i { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } /* @end */ /* @end */ /* @group Mobile Menu Footer */ .navigation_footer { position: fixed; bottom: 0; left: -305px; padding: 0; background-color: #aaa; } .navigation_footer_upper { height: 46px; width: 300px; } .navigation_footer a.button { border: none; float: left; width: 300px; text-align: center; margin: 0; /*background-color: #aaa;*/ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navigation_footer a.button:hover { border: none; /*background-color: #222;*/ } /* @end */ /* @end */ /* @end */ /* @group Layout */ /*.container { min-height: 100%; overflow: visible; position: relative; /* background: url(../images/transparent-white.png) repeat; *!/ background-color: white; margin-bottom: 255px; /* should be the same as the footer height (currently 225px) *!/ }*/ .main { padding-top: 50px; /* use this if we choose to fix the navigation bar to the top of the screen */ padding-top: 0; /* use this if we choose to fix the navigation bar to the top of the screen */ overflow:auto; padding-bottom: 275px; /* must be same height as the footer plus any padding you'd like at the bottom of the page */ -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } /* @group Header */ .header { position: relative; text-align: left; padding-top: 50px; height: 103px; z-index: 20; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da751d+0,ffd64f+45,ffd64f+55,da751d+100 */ background: #da751d; /* Old browsers */ background: -moz-linear-gradient(left, #da751d 0%, #ffd64f 45%, #ffd64f 55%, #da751d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #da751d 0%,#ffd64f 45%,#ffd64f 55%,#da751d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #da751d 0%,#ffd64f 45%,#ffd64f 55%,#da751d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da751d', endColorstr='#da751d',GradientType=1 ); /* IE6-9 */ } .logo { float: left; width: 258px; height: 47px; margin-left: 30px; margin-top: 32px; text-indent: -9999px; background: url(../images/trafalgar-way-logo.png) no-repeat; cursor: pointer; } .icon { float: right; width: 191px; height: 64px; margin-top: 20px; margin-right: 20px; background: url(../images/trafalgar-way-icon.png) no-repeat; } /* @end */ /* @group Internal Navigation */ .internal-navigation { position: relative; height: 50px; background: url(../images/internal-nav-background.jpg) repeat-y center top; z-index: 10; } .internal-navigation ul.internal-nav { float: left; font-size: 17px; line-height: 47px; padding-bottom: 3px; list-style: none; } .internal-navigation ul.internal-nav li { float: left; } .internal-navigation ul.internal-nav li a { /*font-weight: 300;*/ font-weight: 400; text-decoration: none; color: #666; padding-left: 12px; padding-right: 12px; text-shadow: white 0 1px 0; } .internal-navigation ul.internal-nav li a:hover { color: #333; } .internal-navigation ul.internal-nav li.current a:hover { color: #666; } .internal-navigation ul.internal-nav li.current a { font-weight: 700; } /* @end */ /* @group Side Column */ /* @group Countdown */ .countdown { float: left; width: 100%; clear: right; } .countdown-numbers { float: left; width: 100%; clear: both; position: relative; } .number-text { position: absolute; width: 58px; height: 30px; color: white; font-weight: 600; font-size: 26px; letter-spacing: 14px; text-align: right; padding-top: 5px; z-index: 2; } .number-text.months-text { left: 6px; } .number-text.days-text { left: 73px; } .number-text.hours-text { left: 138px; } .number-board { float: left; position: relative; width: 29px; height: 30px; background: url(../images/number-board.png) no-repeat; color: white; font-weight: 600; font-size: 26px; text-align: center; padding-top: 5px; } .eight-margin-right { margin-right: 8px; } .number-line { width: 29px; height: 2px; position: absolute; top: 17px; background: url(../images/number-line.png) no-repeat; z-index: 1000; } .countdown-subtitles { width: 190px; float: left; clear: both; color: #999; } .countdown-subtitles .days, .countdown-subtitles .hours, .countdown-subtitles .minutes { float: left; width: 58px; text-align: center; margin-top: 1px; margin-right: 8px; } .countdown-subtitles .minutes { margin-right: 0; } .number-dots { position: absolute; top: 5px; } .number-dots.first-dots { left: 60px; } .number-dots.second-dots { left: 126px; } /* @end */ .side-column h3 { font-size: 24px; margin-top: 20px; margin-bottom: 0; } .side-column h3 { font-size: 24px; margin-top: 20px; margin-bottom: 0; } .side-column .first h3 { margin-top: 0; } .side-column { position: relative; text-align: left; /*width: 190px;*/ min-height: 450px; padding: 20px 25px; padding-right: 0; text-shadow: white 0 1px 0; background: url(../images/sidebar-fade.png) no-repeat left top; } .left-side-shadow { width: 13px; height: 450px; background: url(../images/side-shadow-top-left.png) no-repeat; position: absolute; top: 0; left: 0; } .side-column a { font-weight: 400; } .side-column a.follow-link { float: left; margin-top: 5px; font-weight: 700; display: block; } .side-column hr { margin: 10px 0 10px; } .thin-grey-line { width: 100%; height: 1px; background-color: #ccc; margin: 10px 0; } .twitter-feed p { margin-bottom: 0; } .side-column label { color: #666; font-size: 24px; line-height: 30px; /*margin-top: 15px;*/ margin-bottom: 0; float: left; width: 100%; } .side-column input { margin-top: 2px; width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side-column input[type="text"] { padding-bottom: 11px; } .input_area { position: relative; } .input_area .subscribe-button { position: absolute; top: 0; right: 0; } .side-column h3, .col.side-column h3:first-child { margin-top: 18px; } .side-column input.subscribe-button { margin-top: 2px; width: 35px; float: right; cursor: pointer; } .email-signup, .twitter-feed { float: left; width: 100%; clear: both; } /* @end */ /* @group Main Column */ .main-column { /*float: left;*/ /*text-align: left;*/ /*width: 650px;*/ /*margin-right: 0;*/ padding: 20px 0 0; } .main-column h2 { float: left; } /* @end */ /* @group Full Width Column */ /*.full-width-column { text-align: left; padding: 20px 0 20px 30px; width: 100%; } .full-width-column .span-24 { width: 890px; } .full-width-column .column { width: 280px; }*/ /* @end */ .page-headline h1 { text-align: left; margin-top: 10px; } /*.side-shadow-left { position: absolute; width: 12px; left: 0; top: 0; margin-left: -12px; height: 100%; background: url(../images/side-shadow-left.png) repeat-y; } .side-shadow-right { position: absolute; width: 12px; margin-right: -12px; height: 100%; right: 0; top: 0; background: url(../images/side-shadow-right.png) repeat-y; }*/ .lower-shadow { width: 100%; height: 13px; position: absolute; left: 0; bottom: -13px; background: url(../images/lower-shadow-1px.png) repeat-x center top; } .upper-shadow { width: 100%; height: 13px; position: absolute; left: 0; top: -13px; background: url(../images/upper-shadow-1px.png) repeat-x center top; } hr { float: left; height: 3px; /*margin: 10px 0 27px;*/ margin: 10px 0 20px; background-color: #f58220; color: #f58220; } .column { float: left; margin-right: 25px; width: 200px; min-height: 100px; margin-bottom: 20px; } .row { float: left; clear: both; width: 100%; /*background-color: rgba(0,0,0,0.05);*/ } .image-box { min-height: 120px; margin: 12px 0; } .five-margin-top { margin-top: 5px; } .ten-margin-top { margin-top: 10px; } .fifteen-margin-top { margin-top: 15px; } .twenty-margin-top { margin-top: 20px; } .twentyfive-margin-top { margin-top: 25px; } .page-image { /* background-color: #efefef; */ /*min-height: 250px;*/ /*width: 890px;*/ text-align: center; text-shadow: white 0 1px 0; font-size: 36px; color: #dfdfdf; font-weight: 300; margin: 20px 0; } /* @end */ /* @group Home Page */ .partner-logos { float: left; width: 100%; } .partner-logo { float: left; position: relative; /*width: 163px;*/ /*width: 100%;*/ height: 91px; } .partner-logo:nth-child(4n+5) { clear: left; } .partner-logos .colour-version { position: absolute; width: 100%; text-align: center; margin-bottom: 10px; min-height: 75px; display: none; } .partner-logos .greyscale-version { text-align: center; margin-bottom: 10px; min-height: 75px; } .partner-logos .greyscale-version:hover { /*opacity: 0; filter: alpha(opacity=0);*/ } .partner-logo:hover .greyscale-version { display: none; } .partner-logo:hover .colour-version { display: block; } .partner-logo img { margin: 0 auto; position: relative; } /* @end */ /* @group Footer */ /* @group Footer (NEW) */ html { height: 100%; } html, body { height: 100%; margin: 0; } .wrapper { min-height: 100%; } .outer_container { width: 100%; min-height: 100vh; background-color: white; max-width: 1200px; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } .container { overflow: auto; background: white; max-width: 1200px; margin-left: auto; margin-right: auto; } /* @group Footer Height */ .container { padding-bottom: 300px; } #footer-outer { margin: -300px auto 0; /* negative value of footer height */ height: 300px; } /* @end */ /* @end */ /*html, body { height: 100%; }*/ .animsition { min-height: 100%; display: unset; /*overflow: visible;*/ /*position: relative;*/ /*background-color: white;*/ /*margin: 0 auto;*/ } /*.wrap { max-width: 1200px; min-height: 100%; overflow: visible; position: relative; background-color: white; margin: 0 auto; }*/ #outer { float: left; margin: 0 auto; overflow: visible; width: 950px; overflow:auto; padding-bottom: 255px; /* must be same height as the footer */ } /*Opera Fix*/ /*body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }*/ #footer-outer { position: relative; /*margin-top: -242px; /* negative value of footer height *!/*/ /*height: 255px;*/ clear: both; color: #555; text-align: left; } #footer-upper-outer { height: 240px; z-index: 100; } #footer-upper-inner { position: relative; max-width: 1200px; height: 240px; margin-left: auto; margin-right: auto; padding: 0 30px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da751d+0,ffd64f+45,ffd64f+55,da751d+100 */ background: #da751d; /* Old browsers */ background: -moz-linear-gradient(left, #da751d 0%, #ffd64f 45%, #ffd64f 55%, #da751d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #da751d 0%,#ffd64f 45%,#ffd64f 55%,#da751d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #da751d 0%,#ffd64f 45%,#ffd64f 55%,#da751d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da751d', endColorstr='#da751d',GradientType=1 ); /* IE6-9 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } #footer-upper-inner .col { margin-top: 25px; } .footer-upper-left { position: relative; width: 640px; height: 100%; float: left; } #footer-lower-outer { /*height: 60px;*/ z-index: 200; } #footer-lower-inner { position: relative; overflow: hidden; max-width: 1200px; /*height: 60px;*/ margin-left: auto; margin-right: auto; padding: 0 30px; font-size: 13px; color: #888; text-shadow: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424243+0,6a6a6b+45,6a6a6b+55,424243+100 */ background: #424243; /* Old browsers */ background: -moz-linear-gradient(left, #424243 0%, #6a6a6b 45%, #6a6a6b 55%, #424243 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424243', endColorstr='#424243',GradientType=1 ); /* IE6-9 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } .footer-lower-right { position: relative; /*height: 100%;*/ float: right; /*background-color: rgba(0,0,0,0.15);*/ } .footer-contact { width: auto; float: left; /*background: rgba(0,0,0,0.15);*/ } .footer-contact p { margin: 0; line-height: 60px; } #footer-upper-inner ul { float: left; margin-right: 0; list-style: none; padding-left: 0; } #footer-upper-inner ul.last { margin-right: 0px; } #footer-upper-inner ul li.subhead, #footer-upper-inner ul li.subhead a { font-weight: bold; margin-bottom: 2px; font-size: 17px; text-shadow: #c7490b 0 -1px 0; } #footer-upper-inner ul li.subhead a { color: white; } .footer-upper-right p { width: 150px; float: left; } .credit { position: relative; float: right; width: 216px; height: 17px; background: url(../images/evolve-logo.png) no-repeat right top; margin-top: 19px; /*background-color: rgba(0,0,0,0.15);*/ } .credit span { display: none; } .credit p { position: relative; margin: 0; color: #888; text-shadow: none; } #footer-outer a { font-weight: 400; color: #555; text-decoration: none; text-shadow: #f7bd42 0 1px 0; } #footer-outer a:hover { color: #333; } a:hover .credit { background: url(../images/evolve-logo.png) no-repeat right -17px; } a:hover .credit p { color: #aaa; } .credit-line { position: relative; clear: both; top: 15px; width: 1024px; border-top: 1px solid #dfdfdf; } a.heading { font-weight: bold; } .heading { font-weight: bold; } .copyright { position: relative; top: 30px; } .footer-spacer { height: 20px; } #footer-outer .footer-contact a { text-shadow: none; color: #888; } #footer-outer .footer-contact a:hover { color: #aaa; } /* @end */ /* @group Image Slider */ .image-slider { position: relative; /*height: 267px;*/ height: auto; } .flexslider { /*height: 267px;*/ height: auto; border: none; padding: 0; box-shadow: none; background: white url(../images/loading.gif) no-repeat center center; } .flexslider ul.slides li { position: relative; } .flex-control-nav { bottom: 5px; } .flex-control-paging li a { border: none; box-shadow: none; cursor: pointer; display: block; height: 11px; text-indent: -9999px; width: 11px; background: url(../images/dot-sprite.png) no-repeat 0 -11px; } .flex-control-paging li a:hover { background: url(../images/dot-sprite.png) no-repeat 0 -11px; } .flex-control-paging li a.flex-active { background: url(../images/dot-sprite.png) no-repeat 0 0; } .flex-control-nav li { bottom: 0; margin: 0 3px; } .flex-direction-nav a { width: 30px; height: 30px; opacity: 1; background: url(../images/arrows_x2.png); } .flex-direction-nav .flex-prev { left: 12px; background: url(../images/arrows_x2.png); } .flex-direction-nav .flex-prev:hover { background: url(../images/arrows_x2.png) 0 -30px; } .flex-direction-nav .flex-next { right: 12px; background-position: -30px 0; } .flex-direction-nav .flex-next:hover { background: url(../images/arrows_x2.png) -30px -30px; } .flex-direction-nav a { margin: -10px 0 0; } .flex-caption { /*-webkit-box-sizing: border-box;*/ /*-moz-box-sizing: border-box;*/ /*box-sizing: border-box;*/ position: absolute; /*right: 240px;*/ right: 0; top: 0; width: 19.9%; height: 100%; background: none; zoom: 1; padding: 25px 30px 25px 25px; margin: 0; text-align: left; font-size: 17px; line-height: 23px; background-color: rgba(51,51,51,0.85); } .flex-caption h2 { margin-bottom: 7px; line-height: 33px; } .flex-caption h2 strong { color: white; } .flex-caption p { color: white; padding-right: 15px; } .flex-caption a { font-weight: 700; } .flex-caption a:hover { color: white; } .flex-caption a:focus { color: white; } .flex-viewport { /*height: 267px;*/ height: auto; } /* @end */ /* @group Breadcrumb */ .breadcrumb { color: #f58220; text-align: left; margin: 0; } .breadcrumb a { font-weight: 400; } /* @end */ /* @group Last Styles */ .last { margin-right: 0; } .first { clear: left; } /* @end */ /* @group Events */ .less-margin-bottom { margin-bottom: 2px; } .five-margin-bottom { margin-bottom: 5px; } .ten-margin-bottom { margin-bottom: 10px; } .event-date { color: #f58220; } .margin-bottom { margin-bottom: 15px; } .column-page-image { max-width: 100%; width: auto; position: relative; text-align: center; text-shadow: white 0 1px 0; font-size: 24px; color: #dfdfdf; font-weight: 300; margin: 15px 0; } .column-page-image img { margin: 0; } .column-page-image.colour-version { position: absolute; width: 100%; } .partner-logo-area { position: relative; float: left; width: 100%; } .column-page-image.greyscale-version:hover { opacity: 0; filter: alpha(opacity=0); } .column-page-image.video-thumbnail { /*height: 158px;*/ overflow: hidden; } .column-page-image.video-thumbnail img { position: relative; /*top: -26px;*/ } .column-page-image.video-thumbnail p.image-caption { position: absolute; bottom: 0; background-color: rgba(53, 53, 53, 0.85); color: white; font-size: 13px; line-height: 20px; margin-bottom: 0; padding: 4px 6px 6px; text-align: left; text-shadow: none; width: 100%; visibility: hidden; } .column-page-image.video-thumbnail:hover p.image-caption { visibility: visible; } h3 a { color: inherit; } h3 a:hover { color: #f58220; } .back-link { float: right; } .back-link a { font-weight: 400; } .section-title-box { float: left; background-color: #dfdfdf; padding: 5px; width: 100%; } .section-title { font-weight: 300; float: left; margin-top: 15px; width: 100%; padding-bottom: 10px; border-bottom: 3px solid #f58220; /*margin-bottom: 25px;*/ margin-bottom: 15px; } .section-title h2 { float: left; width: auto; } .section-title h2 a { font-weight: 300; color: #666; } .section-title h2 a:hover { color: #f58220; } .section-title a.see-all-link { float: right; width: auto; margin-top: 15px; } .key-info-panel { background-color: #efefef; border: 1px solid #dadada; min-height: 100px; float: right; margin-top: 5px; margin-right: 0; padding: 15px; padding-bottom: 20px; width: 170px; } .key-info-panel h3 { text-shadow: 0 1px 0 white; } .key-info-panel p { margin-bottom: 0; } .double-column { width: 550px; float: left; } .double-column h3 { margin-top: 0; } a.button { float: left; margin-top: 20px; font-size: 20px; padding: 8px 18px 12px; color: white; text-shadow: 0px -1px 0px #FF8406; border: 1px solid #FFA01C; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #FFD33D; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD33D', endColorstr='#FF8406'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFD33D), to(#FF8406)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FFD33D, #FF8406); text-align: center; } a.button:hover { background: #FF8406; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8406', endColorstr='#FFD33D'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FF8406), to(#FFD33D)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FF8406, #FFD33D); } .key-info-panel a.button { /* width: 242px; */ } .page-headline { position: relative; /*padding-bottom: 10px;*/ /*border-bottom: 3px solid #f58220;*/ /*margin-bottom: 8px;*/ } .page-headline h1, .page-headline p { float: left; } .page-headline a.button { float: right; margin-top: 0; } p.event-subtitle { margin-bottom: 0; } .page-image .flexslider, .page-image .flex-viewport { height: auto; } .page-image .flexslider ul.slides li { position: relative; /*left: -890px;*/ } .label { font-size: 11px; line-height: 13px; font-weight: 400; text-transform: uppercase; padding: 1px 4px; margin-left: 10px; background-color: #ddd; color: white; position: relative; top: -4px; } .route_info_section hr { margin-bottom: 0; } .route-stages li:first-child { border-top: none; } /* @end */ /* @group Partners */ .border-top { margin-top: 20px; border-top: 1px solid #f58220; padding-top: 25px; } .col.border-top:nth-child(1), .col.border-top:nth-child(2), .col.border-top:nth-child(3) { margin-top: 10px; border-top: none; padding-top: 0; } .sponsor-advert { float: left; /*width: 860px;*/ background-color: #efefef; padding: 15px; border: 1px solid #dfdfdf; text-shadow: white 0 1px 0; margin-top: 15px; margin-bottom: 25px; } .sponsor-advert p { margin-bottom: 0; font-weight: 300; font-size: 20px; line-height: 26px; } .sponsor-advert .advert-link { float: right; } .sponsor-advert a { font-weight: 300; } .no-results-note { float: left; width: 100%; background-color: #efefef; padding: 15px; border: 1px solid #dfdfdf; text-shadow: white 0 1px 0; margin-bottom: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-results-note p { margin-bottom: 0; font-weight: 300; font-size: 20px; } .no-results-note a { font-weight: 300; } .no-margin-top { margin-top: 0; } label.no-margin-top { margin-top: 0; } /* @end */ /* @group Contact Form */ .contact a { font-weight: 400; } .contact-form label { float: left; width: 135px; line-height: 36px; font-weight: 300; font-size: 18px; } .contact-form input.button { margin-left: 135px; } .contact-form input, .contact-form textarea { margin-top: 0; margin-bottom: 15px; } /* @end */ /* @group Twitter Feed */ .twitter-feed .twtr-widget p { line-height: 22px !important; font-size: 15px; } .twitter-feed .twtr-widget p em a { font-size: 12px; } .twitter-feed #twtr-widget-1 .twtr-tweet a.twtr-user { background-color: #efefef; color: #666 !important; padding: 2px 6px; } .twitter-feed #twtr-widget-1 .twtr-tweet a.twtr-user:hover { background-color: #dfdfdf; } .twitter-feed .twtr-widget { float: left; margin-top: 0; margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif !important; } .twitter-feed .twtr-hd { display: none; } .twitter-feed .twtr-ft { display: none; } .twitter-feed .twtr-bd { padding: 0; } .twitter-feed .twtr-widget .twtr-tweet-wrap { padding: 10px 0 !important; } .twitter-feed .twtr-widget .twtr-tweet { border-bottom: 1px solid #ccc; margin-bottom: 5px; } .twtr-widget .twtr-tweet:last-child { border-bottom-width: 1px !important; } /* @end */ /* @group News */ .news-thumbnail { background-color: #efefef; width: 225px; height: 160px; text-align: center; text-shadow: white 0 1px 0; font-size: 24px; line-height: 150px; color: #dfdfdf; font-weight: 300; margin-left: 25px; float: right; } .news-story { padding-bottom: 30px; border-bottom: 1px solid #f58220; margin-bottom: 25px; } .news-story:last-child { border-bottom: none; } .text_area { float: left; width: 100%; } /*.leave_room_for_image { width: 620px; }*/ /* @end */ /* @group Faded */ .faded h2, .faded h3, .faded p, .faded a { color: #efefef; } .faded hr { background-color: #efefef; } /* @end */ /* @group Gallery */ .narrow-column { float: left; margin-right: 25px; width: 203px; min-height: 100px; } .narrow-column.last { margin-right: 0; } .gallery-image { float: left; width: 203px; position: relative; height: 135px; text-align: center; text-shadow: white 0 1px 0; font-size: 16px; color: #dfdfdf; font-weight: 300; margin: 20px 25px 5px 0; } .gallery-image.last { margin-right: 0; } .gallery-home .gallery-image { margin-bottom: 20px; } .gallery-image p.image-caption { position: absolute; visibility: hidden; background-color: #666; background-color: rgba(53, 53, 53, 0.85); color: white; padding: 4px 6px 6px; width: 191px; text-shadow: none; font-size: 13px; line-height: 20px; bottom: 0; margin-bottom: 0; text-align: left; } .gallery-image:hover p.image-caption { visibility: visible; } .less-margin-below { margin-bottom: 10px; } .more-margin-top { margin-top: 25px; } .previous-link, .next-link { float: right; } .fancybox-lock { margin: 0 !important; } #colorbox { } #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display: none; } #cboxCurrent { display: none !important; } /* #colorbox { padding-right: 0 !important; padding-bottom: 0 !important; } */ /*#cboxWrapper { padding-top: 42px !important; padding-left: 42px !important; }*/ #cboxContent { background-color: #333; } #cboxTitle { color: #CCC; line-height: 35px; height: 35px; display: none !important; } #cboxContent { margin-bottom: 40px; } #cboxLoadedContent { /* margin-bottom: 40px; */ margin-bottom: 0px; } #cboxClose { width: 36px; height: 36px; top: 10px; right: 10px; background: url(../images/control-sprite.png) no-repeat 0 0; } #cboxClose:hover { background-position: 0 0; } #cboxNext { width: 36px; height: 36px; position: absolute !important; float: right !important; top: 47%; right: 10px !important; background: url(../images/control-sprite.png) no-repeat 0 -72px; } #cboxNext:hover { background-position: 0 -72px; } #cboxPrevious { width: 36px; height: 36px; top: 47%; left: 10px; background: url(../images/control-sprite.png) no-repeat 0 -36px; } #cboxPrevious:hover { background-position: 0 -36px; } /* @end */ /* @group Side Column */ .side-column .latest-news, .side-column .next-event { clear: both; float: left; width: 100%; } .side-column .latest-news a, .side-column .next-event a { font-weight: 700; } .latest-news .news-story { margin-bottom: 0; padding-bottom: 0; } h3.ten-margin-top { margin-top: 10px; } h3.fifteen-margin-top { margin-top: 15px; } /* @end */ /* @group Facebook Like Box Update (27/8/13) */ .facebook-like-box { float: left; clear: both; width: 100%; } .styled .fb-like span, .styled iframe { min-width: 190px !important; min-height: 100px !important; } .fb_iframe_widget { width: 190px; overflow: hidden; } /* @end */ /* @group Social Icons */ li.social-icon { text-indent: -9999px; width: 29px; height: 29px; margin-top: 10px; margin-left: 6px; } li.social-icon:hover { background-position: 0 -29px; } li.contact {background: url(../images/social-icons/social-icons_29px-email.png) no-repeat 0 0;} li.twitter {background: url(../images/social-icons/social-icons_29px-twitter.png) no-repeat 0 0;} li.facebook {background: url(../images/social-icons/social-icons_29px-facebook.png) no-repeat 0 0;} li.youtube {background: url(../images/social-icons/social-icons_29px-youtube.png) no-repeat 0 0;} li.instagram {background: url(../images/social-icons/social-icons_29px-instagram.png) no-repeat 0 0;} li.strava {background: url(../images/social-icons/social-icons_29px-strava.png) no-repeat 0 0;} li.komoot {background: url(../images/komoot-AAA-444.png) no-repeat 0 0;} li.linkedin {background: url(../images/social-icons/social-icons_29px-linkedin.png) no-repeat 0 0;} /* @end */ /* @group Registered Sportive Button */ .registered-sportive { width: 144px; height: 75px; float: right; background: url(../images/bc-registered-sportive1_sprite.png) no-repeat 0 0; /*display: block;*/ margin-left: 18px; } a:hover .registered-sportive { background-position: 0 -75px; } .headline-area { float: left; /*width: 570px;*/ } .button-area { float: right; /*width: 300px;*/ padding-top: 10px; } .button-area a.button { /*margin-top: 14px;*/ margin-top: 0; } p.event-date { clear: both; } .news p.event-date { clear: left; margin-top: 5px; } /* @end */ /* @group Cookie Pop-up */ #cookie-message { position: absolute; padding: 55px 2.5% 25px 2.5%; background-color: #eaeaea; text-align: center; bottom: 0; right: 0; display: none; width: 95%; max-width: 350px; font-size: 15px; line-height: 22px; color: #555; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0.9; } #cookie-message p { margin: 0; } #cookie-message #top-strip { position: absolute; background-color: #F58220; top: -1px; left: 0; height: 35px; width: 100%; } #cookie-message .close p { position: absolute; top: 0; right: 0; display: block; cursor: pointer; margin: 0; padding: 0; font-weight: normal; color: #ffffff; background-color: #666; width: 35px; height: 35px; line-height: 36px; } #cookie-message .close p:hover { background-color: #555; color: #ffffff; } #cookie-message .dont-show p { position: absolute; top: 0; right: 0; display: block; cursor: pointer; margin: 0 0 10px 10px; padding: 0 8px; font-weight: normal; color: #ffffff; height: 35px; width: 115px; line-height: 34px; background-color: #666; } #cookie-message .dont-show p:hover { background-color: #555; color: #ffffff; } /* @end */ /* @group Route */ .full-width-column .column.key-stats, .full-width-column .column.highlight, .col.key-stats, .col.highlight { background-color: #efefef; padding: 25px; /*width: 230px;*/ /*float: right;*/ } .route-stages { width: 100%; margin: 0; float: left; z-index: 1; position: relative; } .route_info_section .route-stages { width: 100%; } .route-stages ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } .route-stages li { list-style: none; margin: 0; padding: 0; padding: 15px 0 17px; border-top: 1px solid #efefef; } .route-stages h3 { margin: 0; } .route-stages .stage-info { padding-left: 25px; margin-top: 7px; } .twenty-five-margin-top { margin-top: 25px; } .twenty-five-margin-bottom { margin-bottom: 25px; } .section-content { float: left; width: 560px; } h3.light { font-weight: 300; } .route-map { float: none; max-width: 890px; width: 100%; height: auto; background: url(../images/Route-Map_v2.jpg) no-repeat; position: relative; margin: 0 auto 30px; background-color: rgba(0,0,0,0.1); /*height: 326px;*/ /*margin-top: 100px;*/ } .route { width: 890px; max-width: 100%; /*height: 326px;*/ /*background: url(../images/Route_v2.png) no-repeat;*/ position: absolute; top: 0; /*background-color: rgba(0,0,0,0.1);*/ } .circle { width: 30px; height: 30px; background: url(../images/circle.png) no-repeat; position: absolute; cursor: pointer; z-index: 100; /*background-color: rgba(0,0,0,0.1);*/ } .caption { opacity: 0; transition: opacity 0.35s linear; position: relative; top: 20px; left: 25px; width: 250px; height: auto; padding: 20px; padding-top: 15px; background-color: white; border: 1px solid #efefef; z-index: 1; -moz-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); } .caption.left-side { top: 20px; left: -22px; } .caption h3, .caption p.subtitle { color: #f58220; } .caption h3 { margin: 0; } .circle:hover + .caption { opacity: 1; z-index: 1002; } .location { position: absolute; } .falmouth { top: 86%; left: 7.5%; } .exeter { top: 59%; left: 28.5%; } .salisbury { top: 43%; left: 53%; } .london { top: 21%; right: 20.5%; } .london .circle { right: 0; } .expand-icon, .reduce-icon { font-weight: 700; color: #f58220; } .reduce-icon { display: none; margin-right: 5px; } li.active .reduce-icon { display: inline; } li.active .expand-icon { display: none; } .route-stages h4 { margin-top: 15px; color: #f58220; } .elevation-map { margin-bottom: 10px; } .responsive_captions { display: none; } /* @end */ /* @group Functional Classes */ .thirty_margin_top { margin-top: 30px; } .five_margin_top { margin-top: 5px; } .six_margin_top, a.button.six_margin_top { margin-top: 6px; } .ten_margin_top { margin-top: 10px; } .no_margin_bottom, .page-headline h1.no_margin_bottom { margin-bottom: 0; } .twenty_margin_bottom, .page-headline h1.twenty_margin_bottom { margin-bottom: 20px; } .twentyfive_margin_bottom, .page-headline h1.twentyfive_margin_bottom { margin-bottom: 25px; } .thirty_margin_bottom, .page-headline h1.thirty_margin_bottom { margin-bottom: 30px; } .col.no_margins { margin: 0 !important; } .col.span_1_of_4.no_margins { width: 25%; } .hide_above_sevenfifty { display: none; } .hide_below_sevenfifty { } .hidden_above_fivehundred { display: none; } .pale_grey { color: #999; } /* @end */ /* @group UPDATES */ /* @group Enter Now Button Update (January 2015) */ .no_margin_top, .page-introduction.no_margin_top { margin-top: 0; } .no_margin_bottom, .page-headline.no_margin_bottom h1 { margin-bottom: 0; } a.button.no_margin_top { margin-top: 7px; } a.button + a.find_out_more { margin-left: 10px; position: relative; top: 17px; } .margin_top { margin-top: 10px; } a.button + a.find_out_more.left_aligned { top: 8px; margin-left: 0; float: left; clear: left; } /* @end */ /* @group Event Information Update (January 2015) */ .event_detail .event_information h2 { margin-top: 20px; font-weight: 700; } .event_detail .event_information .page-image + h2 { font-weight: 300; } /* @end */ /* @group Event Booking Strip Update (February 2015) */ .booking_strip { margin-top: 25px; margin-bottom: 0; } .booking_strip p { float: left; width: auto; color: #f58220; font-weight: 600; font-size: 30px; line-height: 36px; } .booking_strip .button { float: right; font-weight: 600; margin-top: 0; } /* @end */ /* @group Event Video Update (February 2015) */ h2.light, .event_detail .event_information h2.light { font-weight: 300; } .subpage_content { float: left; clear: both; } .subpage_content h2:first-child { margin-top: 0; } .video_panel { padding: 0; margin-left: 25px; background: none; border: none; } .video_panel .column-page-image { margin: 0; } #video-2014 { display: none; } .column-page-image.video-thumbnail a { position: relative; display: block; } .column-page-image.video-thumbnail img { /*width: 220px;*/ /*height: 118px;*/ overflow: hidden; background-color: #ddd; border: 8px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; } .column-page-image.video-thumbnail a:hover img { border-color: #ccc; } .event_detail .full-width-column .column { width: 237px; } .play_icon { position: absolute; width: 64px; height: 64px; top: 27px; left: 77px; background: url(../images/round-play-icon_64px.png) 0 0 no-repeat; } .play_icon:hover { background: url(../images/round-play-icon_64px.png) 0 -64px no-repeat; } /* @end */ /* @group Table Styling Update (September 2015) */ .orange { color: #f58220; } table { margin-top: 20px; } table:first-child { margin-top: 0; } table h3 { margin-top: 0; font-size: 22px; } /*table p { margin-bottom: 0; }*/ table th { color: #f58220; font-size: 20px; line-height: 23px; border-bottom: 3px solid #f58220; } table tr.subheader td { color: #f58220; font-size: 30px; line-height: 30px; font-weight: 300; background: none !important; border-bottom: 3px solid #f58220; vertical-align: bottom; } table tr.subheader td strong { color: #666; } table th { padding: 0 10px 15px; vertical-align: bottom; } table td { vertical-align: top; padding: 15px 10px; } table tr:nth-child(even) td { background-color: white; } table tr:nth-child(odd) td { background-color: #f7f7f7; } .page-headline h1 { width: 100%; margin-top: 0; margin-bottom: 10px; } .charity-places table th { color: #666; font-size: 15px; line-height: 22px; font-weight: 400; border-bottom: none; } .charity-places table td { width: 25%; } .column_headers td { color: #aaa; } /* @end */ /* @group Tracking Strip Update (October 2015) */ .sponsor-advert.promo_box { width: 100%; margin-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* @end */ /* @group Event Draft Update (December 2015) */ .label { position: relative; background-color: #ccc; color: white; font-weight: bold; text-transform: uppercase; text-shadow: #ACB195 0 -1px 0; font-size: 11px; padding: 2px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left: 10px; top: -2px; } .event_detail .event_information h2.light { margin-bottom: 25px; } .event_detail .subpage_content hr { margin: 2px 0 17px; } /* @end */ /* @group Hall of fame Update (December 2015) */ .page-introduction { margin-top: 10px; } .print_only { display: none; } /* @group Tabs */ ul#tab-menu { float: left; height: auto; min-height: 40px; list-style: none outside none; /*margin: 20px 0 30px;*/ margin: 10px 0 15px; padding: 0; white-space: nowrap; width: 100%; z-index: 200; font-size: 0; border-bottom: 3px solid #f58220; } ul#tab-menu li { float: left; height: 40px; margin: 0; /*width: auto;*/ text-align: center; margin-bottom: 1px; } ul#tab-menu li a { color: #fff; display: block; font-size: 14px; height: 40px; line-height: 38px; font-weight: 400; position: relative; text-align: center; text-decoration: none; /*padding: 0 10px;*/ } ul#tab-menu li a:hover { color: white; } .updated_tabs ul#tab-menu { background-color: white; } .updated_tabs ul#tab-menu li { /*width: 15%;*/ clear: none; } .updated_tabs ul#tab-menu li a { background-color: #fafafa; border-left: 1px solid #ddd; border-top: 1px solid #ddd; color: #777; } .updated_tabs ul#tab-menu li:last-child a { border-right: 1px solid #ddd; } .updated_tabs ul#tab-menu li a:hover { background-color: #efefef; color: #555; } .updated_tabs ul#tab-menu li.active a { background-color: #f58220; border: 1px solid #f58220; color: white; font-weight: 700; } /* @end */ .span-8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 25px; margin-bottom: 25px; width: 280px; } .span-8:nth-child(3n) { margin-right: 0; } .span-8:nth-child(3n+1) { clear: left; } .fame_picture { position: relative; width: 150px; height: 150px; background-color: white; border: 1px solid #ddd; margin: 0 auto; z-index: 2; } .fame_summary { position: relative; margin-top: -75px; margin-bottom: 8px; padding: 25px; padding-top: 100px; text-align: center; background-color: #fafafa; border: 1px solid #ddd; z-index: 1; min-height: 122px; } .fame_summary h3 { margin-top: 0; margin-bottom: 10px; } .fame_labels { margin-bottom: 3px; } .fame_labels .label { text-transform: none; font-size: 14px; font-weight: 400; display: inline-block; margin: 0 1.5px 5px; padding: 4px 0 6px; width: 94px; background-color: #f58220; text-shadow: rgba(0,0,0,0.5) 0 -1px 0; } .fame_labels .label.Victory {background-color: #964100;} .fame_labels .label.Conqueror {background-color: #a24c00;} .fame_labels .label.Britannia {background-color: #ad5406;} .fame_labels .label.Defiance {background-color: #b85c0c;} .fame_labels .label.Thunderer {background-color: #c46511;} .fame_labels .label.Colossus {background-color: #cf6d17;} .fame_labels .label.Audax {background-color: #da751d;} .fame_labels .label.Sirius {background-color: #e18827;} .fame_labels .label.Spartiate {background-color: #e99c31;} .fame_labels .label.Sovereign {background-color: #f0af3b;} .hall_of_fame_profile .fame_labels { float: left; clear: left; margin-top: 10px; margin-bottom: 0; } .hall_of_fame_profile .fame_labels span.label { text-align: center; } .hall_of_fame_profile .profile_info { margin-top: 5px; margin-bottom: 0; } .hall_of_fame_profile .profile_info strong { color: #f58220; } .hall_of_fame_profile .page-headline { position: relative; } .hall_of_fame_profile .fame_picture { top: 0; right: 0; } .hall_of_fame_profile .page_photo .fame_picture { float: right; margin-right: 0; } .hall_of_fame_profile .back-link{ margin-top: 20px; } .hall_of_fame_profile h3 { font-size: 22px; color: #f58220; margin-top: 20px; padding-bottom: 6px; border-bottom: 3px solid #f58220; margin-bottom: 8px; } .hall_of_fame_profile h3:first-child { margin-top: 5px; } .promo_strip { float: left; width: 100%; background-color: #fafafa; padding: 15px; border: 1px solid #ddd; text-shadow: white 0 1px 0; margin-top: 15px; margin-bottom: 25px; } .promo_strip h3 { color: #f58220; margin-top: 0; margin-bottom: 2px; } .promo_strip p { margin-bottom: 0; } .hall_of_fame_profile .page-headline h1 { margin-bottom: 0; } /* @end */ /* @group Navigation Colour Update (June 2016) */ .navigation ul.main-nav li a { color: #fed44e; } .navigation ul.main-nav li a:hover { color: white; } /* @end */ /* @group Events Section Update (July 2016) */ h2.reduced_size { font-size: 28px; line-height: 35px; } .page-headline p.event-date, .page-headline p.event-subtitle { float: none; } p.event-date.no_margin_bottom { margin-bottom: 0; } h2.series_title { font-size: 48px; letter-spacing: -0.75px; margin-top: 15px; } h2.series_title.no_margin_top { margin-top: 0; } h2.series_title strong { color: #666; font-weight: 700; } /*.col { float: left; /*margin-right: 25px;*!/ /*background-color: rgba(0, 0, 0, 0.05);*!/ } .col:first-child { clear: left; } .col.span_1_of_1 { width: 100%; margin-right: 0; } .col.span_1_of_2 { width: 432px; } .col.span_1_of_3 { width: 280px; } .col.span_1_of_2:nth-child(2n) { margin-right: 0; } .col.span_1_of_3:nth-child(3n) { margin-right: 0; }*/ .col h3:first-child { margin-top: 0; } h3.price_title { margin-top: 10px; } h3.price_title.no_margin_bottom { margin-bottom: 0; } .price, .discounted_price { color: #f58220; } .price.reduced { color: #bbb; font-weight: 400; text-decoration: line-through; } .event_price_note { margin-top: 0; color: #aaa; } /* @end */ /* @group Events Section Update (July 2016) */ .button.float_right { margin-top: 9px; float: right; } /* @end */ /* @group Hall of Fame Update (November 2016) */ .hall_of_fame_introduction { margin-bottom: 25px; } /* @end */ /* @group Buy a Gift Button (November 2016) */ .button.no_margin_top { margin-top: 0 !important; } /* @end */ /* @group Extra Buy a Gift Button (March 2017) */ /*.darker_button { margin-left: 8px; }*/ a.button.darker_button { text-shadow: 0px -1px 0px #c03b04; border: 1px solid #db6802; background: #eb8300; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb8300', endColorstr='#c03b04'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eb8300), to(#c03b04)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eb8300, #c03b04); text-align: center; } a.button.darker_button:hover { background: #c03b04; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c03b04', endColorstr='#eb8300'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#c03b04), to(#eb8300)); /* for webkit browsers */ background: -moz-linear-gradient(top, #c03b04, #eb8300); } a.button + a.button { margin-left: 10px; } .page-headline a.button { float: left; } /* @end */ /* @group New Charity Section (September 2017) */ .benefiting-charities .col.border-top:nth-child(2), .benefiting-charities .col.border-top:nth-child(3) { border-top: 1px solid #f58220; margin-top: 20px; padding-top: 25px; } .benefiting-charities .col.span_2_of_8 { float: right; margin-left: 2.5%; /*background: rgba(0,0,0,0.05);*/ } .benefiting-charities .col.span_6_of_8 { margin-left: 0; /*background: rgba(0,0,0,0.05);*/ } .button-area.no_padding_top { padding-top: 0; } .ten_margin_bottom { margin-bottom: 5px; } table tr.subheader { font-size: 18px; } table tr.subheader a { font-weight: 300; } #footer-outer li.subhead { color: white; font-weight: 700; } /* @end */ /* @group Shop Update (September 2017) */ input[type="image"] { background: none; border: none; box-shadow: none; padding: 0; width: auto; } .paypal_button table { margin: 15px 0 15px; } .paypal_button table td { padding: 0; } .paypal_button table select { margin: 3px 0; } .paypal_button table tr:first-child td { font-weight: 600; color: #f58220; background: none; /*border-bottom: 3px solid #f58220;*/ } .view_cart_button { position: absolute; top: 8px; right: 0; } .product_image { margin-bottom: 10px; } /* @end */ /* @group Various Updates (December 2017) */ .fundraising-beneficiaries .col.span_1_of_1.border-top { margin-top: 20px; border-top: 1px solid #f58220; padding-top: 32px; } .fundraising-beneficiaries .col.span_1_of_1.border-top:first-child { margin-top: 0; border-top: none; padding-top: 8px; } .booking_strip .button-area { padding: 0; } .booking_strip .button-area .button { float: left; } /* @end */ /* @group Updated Email Signup Form (March 2018) */ button { float: left; margin-top: 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 700; font-style: italic; padding: 6px 18px 8px; color: white; text-shadow: 0px -1px 0px #FF8406; border: 1px solid #FFA01C; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #FFD33D; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD33D', endColorstr='#FF8406'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFD33D), to(#FF8406)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FFD33D, #FF8406); text-align: center; } button:hover { background: #FF8406; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8406', endColorstr='#FFD33D'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FF8406), to(#FFD33D)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FF8406, #FFD33D); } .js-cm-form button { width: 100%; margin: 0; } /* @end */ /* @group Updated Homepage (April 2018) */ /* LAYOUT */ .updated_homepage_layout .col { /*background-color: rgba(0,0,0,0.1);*/ } .updated_homepage_layout .container, .updated_homepage_layout .outer_container { max-width: none; } .updated_homepage_layout .section_outer { padding: 40px 30px 45px; border-bottom: 1px solid #dfdfdf; } .updated_homepage_layout .section_outer.pale_grey { background-color: #fafafa; } .updated_homepage_layout .section_inner { max-width: 1200px; margin-left: auto; margin-right: auto; overflow: hidden; } .updated_homepage_layout .section-title { margin-top: 0; } /* STYLING */ .updated_homepage_layout h1.homepage_intro { color: #666; margin: 0; } .updated_homepage_layout h1.homepage_intro strong { color: #f58220; } .updated_homepage_layout .pale_grey p { color: #555; } .updated_homepage_layout .header { height: 153px; padding: 50px 0 0; border: none; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } .updated_homepage_layout .navigation, .updated_homepage_layout .navigation .section_inner { padding: 0; border: none; overflow: visible; } .updated_homepage_layout #footer-upper-outer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da751d+0,ffd64f+45,ffd64f+55,da751d+100 */ background: #da751d; /* Old browsers */ background: -moz-linear-gradient(left, #da751d 0%, #ffd64f 45%, #ffd64f 55%, #da751d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #da751d 0%,#ffd64f 45%,#ffd64f 55%,#da751d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #da751d 0%,#ffd64f 45%,#ffd64f 55%,#da751d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da751d', endColorstr='#da751d',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } .updated_homepage_layout #footer-upper-inner { background: none; box-shadow: none; } .updated_homepage_layout #footer-lower-outer { background: #424243; /* Old browsers */ background: -moz-linear-gradient(left, #424243 0%, #6a6a6b 45%, #6a6a6b 55%, #424243 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424243', endColorstr='#424243',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } .updated_homepage_layout #footer-lower-inner { background: none; box-shadow: none; } /* @group Homepage Banner */ .section_outer.homepage_banner { background: #424243; text-align: center; color: white; height: 750px; padding: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .homepage_banner .section_background { margin: 0; height: 100%; } .homepage_banner .section_background { background: url('../images/ride-the-trafalgar-way-cycling-sportive-image.jpg') no-repeat center center; background-size: cover; } .homepage_banner .section_inner { height: 100%; } .homepage_banner .row { padding-bottom: 25px; } .homepage_banner h1 { font-size: 50px; line-height: 50px; letter-spacing: -1.75px; margin-bottom: 7px; color: white; } .homepage_banner p { font-size: 28px; line-height: 36px; margin-bottom: 5px; } .homepage_banner a.button { float: none; display: inline-block; margin-top: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } .homepage_banner h1, .homepage_banner p { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); } .homepage_banner a.button:hover { cursor: pointer; } .table_layout, .col.table_layout { display: table; /*margin-top: 10px;*/ } .table_cell { display: table-cell; float: none; vertical-align: middle; } .series_strapline { font-size: 20px; font-weight: 300; margin-top: 0; } /* @end */ /* @group New Breakpoints */ /* @group Homepage Image Size */ @media only screen and (max-width: 1115px) { .section_outer.homepage_banner { height: 650px; } } @media only screen and (max-width: 975px) { .section_outer.homepage_banner { height: 550px; } } @media only screen and (max-width: 825px) { .section_outer.homepage_banner { height: 450px; } } @media only screen and (max-width: 675px) { .section_outer.homepage_banner { height: 350px; } .homepage_banner h1 { font-size: 40px; line-height: 40px; letter-spacing: -1px; margin-bottom: 2px; } .homepage_banner p { font-size: 24px; line-height: 30px; margin-bottom: 2px; } } @media only screen and (max-width: 525px) { .section_outer.homepage_banner { height: 300px; } } @media only screen and (max-width: 440px) { .section_outer.homepage_banner { height: 250px; } } /* @end */ /* @group Header Height */ @media only screen and (max-width: 750px) { .updated_homepage_layout .header { height: 75px; padding: 0; } } @media only screen and (max-width: 425px) { .updated_homepage_layout .header { height: 71px; padding: 0; } } @media only screen and (max-width: 385px) { .updated_homepage_layout .header { height: 67px; padding: 0; } } /* @end */ /* @end */ /* @end */ /* @group Updated Homepage (May 2018) */ h4.subtitle { font-weight: 300; margin-top: 0; } .no_margin_bottom { margin-bottom: 0; } ul.no_list_styling { padding: 0; } ul.no_list_styling li { list-style: none; } @media only screen and (max-width: 750px) { .col.span_1_of_4 { padding-top: 30px; border-top: 1px solid #ddd; margin-top: 23px !important; } .col.span_1_of_4:nth-child(1), .col.span_1_of_4:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0 !important; } } @media only screen and (max-width: 385px) { .col.span_1_of_4:nth-child(2) { padding-top: 30px; border-top: 1px solid #ddd; margin-top: 23px !important; } } /* @end */ /* @group Privacy Policy Update (May 2018) */ .privacy-and-cookie-policy p { float: none; } /* @end */ /* @group Homepage Email Signup Strip (June 2018) */ .dark_grey { background: #444; color: white; } .dark_grey h3 { color: #f58220; margin-bottom: 0; } .centered { text-align: center; } .updated_homepage_layout .section_outer.email_signup_strip { padding-top: 25px; padding-bottom: 30px; } .email_signup_strip form label { display: none; } .email_signup_strip form button { width: auto !important; margin-left: auto; margin-right: auto; float: none; position: relative; left: -10px; } .email_signup_strip input { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 13px 12px; position: relative; top: -2px; } @media only screen and (max-width: 450px) { .email_signup_strip form button, .email_signup_strip input { width: 100% !important; clear: both; left: 0; } } /* @end */ /* @group Register your interest email signup strip (June 2018) */ .animated_banner { position: fixed; bottom: -1px; z-index: 1000; } #close_link { width: 54px; height: 54px; position: fixed; top: 0; right: 0; content: ; } #close_link:before { content: "\f00d"; font-family: FontAwesome; font-style: normal; font-size: 22px; position:absolute; right: 19px; top: 19px; color: rgba(255,255,255,0.25); } #close_link:hover:before { color: rgba(255,255,255,0.5); } #close_link:hover { cursor: pointer; } /* @end */ /* @group Cookie popup update (October 2018) */ #cookie-message { display: block; position: fixed; bottom: -1px; z-index: 1000; } /* @end */ /* @group Fixing table spacing on Fundraise + Ride page (January 2019) */ .fundraise-ride table tr td:first-child { width: 35%; } /* @end */ /* @group Team Page (July 2019) */ .team_photo img { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-left: 0; margin-right: 0; } .about.team .team_photo { float: right; } .about.team .span_1_of_3 .team_photo { float: none; } .about.team .page-headline h1, .about.team .page-headline h2, .about.team .page-headline p.event-date { float: none; width: auto; clear: none; } @media only screen and (max-width: 750px) { .about.team .team_photo { float: none; } .about.team .team_photo img { margin: 10px auto; } } /* @end */ /* @group Sponsor Strip (September 2019) */ .section_outer.sponsor_strip { background: #fed500; border-bottom: none; padding-top: 20px; padding-bottom: 20px; } .section_outer.sponsor_strip img { margin: 0; } .updated_homepage_layout .logo { margin-left: 0; } @media only screen and (max-width: 1260px) { .updated_homepage_layout .logo { margin-left: 30px; } } .sponsor_wording { display: inline-block; } .section_outer.sponsor_strip img.sponsor_wording { margin-top: 20px; } .logo_sponsor { display: inline-block !important; float: right; } .section_outer.sponsor_strip p { display: none; } @media only screen and (max-width: 1125px) { .section_outer.sponsor_strip { padding-top: 25px; } .sponsor_wording { display: block; text-align: center; } .section_outer.sponsor_strip img.sponsor_wording { margin: 0 auto; } .section_outer.sponsor_strip img.logo_sponsor { display: block !important; float: none; text-align: center; margin: 15px auto 0; } } @media only screen and (max-width: 750px) { .section_outer.sponsor_strip p { display: block; } .section_outer.sponsor_strip img.sponsor_wording { display: none; } .section_outer.sponsor_strip img.logo_sponsor { margin-top: 0; } .section_outer.sponsor_strip { padding-top: 20px; } } /* @end */ /* @group Grimpeur Update (June 2020) */ .grimpeur { display: inline-block; position: relative; top: 2px; width: 48px; height: 48px; margin-left: 13px; background: url(../images/Ride-the-Trafalgar-Way-Grimpeur-Badge-96px.png) no-repeat; background-size: 48px 48px; } .grimpeur.new_line { display: block; margin-left: auto; margin-right: auto; } /* @end */ /* @group Adding Virtual to hall of fame (October 2020) */ .hall_of_fame ul#tab-menu li a { padding-left: 15px; padding-right: 15px; } /* @end */ /* @group Countdown Strip (November 2024) */ .countdown_strip { background: #424243; background: -moz-linear-gradient(left, #424243 0%, #6a6a6b 45%, #6a6a6b 55%, #424243 100%); background: -webkit-linear-gradient(left, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); background: linear-gradient(to right, #424243 0%,#6a6a6b 45%,#6a6a6b 55%,#424243 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424243', endColorstr='#424243',GradientType=1 ); } .countdown_strip h3 { color: white; margin-top: 0; } @media only screen and (max-width: 750px) { .countdown-subtitles { float: none; margin-left: auto; margin-right: auto; } .countdown-numbers { float: none; width: 190px; margin-left: auto; margin-right: auto; } } /* @end */ /* @end */ /* @group BREAKPOINTS */ @media only screen and (max-width: 975px) { h2 { font-size: 26px; line-height: 33px; } } @media only screen and (max-width: 950px) { /* @group Hall of fame */ .span_1_of_4.fame_profile { width: 31.66%; } .span_1_of_4.fame_profile:nth-child(3n+4) { margin-top: 10px; margin-left: 0; clear: left; } .span_1_of_4.fame_profile:nth-of-type(4n+5) { clear: none; margin-left: 2.5%; } .span_1_of_4.fame_profile:first-child { margin-left: 0; } /* @end */ } @media only screen and (max-width: 900px) { .navigation ul.utility-nav { display: none; } .navigation ul.main-nav { width: 100%; padding: 0; } .navigation ul.main-nav li { width: 12.5%; padding-bottom: 3px; text-align: center; /*background-color: rgba(0,0,0,0.15);*/ } .navigation ul.main-nav li a, .navigation ul.main-nav li:first-child a { padding: 0; } /*.navigation ul.main-nav li:nth-child(2n) { background-color: rgba(0,0,0,0.35); }*/ .booking_strip p { float: none; text-align: center; width: 100%; } .booking_strip .button { float: none; margin-top: 10px; margin-left: auto; margin-right: auto; } .booking_strip .button-area { width: 100%; float: none; clear: both; overflow: hidden; text-align: center; margin-top: 7px; } .booking_strip .button-area .button { float: none; display: inline-block; } /* @group Image slider */ .flexslider { background: #444; } .flex-caption { display: block; width: 100%; position: relative; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-left: 35px; padding-right: 35px; padding-bottom: 40px; background: #444; } .flex-caption br { display: none; } /* @end */ } @media only screen and (max-width: 750px) { *, .breadcrumb, .page-headline h1 { text-align: center; } .navigation, .icon { display: none; } .header { height: 75px; position: fixed; top: 0; padding-top: 0; } .container { padding-top: 75px; } .updated_homepage_layout .logo, .logo { margin-top: 16px; float: none; margin-left: auto; margin-right: auto; } a.mobile_menu_button { display: block; } a.button, a.button.float_right { float: none; display: inline-block; margin-top: 10px; margin-left: auto; margin-right: auto; } .page-headline a.button { float: none; margin-top: 5px !important; } .hide_above_sevenfifty { display: block; } .hide_below_sevenfifty, a.button.hide_below_sevenfifty { display: none; } /* @group 2 Columns */ .span_1_of_2 { width: 100%; padding-top: 30px; border-top: 1px solid #f58220; margin-top: 25px; margin-left: 0; } .span_1_of_2:first-child { margin-top: 10px; border: none; padding-top: 0; } .col.span_1_of_2:nth-of-type(2n) { margin-left: 0; margin-top: 10px; } /* @end */ /* @group 3 Columns */ .span_1_of_3, .span_2_of_3 { width: 100%; } .span_1_of_3:nth-child(2), .span_1_of_3:nth-child(3) { padding-top: 30px; border-top: 1px solid #f58220; margin-top: 25px; } .span_2_of_3 + .span_1_of_3:nth-child(2) { margin-top: 10px; border: none; padding-top: 0; } /* @end */ /* @group 4 Columns */ .col.span_1_of_4 { width: 48.75%; margin: 10px 0 8px 2.5%; } .col.span_1_of_4:nth-child(2n+1), .col.span_1_of_4.fame_profile:nth-child(2n+1) { margin-left: 0; clear: left; } .col.span_1_of_4.fame_profile, .col.span_1_of_4.fame_profile:nth-child(2n+1) { margin-top: 5px !important; border-top: 0; padding-top: 0; } .col.span_1_of_4.fame_profile:nth-child(2n) { margin-left: 2.5% !important; } .span_1_of_4.fame_profile:nth-child(3n+4), .col.span_1_of_4.fame_profile:nth-child(3n+1) { clear: none; margin-left: 0; margin-top: 5px !important; border-top: 0; padding-top: 0; } .span_3_of_4, .span_3_of_4 + .span_1_of_4 { width: 100%; } .span_3_of_4 + .span_1_of_4 { margin-top: 25px; } /* @end */ /* @group 6 Columns */ .span_4_of_6, .span_2_of_6 { width: 100%; } /* @end */ .col { margin-left: 0; } .back-link { display: none; } h2.reduced_size, h1.homepage_intro { font-size: 25px; line-height: 33px; } .registered-sportive { /*width: 100%;*/ margin: 5px auto 10px; float: none; display: block; background-position-x: center; } /* @group Route Stages */ .route-stages .stage-info { padding-left: 0; } /* @end */ /* @group Footer */ #footer-upper-outer { display: none; } #footer-lower-outer, #footer-lower-inner { height: 100px; } .footer-contact { width: 100%; float: none; } .footer-contact p { line-height: 17px; margin: 20px 0 8px; } .footer-lower-right { margin-bottom: 20px; } .footer-lower-right, .credit { float: none; margin-top: 0; margin-left: auto; margin-right: auto; } .credit p { text-align: left; } /* @group Footer Height */ .container { padding-bottom: 100px; } #footer-outer { margin: -100px auto 0; /* negative value of footer height */ height: 100px; } /* @end */ /* @end */ /* @group Tabs */ ul#tab-menu li { width: 33.3%; } ul#tab-menu li:nth-child(3n) { width: 33.4%; } ul#tab-menu li:nth-child(3n) a { border-right: 1px solid #ddd; } /* @end */ /* @group Hall of fame */ .col.span_1_of_4.fame_profile { margin-left: 2.5%; } /*.col.span_1_of_4.fame_profile:nth-child(3n+1) { margin-left: 0; }*/ .page-headline h1, .page-headline p, .hall_of_fame_profile .fame_labels, #share { float: none; } .hall_of_fame_profile .page_photo .fame_picture { float: none; margin-right: auto; } .col.span_1_of_4.page_photo { margin-left: 0; } /* @end */ /* @group News */ .news-thumbnail { float: none; clear: both; margin: 0 auto 20px; } /* @end */ /* @group Partners */ .col.border-top:nth-child(2), .col.border-top:nth-child(3) { margin-top: 20px; border-top: 1px solid #f58220; padding-top: 25px; } .partners.massifcentral .page-headline, .partners.massifcentral .page-headline h1 { margin-bottom: 0; } .partners.massifcentral .span_2_of_6 { margin-top: 0; margin-bottom: 15px; } .partners.massifcentral .span_2_of_6 a.button { /*margin-top: 0;*/ } .sponsor-advert .advert-link { float: none; } /* @end */ /* @group Events */ .section-title h2 { float: none; } img { margin-left: auto; margin-right: auto; } a.button + a.find_out_more { display: block; margin-left: 0; top: 0; margin-top: 5px; } .events a.button.no_margin_top { margin-top: 5px !important; } .headline-area, .button-area { width: 100%; float: none; clear: both; } .event_detail .button-area a.button { float: none; margin-top: 7px; } /* @end */ /* @group Home */ /*.section-title h2 { margin-bottom: 5px; }*/ .section-title a.see-all-link { display: none; } .side-column { background-image: none; padding-left: 0; margin-left: 0 !important; margin-top: 0 !important; } .side-column .left-side-shadow { display: none; } .side-column a.follow-link { float: none; clear: both; width: 100%; } /* @end */ /* @group Enter now button (March 2017) */ /*a.button.darker_button { margin-left: 5px; }*/ a.button + a.button { margin-left: 7px; } /* @end */ .benefiting-charities .col.span_2_of_8 { float: left; width: 100%; margin-left: 0; } .benefiting-charities .col.span_6_of_8 { width: 100%; } .button-area.no_padding_top { padding-top: 10px; } /* @group Shop Update (September 2017) */ .view_cart_button { position: relative; top: auto; right: auto; } .paypal_button table td { text-align: center; } /* @end */ } @media only screen and (max-width: 720px) { .falmouth { top: 84%; } .exeter { top: 57%; } .salisbury { top: 41%; } .london { top: 19%; } } @media only screen and (max-width: 680px) { .caption { display: none; } .responsive_captions { z-index: 2; display: block; position: relative; width: 100%; /*background-color: rgba(0,0,0,0.1);*/ } .responsive_captions .location { position: absolute; width: 100%; top: 0; left: auto; right: auto; } .responsive_captions .caption { display: none; opacity: 1; /*display: block;*/ width: 100%; top: 0; left: auto; right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*background-color: rgba(0,0,0,0.1);*/ } } @media only screen and (max-width: 650px) { /* @group Hall of fame */ .col.span_1_of_4.fame_profile { width: 48.75%; } .col.span_1_of_4.fame_profile:nth-child(2n+1) { margin-left: 0; clear: left; } /*.col.span_1_of_4.fame_profile:nth-child(3n+4) { /*margin-left: 2.5%;*!/ clear: none; }*/ .col.span_1_of_4.fame_profile:nth-child(3) { margin-top: 10px; } /* @end */ } @media only screen and (max-width: 575px) { h2.reduced_size, h1.homepage_intro { font-size: 22px; line-height: 29px; } } @media only screen and (max-width: 500px) { table td, .charity-places table td { display: block; width: 100%; text-align: center; padding: 0 0 2px; } table td:first-child { padding-top: 15px; } table td:last-child { padding-top: 5px; padding-bottom: 20px; } table .column_headers td:first-child { padding-top: 8px; } table .column_headers td:last-child { padding-bottom: 5px; } .hidden_above_fivehundred { display: inline; } tr.column_headers { display: none; } } @media only screen and (max-width: 475px) { .falmouth { top: 82%; } .exeter { top: 55%; } .salisbury { top: 39%; } .london { top: 17%; } } @media only screen and (max-width: 450px) { /* @group Hall of fame */ .col.span_1_of_4.fame_profile, .col.span_1_of_4.fame_profile:nth-child(3n+4) { width: 100%; clear: none; margin-left: 0; } .col.span_1_of_4.fame_profile:nth-child(2) { margin-top: 10px; } .col.span_1_of_4.fame_profile:nth-child(2n) { margin-left: 0 !important; } /* @end */ } @media only screen and (max-width: 425px) { .logo { width: 225px; height: 41px; background: url(../images/trafalgar-way-logo-225x41.png) no-repeat; } .header { height: 71px; } .container { padding-top: 71px; } a.mobile_menu_button { padding: 17px 28px 36px; } } @media only screen and (max-width: 400px) { .falmouth { top: 80%; left: 6%; } .exeter { top: 53%; } .salisbury { top: 35%; } .london { top: 15%; } } @media only screen and (max-width: 385px) { .logo { width: 205px; height: 37px; background: url(../images/trafalgar-way-logo-205x37.png) no-repeat; } .header { height: 67px; } .container { padding-top: 67px; } a.mobile_menu_button { padding: 15px 26px 34px; } /* @group 4 Columns */ .col.span_1_of_4 { width: 100%; margin-left: 0; } /* @end */ .flex-caption h2 { font-size: 24px; line-height: 29px; } } @media only screen and (max-width: 335px) { a.mobile_menu_button { padding: 15px 20px 34px; } } /* @end */