/* normalize.css v2.0.1 | MIT License | git.io/normalize */ 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-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:\201C \201D \2018 \2019}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],/* 1 */ 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}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} /*Custom Skeleton, with twelve and sixteen columns*/ .sk-container{position:relative;width:960px;margin:0 auto;padding:0} .column,.columns{float:left;display:inline;margin-left:10px;margin-right:10px} .sk-row{margin-bottom:20px} .column.alpha,.columns.alpha{margin-left:0} .column.omega,.columns.omega{margin-right:0} .sk-container .one-third.column{width:300px} .sk-container .two-thirds.column{width:620px} .container-twelve .one.column{width:60px} .container-twelve .two.columns{width:140px} .container-twelve .three.columns{width:220px} .container-twelve .four.columns{width:300px} .container-twelve .five.columns{width:380px} .container-twelve .six.columns{width:460px} .container-twelve .seven.columns{width:540px} .container-twelve .eight.columns{width:620px} .container-twelve .nine.columns{width:700px} .container-twelve .ten.columns{width:780px} .container-twelve .eleven.columns{width:860px} .container-twelve .twelve.columns{width:940px} .container-twelve .offset-by-one{margin-left:80px} .container-twelve .offset-by-two{margin-left:160px} .container-twelve .offset-by-three{margin-left:240px} .container-twelve .offset-by-four{margin-left:320px} .container-twelve .offset-by-five{margin-left:400px} .container-twelve .offset-by-six{margin-left:480px} .container-twelve .offset-by-seven{margin-left:560px} .container-twelve .offset-by-eight{margin-left:640px} .container-twelve .offset-by-nine{margin-left:720px} .container-twelve .offset-by-ten{margin-left:800px} .container-twelve .offset-by-eleven{margin-left:880px} .container-sixteen .one.column{width:40px} .container-sixteen .two.columns{width:100px} .container-sixteen .three.columns{width:160px} .container-sixteen .four.columns{width:220px} .container-sixteen .five.columns{width:280px} .container-sixteen .six.columns{width:340px} .container-sixteen .seven.columns{width:400px} .container-sixteen .eight.columns{width:460px} .container-sixteen .nine.columns{width:520px} .container-sixteen .ten.columns{width:580px} .container-sixteen .eleven.columns{width:640px} .container-sixteen .twelve.columns{width:700px} .container-sixteen .thirteen.columns{width:760px} .container-sixteen .fourteen.columns{width:820px} .container-sixteen .fifteen.columns{width:880px} .container-sixteen .sixteen.columns{width:940px} .container-sixteen .offset-by-one{margin-left:60px} .container-sixteen .offset-by-two{margin-left:120px} .container-sixteen .offset-by-three{margin-left:180px} .container-sixteen .offset-by-four{margin-left:240px} .container-sixteen .offset-by-five{margin-left:300px} .container-sixteen .offset-by-six{margin-left:360px} .container-sixteen .offset-by-seven{margin-left:420px} .container-sixteen .offset-by-eight{margin-left:480px} .container-sixteen .offset-by-nine{margin-left:540px} .container-sixteen .offset-by-ten{margin-left:600px} .container-sixteen .offset-by-eleven{margin-left:660px} .container-sixteen .offset-by-twelve{margin-left:720px} .container-sixteen .offset-by-thirteen{margin-left:780px} .container-sixteen .offset-by-fourteen{margin-left:840px} .container-sixteen .offset-by-fifteen{margin-left:900px} @media only screen and (min-width:768px) and (max-width:959px){.sk-container{width:768px} .column.alpha,.columns.alpha{margin-left:0;margin-right:10px} .column.omega,.columns.omega{margin-right:0;margin-left:10px} .alpha.omega{margin-left:0;margin-right:0} .sk-container .one-third.column{width:236px} .sk-container .two-thirds.column{width:492px} .container-twelve .one.column{width:44px} .container-twelve .two.columns{width:108px} .container-twelve .three.columns{width:172px} .container-twelve .four.columns{width:236px} .container-twelve .five.columns{width:300px} .container-twelve .six.columns{width:364px} .container-twelve .seven.columns{width:428px} .container-twelve .eight.columns{width:492px} .container-twelve .nine.columns{width:556px} .container-twelve .ten.columns{width:620px} .container-twelve .eleven.columns{width:684px} .container-twelve .twelve.columns{width:748px} .container-twelve .offset-by-one{margin-left:64px} .container-twelve .offset-by-two{margin-left:128px} .container-twelve .offset-by-three{margin-left:192px} .container-twelve .offset-by-four{margin-left:256px} .container-twelve .offset-by-five{margin-left:320px} .container-twelve .offset-by-six{margin-left:384px} .container-twelve .offset-by-seven{margin-left:448px} .container-twelve .offset-by-eight{margin-left:512px} .container-twelve .offset-by-nine{margin-left:576px} .container-twelve .offset-by-ten{margin-left:640px} .container-twelve .offset-by-eleven{margin-left:704px} .container-sixteen .one.column{width:28px} .container-sixteen .two.columns{width:76px} .container-sixteen .three.columns{width:124px} .container-sixteen .four.columns{width:172px} .container-sixteen .five.columns{width:220px} .container-sixteen .six.columns{width:268px} .container-sixteen .seven.columns{width:316px} .container-sixteen .eight.columns{width:364px} .container-sixteen .nine.columns{width:412px} .container-sixteen .ten.columns{width:460px} .container-sixteen .eleven.columns{width:508px} .container-sixteen .twelve.columns{width:556px} .container-sixteen .thirteen.columns{width:604px} .container-sixteen .fourteen.columns{width:652px} .container-sixteen .fifteen.columns{width:700px} .container-sixteen .sixteen.columns{width:748px} .container-sixteen .offset-by-one{margin-left:48px} .container-sixteen .offset-by-two{margin-left:96px} .container-sixteen .offset-by-three{margin-left:144px} .container-sixteen .offset-by-four{margin-left:192px} .container-sixteen .offset-by-five{margin-left:240px} .container-sixteen .offset-by-six{margin-left:286px} .container-sixteen .offset-by-seven{margin-left:336px} .container-sixteen .offset-by-eight{margin-left:384px} .container-sixteen .offset-by-nine{margin-left:432px} .container-sixteen .offset-by-ten{margin-left:480px} .container-sixteen .offset-by-eleven{margin-left:528px} .container-sixteen .offset-by-twelve{margin-left:576px} .container-sixteen .offset-by-thirteen{margin-left:624px} .container-sixteen .offset-by-fourteen{margin-left:672px} .container-sixteen .offset-by-fifteen{margin-left:720px} .sk-container img{max-width:100%;height:auto!important} .sk-container iframe{max-width:100%;} } @media only screen and (max-width:767px){.sk-container{width:300px} .columns,.column{margin:0} .sk-container .one.column,.sk-container .two.columns,.sk-container .three.columns,.sk-container .four.columns,.sk-container .five.columns,.sk-container .six.columns,.sk-container .seven.columns,.sk-container .eight.columns,.sk-container .nine.columns,.sk-container .ten.columns,.sk-container .eleven.columns,.sk-container .twelve.columns,.sk-container .thirteen.columns,.sk-container .fourteen.columns,.sk-container .fifteen.columns,.sk-container .sixteen.columns,.sk-container .one-third.column,.sk-container .two-thirds.column{width:300px} .sk-container .ccm-layout-col{width:300px!important} .ccm-layout-col-spacing{margin:0!important} .sk-container .offset-by-one,.sk-container .offset-by-two,.sk-container .offset-by-three,.sk-container .offset-by-four,.sk-container .offset-by-five,.sk-container .offset-by-six,.sk-container .offset-by-seven,.sk-container .offset-by-eight,.sk-container .offset-by-nine,.sk-container .offset-by-ten,.sk-container .offset-by-eleven,.sk-container .offset-by-twelve,.sk-container .offset-by-thirteen,.sk-container .offset-by-fourteen,.sk-container .offset-by-fifteen{margin-left:0} .sk-container img{max-width:100%;height:auto!important} .sk-container iframe{max-width:100%;} } @media only screen and (min-width:480px) and (max-width:767px){.sk-container{width:420px} .columns,.column{margin:0} .sk-container .one.column,.sk-container .two.columns,.sk-container .three.columns,.sk-container .four.columns,.sk-container .five.columns,.sk-container .six.columns,.sk-container .seven.columns,.sk-container .eight.columns,.sk-container .nine.columns,.sk-container .ten.columns,.sk-container .eleven.columns,.sk-container .twelve.columns,.sk-container .thirteen.columns,.sk-container .fourteen.columns,.sk-container .fifteen.columns,.sk-container .sixteen.columns,.sk-container .one-third.column,.sk-container .two-thirds.column{width:420px} .sk-container .ccm-layout-col{width:420px!important} .ccm-layout-col-spacing{margin:0!important} .sk-container img{max-width:100%;height:auto!important} .sk-container iframe{max-width:100%;} } .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before,.clearfix:after,.sk-row:before,.sk-row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .sk-row:after,.clearfix:after{clear:both} .sk-row,.clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* #Hidden element styles ================================================== */ /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .nofocus { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .mobonly { display: none;} /* More sensible defaults*/ textarea { resize: vertical; } fieldset { border: 0; margin: 0; padding: 0;} img { border: 0px; vertical-align: middle;} /* apply a natural box layout model to all elements */ .sk-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 502; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 503; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; top: 0; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: solid transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { opacity: 0.8; border-top-width: 12px; border-bottom-width: 12px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 20px; border-bottom-width: 20px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 12px solid black; left: 5px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { border-right: 20px solid white; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 12px solid black; left: 3px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 20px solid white; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .mfp-iframe-holder .mfp-close { top: -40px; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 800px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* #Site Styles ================================================== ================================================== */ body{ /*background: url(images/site_back.jpg) no-repeat center 221px;*/ } #content-and-footer { background-image: url(images/circle_back.png); background-repeat: no-repeat; background-position: center bottom; background-color: #ffffff ; padding-bottom: 0; } .noback { background-image: none !important; padding-bottom: 0 !important; } #socialicons{ margin-top: 30px; height: 40px; } #socialicons a { text-decoration: none; } #socialicons p{ margin-top: 0!important; text-decoration: none; font-size: 25px; line-height: 14px; color: #1B4298; font-family: 'TitilliumText25L400wt'; } #socialicons span { float: right; color: #1B4298; padding-left: 26px; font: 27px/35px 'TitilliumText25L400wt'; background: url(images/phone.png) no-repeat 0 5px; } #socialicons a.externalLink { background-color: #6E736F; display: inline-block; float: right; height: 30px; width: 30px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; text-size: 30px; line-height: 32px; vertical-align: bottom; margin-left: 30px; } #socialicons a:hover { background-color: #EB0029; } #socialicons i { color: #fff } #client{ height: 32px; clear: right; float: right; background-color: #1B4298; margin-top: 10px; padding-left: 10px; padding-right: 10px; } #client p { margin-top: 10px; } #client a{ margin-top: 0!important; text-decoration: none; font-size: 14px; line-height: 14px!important; color: #ffffff; font-family: 'TitilliumText25L400wt'; display: block; } #search form{ clear: right; float: right; } .searchform input { border: solid 1px #B3B3B3; height: 30px; width: 270px; font-family: 'TitilliumText25L400wt'; color: #6E736F; font-size: 14px; text-align: right; padding-right: 40px; margin: 0; line-height: 30px; padding-top: 0; padding-bottom: 0; } .searchform input:focus { outline-color: #B3B3B3; } .searchform button { -webkit-appearance: none; background-color: transparent; border: solid 0 #000; position: absolute; right: 6px; margin-right: ; margin: 0; height: 26px; width: 40px; color: #1B4298; font-size: 20px; top: 73px; display: block; padding: 0; } .searchform button i { width: 40px; margin: 0; padding: 0; } #right-header-content{ height: 170px; } #nav-wrapper{ background-color: #FDB913; } #nav { background-color: #FDB913; } #nav ul { list-style-type: none; margin: 0; padding: 0; } #nav li { margin: 0; padding: 0; float: left; margin-right: 50px; } #nav li.nav-last{ margin-right: 0; } #nav li a { text-decoration: none; color: #1B4298; text-transform: lowercase; font-family: 'TitilliumText25L400wt'; font-size: 18px; line-height: 55px; height: 55px; display: block; padding: 0 !important; } #nav li a:hover{ color: #000; } #nav li a.nav-path-selected{ color: #000; } #nav > ul > li.nav-path-selected > a { color: #000; } .sf-menu ul { margin-left: -88px!important; background: url(images/drop-down-back.png) no-repeat center 21px; box-shadow:none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; padding-top: 41px!important; padding-bottom: 20px!important; border-bottom: solid 1px #555; } .sf-sub-indicator{ right: -1em!important; } #nav li li a{ text-transform: none!important; font-size: 16px!important; line-height: 22px!important; padding-left:20px!important; padding-right:20px!important; padding-top: 20px!important; height: auto !important; color: #ffffff; } #nav li li a:hover{ color: #DDD; } } #logo { padding: 0; margin: 0; } #logo a { margin-top: 36px; display: block; padding-top: 87px; /*change to height of logo image*/ height: 0; width: 340px; /*change to width of logo image*/ overflow: hidden; background-image: url('images/logo.svg'); font-size: 0; } #header { } #header-wrapper { background-color: #fff; height: 170px; } #banner-wrapper { background: url(images/banner-back.png) center top no-repeat; height: 294px; /* height: 224px*/ } #banner { padding-top: 50px; /* padding-top: 30px;*/ min-height: 50px; } #banner h1{ color: #fff!important; letter-spacing: -1px !important; font-size: 60px; line-height: 60px; /*margin-bottom: 60px;*/ } #link1, #link2{ margin-top: 130px; /*margin-top: 65px;*/ } #link1{ height: 155px; width: 150px; background-color: #6E746F; float: left; visibility: hidden; } #link2{ height: 155px; width: 150px; background-color: #FDB913; float: left; } #link1 a, #link2 a { color: #1B4298; text-decoration: none; font-size: 28px; display: block; height: 155px; padding-top: 54px; padding-left: 13px; } #link2 a{ color: #1B4298; } #link1 p, #link2 p { margin: 0; } #introducer-wrapper{ } #hero1, #hero2{ } #hero1{ float: left; } #hero2{ float: left; } #content-wrapper { min-height: 400px; } #main { min-height: 100px; } #footer-wrapper { margin-top: 20px; } #footer { min-height: 150px; } #footer p, #footer a{ font-family: 'TitilliumText25L400wt'; color: #000; font-size: 10px; line-height: 12px; text-decoration:none; } .sidebar { margin-top: 70px; } .three-columns aside { } #lower1, #lower2{ /*height: 305px;*/ background-color: #F0F1F0; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; } #lower1 h5{ margin: 0; margin-top: 24px; } #lower1 img, #lower2 img{ margin-top: 15px; } #lower3{ padding-top: 102px; padding-left: 50px; padding-bottom: 0px; } #lower3 h2{ font-family: 'TitilliumText25L600wt'; font-size: 38px; line-height: 34px; color: #fff; } #lower3 p, #lower3 a{ font-family: 'TitilliumText25L400wt'; font-size: 25px; font-weight: normal; line-height: 20px; color: #fff; text-decoration: none; } #lower3 a{ background: url(images/link-arrow.png) no-repeat; height: 38px; padding-top: 8px; padding-left: 50px; display: inline-block; margin-top: 10px; } .formblock { margin-top: 14px; } .formblock .field, .formblock .captcha{ margin-top: 10px; clear: both; } .formblock .field input, .formblock .field textarea, .ccm-input-captcha, .sk-container .ccm-input-text { border: 1px solid #C1C1C1; border-radius: 5px; background-color: #F0F3F3; width: 60%; padding: 10px; } .formblock .field select{ border: 1px solid #C1C1C1; width: 50%; padding: 4px; background-color: #F0F3F3; } /*.formblock .field label{ width: 50%; display: block; float: left; clear: both; }*/ .formblock .field-text, .formblock .field-textarea, .formblock .field-email { position:relative; } .formblock .field-text label, .formblock .field-textarea label , .formblock .field-email label { position:absolute; top:8px; left:8px; font-size: 12px; color: #888; line-height: 22px; } .formblock .field-select label { font-size: 12px; color: #888; } .formblock .errorfield input, .formblock .errorfield textarea, .formblock .errorfield select{ border-color: red; } .formblock .error{ color: red; } .formblock input.submit{ -webkit-appearance: none; border: 1px solid #1B4298; background-color: #1B4298; margin-top: 14px; margin-bottom: 20px; color: #fff; padding-right: 20px; padding-left: 20px; padding-top: 4px; padding-bottom: 4px; } .captchafield p, .captchafield > div{ font-size: 12px !important; line-height: 16px !important; margin-top: 10px; } .captchafield br { display:none; } #main table{ width: 100%; } .sk-container .btn { display: inline-block; margin-bottom: 20px; padding: 8px 10px; border:none; background: #1B4298; /* Old browsers */ color: white !important; text-decoration: none !important; font-weight: normal; font-family: 'TitilliumText25L600wt'; font-size: 16px; line-height: normal; cursor: pointer; } .btn:hover { text-decoration: none; background-color: black; } .filelisting h4{ font-size: 14px; margin-top: 8px; padding-top: 6px; } .filelisting h4 a { color: black; text-decoration: none; font-family: 'TitilliumText25L600wt'; } .filelisting h4 a:hover{ text-decoration: underline; color: #E90034; } #main tr { border-bottom: solid 1px #CCC; } #main tr td { vertical-align: top; } #main table { margin-top: 24px; } #main table td { padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } #main table td p { margin-top: 0; } #main ul, #main li, .sidebar ul, .sidebar li { margin-left: 0; padding-left: 0; } #main li, .sidebar li { margin-left: 18px; color: #1B4298; } #main li span { color: black; } #mobileonlymenu { display: none; } .mobileonlymenu ul { list-style-type: none; padding: 0; margin: 0; margin-top: 16px; } .mobileonlymenu ul li a{ list-style-type: none; background-color: #EC0928; color: white; display: block; text-decoration: none; font-family: 'TitilliumText25L400wt'; font-size: 19px; line-height: 35px; padding: 4px; padding-left: 8px; border-bottom: solid 1px #FFF; } .mobileonlymenu ul li a:hover { background-color: #6E746F; } #client .nav { display: none; } #client:hover .nav { display: block; position: absolute; z-index: 100; margin: 0; background: url(images/drop-down-back.png) no-repeat -58px 0; padding-top: 21px; width: 270px; right: 10px; margin-top: 0; border-bottom: solid 1px #555 } #client .nav { background-color: #6E736F; list-style-type: none; padding: 0; margin: 0; min-height: 120px; } #client .nav li { margin: 0; padding: 0; margin-left: 10px; margin-top: 4px; margin-bottom: 4px; } #client .nav li a { color: white; display: block; padding-top: 4px; padding-bottom: 4px; } #client .nav li a:hover { color: #CCC; } .summary-wrapper-inner{ border-bottom: solid 1px #CCCCCC; padding-bottom: 10px; } .summary-wrapper-inner:last-child { border-bottom: none; } .date-wrapper p{ font-size: 12px; color: black; } .image-side{ margin-top: 100px; } .summary-wrapper-inner{ clear: both; } .news-list p{ margin-top: 0; } .news-list-inner p{ margin-top: 0; } .image-thumbnail{ float: right; } .image-thumbnail-inner{ float: right; } .image-thumbnail-inner img{ margin-bottom: 20px; margin-left: 20px; display: block; } #footer .nav { margin-top: 40px !important; max-width: 642px !important; } .noback #footer .nav{ padding-bottom: 40px; } #footer .nav:after { content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0; clear: both; zoom:1 } #footer .nav, #footer .nav li { list-style-type: none; padding: 0; margin: 0; } #footer .nav > li { float: left; margin-right: 24px; } #footer .nav a:hover { color: #E90034; } #footer .nav > li > a { font-family: 'TitilliumText25L600wt' !important; color: #333; } #footer .nav li:first-child { display: none; } #footer .nav li li { float: none; margin: 0; padding: 0; line-height: 14px !important; } #footer .nav li li a { color: #666; } #footer .nav ul { margin: 0; padding: 0; } #footer-wrapper{ /*margin-top: 80px; height: 80px; background: url(images/footer-top.png) repeat-x; background-color: #fff; padding-top: 10px;*/ } .home #footer-wrapper { margin-top: 0; } #footer-menu-wrapper{ min-height: 250px; border-bottom: 1px solid #000; background-color: #1B4298; padding-top: 35px; margin-top: 40px; } #footer-menu ul { list-style-type: none; padding: 0; margin: 0; } #footer-menu > ul > .nav-first { display: none; } #footer-menu > ul > li { list-style-type: none; padding: 0; margin: 0; padding-left: 10px; float: left; width: 25%; border-right: 1px solid #FDB913; min-height: 250px; } #footer-menu .nav-last { border-right: none !important; } #footer-menu{ margin-left: 0px; } #footer-menu li li { float: none; } #footer-menu li a{ font-size: 13px; font-family: 'TitilliumText25L600wt'; color: #fff; line-height: 15px; margin-bottom: 10px!important; } #footer-menu ul ul{ margin-top: 6px; } #footer-menu li li { font-family: 'TitilliumText25L250wt'; line-height: 13px!important; margin-bottom: 10px; margin-right: 6px; } #footer-menu li li a{ font-family: 'TitilliumText25L250wt'; line-height: 13px!important; } #footer-detail{ padding-top: 30px; padding-bottom: 20px; } #footer-detail p, #footer-detail a{ font-size: 12px; font-family: 'TitilliumText25L250wt'; color: #fff; line-height: 16px; text-decoration: none; } .calculators { margin-top: 0 !important; } .calculators li { list-style-type: none; padding: 0; margin: 0 !important; margin-bottom: 10px !important; } .calculators li a{ color: white; background-color: #6E746F; display: block; padding: 6px; } .calculators li a:hover { text-decoration: none; background-color: #1B4298; } .calculators a:before { font-size: 1.4em; margin-right: 10px !important; background-color: white; color: #333; padding: 5px; vertical-align: middle; } .calculators a:hover:before { color: #1B4298; } .calculator .frame-loader { margin-left: -20px; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .formblock .field input, .formblock .field textarea, .ccm-input-captcha, .sk-container .ccm-input-text { width: 80%; } .sf-sub-indicator { right: -0.9em!important; } #nav li{ margin-right: 28px; } #nav li a{ font-size: 17px; } #link1, #link2{ width: 110px; margin-top: 50px; } #link1 a, #link2 a{ font-size: 22px; } #banner{ padding-top: 20px; } #banner h1 { font-size: 50px; } #hero1, #hero2{ width: 365px; } #lower3{ padding-top: 20px; padding-left: 20px; padding-bottom: 59px; background-color: #BC4059; } #lower3 h2{ font-size: 38px; } #footer-logos img{ max-width: 19%; margin-top: 10px; } #content-and-footer { background: none; background-color: white; padding-bottom: 0; } #link1 a, #link2 a { padding-left: 5px; width: auto; } #footer .nav { max-width: 100%; } .calculators li a { font-size: 12px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .mobonly { display: block; } .nomobile { display: none; } body{ background-image: none !important; } #main, #nav, #banner, #footer, .sidebar, .three-columns aside { min-height: 0; height: auto; } #logo { display: none; } #nav, #nav-wrapper{ display: none; } #header-wrapper{ height: 170px; border-bottom: solid 1px #DDD; background-color: #F8F8F8; padding-bottom: 6px; } #right-header-content{ height: 100px; } #socialicons{ float: left; margin-top: 20px; } #banner-wrapper{ display: none; } #banner, #introducer{ display: none; } .searchform input { width: 100%; } #client{ float: left; } #link1, #link2{ margin-top: 15px; } #link2{ background-color: #1B4298; } #main h1{ font-size: 30px; line-height: 40px; } #main h2{ font-size: 25px; line-height: 30px; } #main h3{ font-size: 20px; line-height: 24px !important; } #main p { font-size: 15px; } #lower3{ padding-top: 0; padding-left: 20px; padding-bottom: 20px; background-color: #BC4059; } #footer-wrapper{ display: none; } #footer-menu-wrapper { margin-top: 40px; min-height: 0; padding-top: 0; } #footer-logos, #footer-menu{ display: none; } #mobilelogo { width: 173px; height: 40px; display: block; background: url(images/logo.png) no-repeat; background-size: 155px 40px; position: absolute; top: 6px; right: 4px; z-index: 1000; } .sidebar{ margin-top: 10px; } .searchfield, #search form { float: none !important; clear: both; } .searchfield { padding-right: 50px !important; } .searchform button { top: 63px; } #content-and-footer { background: none; padding-bottom: 0; } #client { margin-top: 18px; } .captchafield{ margin-left: 0px; } .formblock .field label,.formblock .field input, .formblock .field textarea, .formblock .field select, .sk-container .ccm-input-text{ width: 100%; } #socialicons span { font-size: 21px; } #socialicons span a { color: #EC2A33 !important; text-decoration: none !important; } #socialicons a.externalLink { margin-left: 10px; } #mobileonlymenu { display: block; } #footer .nav { display: none; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #socialicons span { background-image: none; padding-left: 0; } .calculator #content-wrapper .sk-container, .calculator #content-wrapper #main { width: 320px !important; } .calculator #content-wrapper #main h1, calculator #content-wrapper #main p { margin-left: 10px; } .calculator .frame-loader { margin-left: 0; } } /* #Font-Faces ================================================== */