/** * Project style sheet. * * @package vanilla * @subpackage css * @author Loops * @version SVN: $Id: styles.css 1 2013-01-14 10:30:16Z loops $ */ /** Defaults ***/ /* paragraphs */ p { margin: 0 0 20px; } blockquote { margin: 0 0 20px; } /* titles, will be usefull to have a class */ /* note that font: declaration will overwrote all default font property */ h1, .h1 { color: #006293; font: 20px 'oswaldlight'; text-transform: uppercase; margin: 0 0 40px; } h2, .h2 { color: #006293; font: 16px 'oswaldlight'; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 4px; border-bottom: 2px #fff solid; } h3, .h3 { color: #006293; font: 16px 'oswaldlight'; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 5px; border-bottom: 1px #fff solid; } h4, .h4 { color: #006293; font: 16px 'oswaldregular'; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 5px; } h5, .h5 { color: #006293; font: 16px 'oswaldregular'; text-transform: uppercase; margin: 0 0 20px; } h6, .h6 { color: #006293; font: 14px 'oswaldregular'; text-transform: uppercase; margin: 0 0 20px; } /* tables */ table { margin: 0 0 20px; } th, td { } th {} thead th, thead td {} /* selected text */ /* ::selection {} ::-moz-selection {} */ /* miscellaneous */ abbr[title] { border: 0 } small, .small { font-size: 75%; } big, .big { font-size: 150%; } img { max-width: 100% } img.ileft { max-width: 33%; margin: 10px 30px 10px 0; } img.iright { max-width: 33%; margin: 10px 0 10px 30px; } iframe { margin: 0 auto 20px; display: block; border: 0; max-width: 100%; } .half { width: 50% } .half.left { padding-right: 25px; } .half.right { padding-left: 25px; } /* we advice to use the same color for each number */ .bg-0 { background-color: #414141; } /* default color */ .bg-1 { background-color: #ff0914; } /* secondary color */ .bg-2 { background-color: #333; } .bg-3 { background-color: #666; } .bg-4 { background-color: #999; } .bg-5 { background-color: #ccc; } .bg-fff { background-color: #fff; } /* we advice to use the same color for each number */ .bd-0 { border-color: #414141; } /* default color */ .bd-1 { border-color: #ff0914; } /* secondary color */ .bd-2 { border-color: #333; } .bd-3 { border-color: #666; } .bd-4 { border-color: #999; } .bd-5 { border-color: #ccc; } .bd-fff { border-color: #fff; } /*** Buttons ***/ .button, .button:before, .button:after { display: inline-block; height: 27px; white-space: nowrap; background: url(../images/kcip/bg-button.png) 0 0 repeat-x; } .button2, .button2:before, .button2:after { display: inline-block; height: 27px; white-space: nowrap; background: url(../images/kcip/bg-button2.png) 0 0 repeat-x; } .button3, .button3:before, .button3:after { display: inline-block; height: 27px; white-space: nowrap; background: url(../images/kcip/bg-button3.png) 0 0 repeat-x; } /* default */ .button { text-decoration: none; position: relative; padding: 0 12px; margin: 0 5px; font: 12px/25px 'oswaldlight'; color: #006293; text-transform: uppercase; } .button:before { content: ""; position: absolute; top: 0; right: 100%; z-index: 1; width: 5px; background-position: 0 -81px; background-repeat: no-repeat; } .button:after { content: ""; position: absolute; top: 0; left: 100%; z-index: 1; width: 5px; background-position: -5px -81px; background-repeat: no-repeat; } .button2 { text-decoration: none; position: relative; padding: 0 12px; margin: 0 5px; font: 12px/25px 'oswaldlight'; color: #006293; text-transform: uppercase; } .button2:before { content: ""; position: absolute; top: 0; right: 100%; z-index: 1; width: 5px; background-position: 0 -81px; background-repeat: no-repeat; } .button2:after { content: ""; position: absolute; top: 0; left: 100%; z-index: 1; width: 5px; background-position: -5px -81px; background-repeat: no-repeat; } .button3 { text-decoration: none; position: relative; padding: 0 12px; margin: 0 5px; font: 12px/25px 'oswaldlight'; color: #006293; text-transform: uppercase; } .button3:before { content: ""; position: absolute; top: 0; right: 100%; z-index: 1; width: 5px; background-position: 0 -81px; background-repeat: no-repeat; } .button3:after { content: ""; position: absolute; top: 0; left: 100%; z-index: 1; width: 5px; background-position: -5px -81px; background-repeat: no-repeat; } /* hover, focus */ .button:hover, .button:focus { background-position: 0 -27px; color: #006293; } .button:hover:before, .button:focus:before { background-position: -10px -81px; color: #006293; } .button:hover:after, .button:focus:after { background-position: -15px -81px; color: #006293; } .button2:hover, .button2:focus { background-position: 0 -27px; color: #006293; } .button2:hover:before, .button2:focus:before { background-position: -10px -81px; color: #006293; } .button2:hover:after, .button2:focus:after { background-position: -15px -81px; color: #006293; } .button3:hover, .button3:focus { background-position: 0 -27px; color: #006293; } .button3:hover:before, .button3:focus:before { background-position: -10px -81px; color: #006293; } .button3:hover:after, .button3:focus:after { background-position: -15px -81px; color: #006293; } /* active */ .button:active { background-position: 0 -54px; } .button:active:before { background-position: -20px -81px; } .button:active:after { background-position: -25px -81px; } .button2:active { background-position: 0 -54px; } .button2:active:before { background-position: -20px -81px; } .button2:active:after { background-position: -25px -81px; } .button3:active { background-position: 0 -54px; } .button3:active:before { background-position: -20px -81px; } .button3:active:after { background-position: -25px -81px; } /* play button, always centered on the link */ /* the triangle character nedds some adjust to be centerized */ /* more */ /*** Iconize ***/ /* icon title */ .icon-title { text-align: center; border: 0; } .icon-title:before { content: ""; display: inline-block; background-image: url(images/title-icons.png); background-repeat: no-repeat; } .icon-title-picture:before { background-position: 0 0; width: 44px; height: 32px; } .icon-title-video:before { background-position: 0 -32px; width: 53px; height: 42px; } .icon-title:after { content: ""; display: block; margin: 10px auto 20px; width: 20px; height: 1px; overflow: hidden; background-color: #ff0914; } /*** Forms ***/ /* message */ .message { padding: 20px 30px; position: relative; font-size: 12px; line-height: 18px; border-radius: 2px; } /* the background */ .message:before { content: ""; display: block; position: absolute; width: 26px; height: 26px; left: -13px; top: 13px; border-radius: 2px; z-index: 1; } /* the icon */ .message:after { content: ""; display: block; position: absolute; z-index: 2; background: url(images/messages-icons.png) -32px 0 no-repeat; } /* error */ .message-error { color: #ff0914; background-color: #f4e4e4; } /* @see http://www.colorzilla.com/gradient-editor/#ff0914+0,da0811+100;Custom */ .message-error:before { background: #ff0914; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDkxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTA4MTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff0914 0%, #da0811 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0914), color-stop(100%,#da0811)); background: -webkit-linear-gradient(top, #ff0914 0%,#da0811 100%); background: -o-linear-gradient(top, #ff0914 0%,#da0811 100%); background: -ms-linear-gradient(top, #ff0914 0%,#da0811 100%); background: linear-gradient(to bottom, #ff0914 0%,#da0811 100%); } .ie_lt9 .message-error:before { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0914', endColorstr='#da0811',GradientType=0 ); } .message-error:after { width: 16px; height: 16px; top: 18px; left: -8px; background-position: 0 0; } /* success */ .message-success { color: #336600; background-color: #deebd3; } /* @see http://www.colorzilla.com/gradient-editor/#336600+0,2c5700+100;Custom */ .message-success:before { background: #336600; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzU3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #336600 0%, #2c5700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336600), color-stop(100%,#2c5700)); background: -webkit-linear-gradient(top, #336600 0%,#2c5700 100%); background: -o-linear-gradient(top, #336600 0%,#2c5700 100%); background: -ms-linear-gradient(top, #336600 0%,#2c5700 100%); background: linear-gradient(to bottom, #336600 0%,#2c5700 100%); } .ie_lt9 .message-success:before { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336600', endColorstr='#2c5700',GradientType=0 ); } .message-success:after { width: 16px; height: 12px; top: 20px; left: -8px; background-position: 0 -16px; } /* notice */ .message-notice { color: #333; background-color: #e2e2e2; } /* @see http://www.colorzilla.com/gradient-editor/#666666+0,575757+100;Custom */ .message-notice:before { background: #666666; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzU3NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #666666 0%, #575757 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#575757)); background: -webkit-linear-gradient(top, #666666 0%,#575757 100%); background: -o-linear-gradient(top, #666666 0%,#575757 100%); background: -ms-linear-gradient(top, #666666 0%,#575757 100%); background: linear-gradient(to bottom, #666666 0%,#575757 100%); } .ie_lt9 .message-notice:before { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#575757',GradientType=0 ); } .message-notice:after { width: 16px; height: 16px; top: 18px; left: -8px; background-position: 0 -28px; } /* form-error */ .form-error { color: #ff0914; } /* elements */ /* default */ select[name], textarea[name], input[type="text"], input[type="password"], input[type="email"], input[type="date"] { padding: 7px 10px; background: #fff; border: 1px #cfcfcf solid; color: #cfcfcf; border-radius: 2px; -webkit-box-shadow: inset 0 2px 2px 0 #e3e3e3; box-shadow: inset 0 2px 2px 0 #e3e3e3; } input[type="file"] { margin-top: 5px; } /* hover */ select[name]:hover, textarea[name]:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="date"]:hover { border-color: #a9a9a9; color: #666; } /* focus, active */ select[name]:focus, textarea[name]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="date"]:focus, select[name]:active, textarea[name]:active, input[type="text"]:active, input[type="password"]:active, input[type="email"]:active, input[type="date"]:active { border-color: #666; color: #333; } /* error (by default #ff0914) */ .form-row-error select[name], .form-row-error textarea[name], .form-row-error input[type="text"], .form-row-error input[type="password"], .form-row-error input[type="email"], .form-row-error input[type="date"] { border-color: #ff0914; color: #ff0914; -webkit-box-shadow: inset 0 2px 2px 0 #f9e3e3; box-shadow: inset 0 2px 2px 0 #f9e3e3; } /* placeholder, each variation needs to be separated to work */ /* normal */ ::placeholder { color: #cfcfcf; } ::-webkit-input-placeholder { color: #cfcfcf; } :-moz-placeholder { color: #cfcfcf; } ::-moz-placeholder { color: #cfcfcf; opacity: 1; } /* FF 19+ had an opacity to the placeholder */ :-ms-input-placeholder { color: #cfcfcf; } .\:placeholder { color: #cfcfcf; } /* @see jquery.placeholder.js */ /* hover */ :hover::placeholder { color: #006293; } :hover::-webkit-input-placeholder { color: #006293; } :hover:-moz-placeholder { color: #006293; } :hover::-moz-placeholder { color: #006293; } :hover:-ms-input-placeholder { color: #006293; } .\:placeholder:hover { color: #006293; } /* @see jquery.placeholder.js */ /* focus, active */ :focus::placeholder {} :focus::-webkit-input-placeholder, :active::-webkit-input-placeholder { color: #333; } :focus:-moz-placeholder, :active:-moz-placeholder { color: #333; } :focus::-moz-placeholder, :active::-moz-placeholder { color: #333; } :focus:-ms-input-placeholder, :active:-ms-input-placeholder { color: #333; } .\:placeholder:focus, .\:placeholder:active { color: #333; } /* @see jquery.placeholder.js */ /* error (by default #ff0914) */ .form-row-error ::placeholder { color: #ff0914; } .form-row-error ::-webkit-input-placeholder { color: #ff0914; } .form-row-error :-moz-placeholder { color: #ff0914; } .form-row-error ::-moz-placeholder { color: #ff0914; } .form-row-error :-ms-input-placeholder { color: #ff0914; } .form-row-error .\:placeholder { color: #ff0914; } /* @see jquery.placeholder.js */ /* rows */ .form .form-row { padding-bottom: 5px; min-height: 34px; } /* error on row */ .form .form-error { padding-bottom: 2px; } /* button */ .form .form-button { margin-top: 5px; } /* help */ .form-help { padding-top: 20px; font-style: italic; } /* content form */ .content-form { max-width: 800px; margin: 0 auto; } .content-form .form-error { margin-left: 170px; } .content-form .form-row { position: relative; padding-left: 170px; } .content-form .form-label { position: absolute; top: 0; left: 0; color: #999; padding-top: 7px; width: 150px; text-align: right; } .content-form .form-title { padding-top: 20px; } /* col form */ .col-form .form-label { display: block; padding-bottom: 2px; } /*** JS ***/ /* biglink */ .has-js .js-biglink { cursor: pointer; } /* effect target */ .has-js .js-biglink:hover .js-biglink-hover { color: #010101; border-color: #010101; } /* flexslider */ /* make it stronger */ body .flexslider { margin: 0 } /*** Accessibility ***/ .assistive-text { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } a.assistive-text:active, a.assistive-text:focus { border-top: 2px solid #FF0914; border-bottom: 2px solid #FF0914; color: #FF0914; padding: 5px 10px; clip: auto !important; position: absolute; right: 5px; text-decoration: underline; top: 60px; z-index: 1; font: 20px 'oswaldregular'; text-transform: uppercase; outline-color: #fff; } /* Home */ /* Home slider */ .home-slider-wrapper{ position: relative; display: block; width: 100%; background: #000; margin: 0; } .home-slides-item{ position: relative; } .home-slides-img { max-width: none; width: 100%; } .home-slides-link{ display: block; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); position: absolute; top: 12.5%; left: 5.55%; width: 310px; z-index: 1; padding: 30px 30px 20px; text-decoration: none; color: #999999; } .home-slides-title{ border: none; padding: 0; } .home-slides-fake-link{ position: absolute; bottom: -10px; } /* disabled stupid jump effect */ .has-js .js-home-flexslider .slides .home-slides-item { display: list-item; } .has-js .js-home-flexslider .slides .home-slides-item + .home-slides-item { display: none; } /* Direction Nav */ .home-slider-wrapper .flex-direction-nav li{ padding: 0; position: static; margin: 0; } .home-slider-wrapper .flex-direction-nav a{ outline: none; background: none; width: 100px; height: 100%; margin: 0; display: block; position: absolute; top: 0; z-index: 100; cursor: pointer; text-indent: -9999px; opacity: 1; -ms-filter: alpha(opacity=100); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .home-slider-wrapper .flex-direction-nav a:before{ content: " "; width: 25px; height: 54px; margin: -27px 0 0; display: none; background: url('images/home-slider-nav.png') no-repeat 0 0 transparent; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 1; -ms-filter: alpha(opacity=100); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .home-slider-wrapper .flex-direction-nav .flex-next{ right: 0; } .home-slider-wrapper .flex-direction-nav .flex-prev{ left: 0; } .home-slider-wrapper .flex-direction-nav .flex-next:hover, .home-slider-wrapper .flex-direction-nav .flex-next:focus{ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 33%, rgba(0,0,0,0.35) 75%, rgba(0,0,0,0.44) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0.13)), color-stop(75%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0.44))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 33%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.44) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 33%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.44) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 33%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.44) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 33%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.44) 100%); } .home-slider-wrapper .flex-direction-nav .flex-prev:hover, .home-slider-wrapper .flex-direction-nav .flex-prev:focus{ left: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0.35) 25%, rgba(0,0,0,0.13) 67%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.44)), color-stop(25%,rgba(0,0,0,0.35)), color-stop(67%,rgba(0,0,0,0.13)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.44) 0%,rgba(0,0,0,0.35) 25%,rgba(0,0,0,0.13) 67%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.44) 0%,rgba(0,0,0,0.35) 25%,rgba(0,0,0,0.13) 67%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.44) 0%,rgba(0,0,0,0.35) 25%,rgba(0,0,0,0.13) 67%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.44) 0%,rgba(0,0,0,0.35) 25%,rgba(0,0,0,0.13) 67%,rgba(0,0,0,0) 100%); } .home-slider-wrapper .flex-direction-nav .flex-prev:hover:before, .home-slider-wrapper .flex-direction-nav .flex-prev:focus:before { display: block; left: 36px; } .home-slider-wrapper .flex-direction-nav .flex-next:focus:before, .home-slider-wrapper .flex-direction-nav .flex-next:hover:before { display: block; background-position: -25px 0; right: 36px; } /* Home section */ .section-access-wrapper{ background: #fff; } .section-access-item{ float: left; padding: 18px 9px; position: relative; width: 25%; text-align: center; } .section-access-link{ position: absolute; top: 18px; left: 9px; right: 9px; bottom: 18px; z-index: 1; text-decoration: none; color: #ffffff; } .section-access-link > span{ display: block; font: 24px 'oswaldregular'; text-transform: uppercase; position: absolute; top: 50%; margin-top: -18px; left: 0; right: 0; } .section-access-link > span > span{ display: inline-block; text-align: center; padding: 5px 0; border-bottom: 1px #fff solid; border-top: 1px #fff solid; line-height: 1; } .section-access-item img{ width: 100%; max-width: none; } .section-access-link:hover:before, .section-access-link:focus:before{ content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; *filter: alpha(opacity=50); } .section-news-item{ float: left; padding: 18px 9px; position: relative; width: 25%; } .home-news-link{ text-decoration: none; color: #414141; display: block; } .home-news-title{ border: none; padding: 0; font-size: 14px; margin: 0 0 5px; } .home-news-fake-link{ color: #ff0914; } .home-news-link:hover .home-news-fake-link, .home-news-link:focus .home-news-fake-link{ text-decoration: underline; } .home-news-content p{ margin-bottom: 5px; } .home-news-item + .home-news-item{ border-top: 1px solid #cccccc; padding-top: 15px; margin-top: 15px; } .js-home-news-flexslider{ position: relative; } .js-home-news-flexslider-active{ padding-top: 20px; overflow: hidden; } .js-home-news-flexslider-active .home-news-item + .home-news-item{ border: none; margin: 0; padding: 0; display: none; } .js-home-news-flexslider .flex-control-nav.flex-control-paging{ position: absolute; top: 0; left: 0; right: 0; bottom: auto; text-align: left; } .js-home-news-flexslider .flex-control-nav.flex-control-paging li{ padding-left: 0; margin: 0 7px 0 0; } .js-home-news-flexslider .flex-control-nav.flex-control-paging li:before{ display: none; } .js-home-news-flexslider .flex-control-nav.flex-control-paging a{ width: 7px; height: 7px; background: #ccc; } .js-home-news-flexslider .flex-control-nav.flex-control-paging .flex-active{ background: #f01111; } /* Headimage */ .col-headimage { position: relative; } .col-headimage-img { max-width: none; width: 100%; } .col-headimage-legend { position: absolute; padding: 8px 30px; font-size: 12px; color: #fff; bottom: 0; left: 0; right: 0; background: #800000; background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(144,144,144,0.5) 43%, rgba(168,168,168,0.42) 50%, rgba(225,225,225,0.12) 67%, rgba(255,255,255,0) 76%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(43%,rgba(144,144,144,0.5)), color-stop(50%,rgba(168,168,168,0.42)), color-stop(67%,rgba(225,225,225,0.12)), color-stop(76%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(144,144,144,0.5) 43%,rgba(168,168,168,0.42) 50%,rgba(225,225,225,0.12) 67%,rgba(255,255,255,0) 76%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(144,144,144,0.5) 43%,rgba(168,168,168,0.42) 50%,rgba(225,225,225,0.12) 67%,rgba(255,255,255,0) 76%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(144,144,144,0.5) 43%,rgba(168,168,168,0.42) 50%,rgba(225,225,225,0.12) 67%,rgba(255,255,255,0) 76%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(144,144,144,0.5) 43%,rgba(168,168,168,0.42) 50%,rgba(225,225,225,0.12) 67%,rgba(255,255,255,0) 76%,rgba(255,255,255,0) 100%); -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00ffffff',GradientType=1 ); *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00ffffff',GradientType=1 ); } /*** Content list ***/ /* gallery list */ .gallery-list { /* text-align: center ? */} .gallery-list .item { display: inline-block; padding: 3px; } .gallery-list .item-img { border-radius: 2px; } /* news */ .news-list {} .news-list .item + .item { padding-top: 35px; } .news-list .item-title { margin: 0 0 10px 0; } .news-list .item-date { display: block; margin: 0 0 10px 0; } .news-list .item-img { margin: 10px 30px 10px 0px; width: 30%; } /* category */ .category-list {} .category-list .item + .item { padding-top: 35px; } .category-list .item-title { margin: 0 0 10px 0; } .category-list .item-img { margin: 10px 30px 10px 0px; width: 30%; } .category-list .item-more { padding-top: 5px; } .category-list .item-link:hover .item-title, .category-list .item-link:focus .item-title, .category-list .item-link:active .item-title { color: #010101; border-color: #010101; } .category-list .item-link:hover .item-more, .category-list .item-link:focus .item-more, .category-list .item-link:active .item-more { color: #010101; } .category-list .item-link:hover .item-more:after, .category-list .item-link:focus .item-more:after, .category-list .item-link:active .item-more:after { color: #010101; } .subcategory-list .item + .item { padding: 0; } /* documents */ .document-list {} .document-list .item + .item { padding-top: 20px; } .document-list .item-title { margin-bottom: 0; } .document-list .item-desc { margin: 10px 0; } .document-list .item-desc.message { margin: 10px 13px; } /* opener */ .has-js .document-list .js-opener-performer { display: none; } .has-js .document-list .js-opener-trigger { cursor: pointer; color: #666666; border-color: #666666; position: relative; } .has-js .document-list .js-opener-trigger:after { content: "+"; display: block; position: absolute; right: 0; top: 0; z-index: 1; color: #666666; font: 16px verdana, arial, helvetica, sans-serif; } /* hover */ .has-js .document-list .js-opener-trigger:hover { color: #ff0914; border-color: #ff0914; } .has-js .document-list .js-opener-trigger:hover:after { color: #ff0914; } /* opened */ .has-js .document-list .js-opener-trigger.js-opened { color: #ff0914; border-color: #ff0914; } .has-js .document-list .js-opener-trigger.js-opened:after { color: #ff0914; content: "\2012" } /* opened hover */ .has-js .document-list .js-opener-trigger.js-opened:hover { color: #666666; border-color: #666666; } .has-js .document-list .js-opener-trigger.js-opened:hover:after { color: #666666; } /* special download center */ .document-list .category-item .item-title { margin: 20px 0 0 } /*h4.js-opener-trigger{font-weight:normal;padding:5px 0;margin:20px 0}*/ /*ul.subcat-list > li {margin-left: 20px;}*/ /* document table */ .document-table-out { padding: 30px 40px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25); } .document-table { table-layout: fixed; margin: 0; } /* columns */ .document-table .th-name { font-weight: normal; text-align: left; } .document-table .td-size { width: 50px; text-align: right; } .document-table .td-format { width: 60px; text-align: right; } .document-table .td-date { width: 200px; text-align: right; } /* alternative for the date */ .document-table .td-dateshort { display: none; width: 60px; text-align: right; } /* rows */ .document-table th, .document-table td { padding: 3px 0 } .document-table tr + tr th, .document-table tr + tr td { border-top: 1px #d4d4d4 solid; } /* links */ .document-table .document-link { color: #414141; text-decoration: none; } .document-table .document-link:hover, document-table .document-link:focus, document-table .document-link:active { color: #ff0914; } .has-js .document-table tr:hover th, .has-js .document-table tr:hover td, .has-js .document-table tr:hover .document-link { color: #ff0914; } .document-table-out + .document-list, .document-table-out + .category-list { margin-top: 35px; } /*** History ***/ .history-content { position: relative; } /* ( 24[line-height] * nblines ) + 2[?] */ .history-content.nblines-1 { padding-top: 26px; } .history-content.nblines-2 { padding-top: 50px; } .history-content.nblines-3 { padding-top: 74px; } .history-content.nblines-4 { padding-top: 98px; } .history-content.nblines-5 { padding-top: 122px; } .historynav { position: absolute; top: -20px; left: 0; right: 0; z-index: 10; width: 100%; padding: 10px 0; } .historynav.js-fixed { position: fixed; top: 54px; background: white; -weblit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } /* adjust anchor when fixed */ /* ( 24[line-height] * nblines ) + 2[?] + 20[padding] + 54 [header] + 1[before border] */ .history-content.nblines-1 .historynav.js-fixed + .history-list .anchor { top: -101px; } .history-content.nblines-2 .historynav.js-fixed + .history-list .anchor { top: -125px; } .history-content.nblines-3 .historynav.js-fixed + .history-list .anchor { top: -149px; } .history-content.nblines-4 .historynav.js-fixed + .history-list .anchor { top: -173px; } .history-content.nblines-5 .historynav.js-fixed + .history-list .anchor { top: -197px; } /* fix line-height for easier calculation */ .historynav-list { text-align: center; line-height: 24px; } /* must use inline display to be able to use the pseudo line break */ .historynav-item { display: inline; } /* overwrote ul li:before */ .historynav-item + .historynav-item:before { position: static; font-size: 14px; color: #8e8e8e; display: inline; padding: 0 10px; content: "|"; } /* pseudo line break */ .historynav-item.clear:before { content: "\a"; white-space: pre; padding: 0; } .historynav-link { font-size: 12px; color: #8e8e8e; text-decoration: none; } .historynav-link:hover,.historynav-link:focus, .historynav-link:active { text-decoration: none; color: #ff0914; } /* with javascript */ .has-js .historynav-link.active { color: #ff0914; } .history-list { margin: 20px 0 40px; text-align: center !important; position: relative; } .history-item { margin: 0 50px; } .history-year { padding: 0; border: 0; position: relative; height: 32px; line-height: 30px; background: #f6f6f6; } .history-desc { margin: 50px 0 0; padding: 25px 40px 5px; background: white; position: relative; z-index: 2; -webkit-box-shadow: 0 3px 3px 0 rgba( 0 , 0 , 0 , .15 ); box-shadow: 0 3px 3px 0 rgba( 0 , 0 , 0 , .15 ); } .history-title { color: #333; border: 0; margin: 0 0 20px; padding: 0; } .history-imgbox { margin: 0 40px; position: relative; z-index: 1; } /* decoration */ /* line behind the list */ .history-list:before { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; z-index: 0; background: #8e8e8e; } /* white circle with border */ .history-year:after { content: ""; display: block; width: 7px; height: 7px; position: absolute; bottom: -9px; left: 50%; z-index: 0; margin-left: -4px; border: 1px #8e8e8e solid; background: white; border-radius: 7px; } /* change year display for nexts item */ .history-item + .history-item .history-year { margin-top: 50px; } .history-item + .history-item .history-year:before, .history-item + .history-item .history-year:after { content: ""; display: block; position: absolute; left: 50%; z-index: 0; margin-left: -16px; height: 1px; width: 31px; background: #8e8e8e; } .history-item + .history-item .history-year:before { top: -1px; } .history-item + .history-item .history-year:after { bottom: -1px; border: 0; } /* with javascript */ .has-js .history-item.active .history-desc { background: #ff0914; color: #fff !important; } .has-js .history-item.active .history-title { color: #fff !important; } .has-js .history-item.active .history-imgbox { margin: -43px -55px 0; } /* pagination */ .pagination { padding-top: 35px; text-align: center; } /*** Column navigation ***/ .arrow-nav { } .arrow-nav .nav-item { display: block; } .arrow-nav .nav-item + .nav-item { border-top: 1px #e2e2e2 solid; } /* group image, we cannot use gradient because of clipped image */ .arrow-nav .nav-link, .arrow-nav .nav-link:before, .arrow-nav .nav-link:after { white-space: nowrap; height: 38px; background: url(images/bg-arrownav.png) 0 -114px repeat-x; } /* default display */ .arrow-nav .nav-link { display: block; position: relative; line-height: 38px; text-decoration: none; padding: 0 25px; } .arrow-nav .nav-link:before { content: ""; display: none; position: absolute; top: 0; right: 100%; z-index: 1; width: 5px; } .arrow-nav .nav-link:after { content: ""; display: none; position: absolute; top: 0; left: 100%; z-index: 1; width: 13px; } /* active */ .arrow-nav .nav-link.active { color: #fff; background-position: 0 0; } .arrow-nav .nav-link.active:before { display: block; background-position: -13px -76px; } .arrow-nav .nav-link.active:after { display: block; background-position: 0 -76px; } /* hover, focus */ .arrow-nav .nav-link:hover, .arrow-nav .nav-link:focus, .arrow-nav .nav-link:active { color: #ff0914; } .arrow-nav .nav-link.active:hover, .arrow-nav .nav-link.active:focus, .arrow-nav .nav-link.active:active { color: #414141; } /* subnav */ .arrow-nav .subnav-list { display: none; background: #fcfcfc; border-top: 1px #e2e2e2 solid; border-bottom: 1px #ff0914 solid; margin-bottom: -1px; position: relative; z-index: 1; } .arrow-nav .subnav-link { color: #807171; } .arrow-nav .subnav-link:after { display: inline-block; background: none; margin-left: 10px; position: static; content: "\2012"; } /* active */ .arrow-nav .subnav-link.active { color: #ff0914; background: none; } .arrow-nav .subnav-link.active:before { display: none; } .arrow-nav .subnav-link.active:after { display: inline-block; color: #ff0914; } /* hover, focus */ .arrow-nav .subnav-link.active:hover, .arrow-nav .subnav-link.active:focus, .arrow-nav .subnav-link.active:active { color: #ff0914; } /* display it for active item */ .arrow-nav .nav-link.active + .subnav-list { display: block; } .col-nav { } .col-nav .nav-item + .nav-item{ padding-top: 5px; } .col-nav .nav-link { text-decoration: none; } /* active */ .col-nav .nav-link.active { font-style: italic; color: #666; } /* hover, focus */ .col-nav .nav-link:hover, .col-nav .nav-link:focus, .col-nav .nav-link:active { text-decoration: underline; } /* subnav */ .col-nav .subnav-list { display: none; } .col-nav .subnav-item { padding-top: 5px; padding-left: 10px; } .col-nav .subnav-link:before { display: inline; content: "\2012""\00A0"; } /* display for active */ .col-nav .nav-link.active + .subnav-list { display: block; } /*** Special titles ***/ .col-bigtitle { padding: 40px 50px; margin: 0; color: #fff; text-shadow: 0px -1px 0px rgba( 1 , 1 , 1 , 0.5 ); } /* we want a multiple background with rgba gradient followed by a pattern */ /* because the pattern must be repeated for each background property, we do a very small image for minification */ .col-bigtitle { background: url(images/bg-colbigtitle-pattern.png); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(images/bg-colbigtitle-pattern.png); background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern.png); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.25))), url(images/bg-colbigtitle-pattern.png); background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern.png); background: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern.png); background: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern.png); background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern.png); } .ie_lt9 .col-bigtitle { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#40000000',GradientType=0 ); } /*** Overlay ***/ .overlay { display: table; table-layout: fixed; background-color: rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow:0 0 39px #000000; box-shadow:0 0 39px #000000; padding: 13px; } .overlay > .in { padding: 44px 45px; min-height: 32px; display: table-cell; vertical-align: middle; text-align: center; } /* icons */ .overlay .close, .overlay .flexslider .flex-prev:after, .overlay .flexslider .flex-next:after { background: url(../images/overlay-icons.png) 0 0 no-repeat; display: inline-block; content: ""; position: absolute; z-index: 12; overflow: hidden; } /* close */ /* attemp to get the same effect than flexslider */ .overlay .close { cursor: pointer; right: 13px; top: 13px; cursor: pointer; background-position: -92px 0; opacity: 0.8; display: block; position: absolute; height: 46px; width: 46px; z-index: 11; overflow: hidden; text-indent: -999em; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .overlay .close:hover { opacity: 1; } /* prev */ .overlay .flexslider .flex-prev { height: 100%; width: 25%; min-width: 46px; margin-top: 0; top: 0; background: none; } .overlay .flexslider .flex-prev:after { position: absolute; z-index: 1; width: 46px; height: 46px; left: 30px; top: 50%; margin-top: -23px; background-position: 0 0; } .overlay .flexslider:hover .flex-prev { left: 0; } /* next */ .overlay .flexslider .flex-next { height: 100%; width: 25%; min-width: 46px; margin-top: 0; top: 0; background: none; } .overlay .flexslider .flex-next:after { position: absolute; z-index: 1; width: 46px; height: 46px; right: 30px; top: 50%; margin-top: -23px; background-position: -46px 0; } .overlay .flexslider:hover .flex-next { right: 0; } /* remove flexslider background */ .overlay .flexslider { background: none; } /* no js */ .no-js .overlay .close { display: none; } /* with js */ .has-js .overlay { position: absolute; left: -9999em; top: -9999em; } .video-overlay { width: 100%; height: 100%; padding: 0; } .video-overlay > .in { width: 100%; height: 100%; } .gallery-overlay { width: 100%; height: 100%; padding: 0; } .gallery-overlay > .in { width: 100%; height: 100%; } /*** Layout ***/ html, body, .full { width: 100%; height: 100%; } /*** Contents ***/ /* add a negative margin for footer */ .content { padding-top: 54px; min-height: 100%; margin-bottom: -88px; padding-bottom: 88px; overflow: hidden; } /* anchors must care about the content padding */ .anchor { z-index: -1; position: absolute; top: -54px; } /* content in col */ .col-content { padding: 40px 50px; position: relative; } .col-content + .col-content { padding-top: 0; } /* set a relative position for the :before effect */ #content-3col { position: relative; } /* on default display, we have only two columns */ #content-3col:before { display: block; content: ""; position: absolute; z-index: -1; top: 0; left: 27%; width: 73%; height: 100%; background: #f6f6f6 url(images/bg-col-shadow.png) 0 0 repeat-y; } #col-center { float: right; width: 73%; } #col-left , #col-right { float: left; width: 27%; } #col-left , #col-right { padding-top: 42px; } #col-left .col-content , #col-right .col-content { padding: 0 25px 30px } #col-left .col-title , #col-right .col-title { margin: 0 0 10px 0; font-size: 12px; color: #666; border-color: #666; } /*** Footer ***/ /* @see http://www.colorzilla.com/gradient-editor/#000000+0,262626+100;Custom */ #footer { height: 88px; overflow: hidden; background: #000000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #000000 0%, #262626 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#262626)); background: -webkit-linear-gradient(top, #000000 0%,#262626 100%); background: -o-linear-gradient(top, #000000 0%,#262626 100%); background: -ms-linear-gradient(top, #000000 0%,#262626 100%); background: linear-gradient(to bottom, #000000 0%,#262626 100%); } .ie_lt9 #footer { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#262626',GradientType=0 ); } /* default display: tablet */ #footer .wrap { padding: 20px 75px; position: relative; font-size: 12px; overflow: visible; } #footer-left, #footer-right { float: none; display: block; } /* Good html but need to swap place for design */ #footer-right{ margin-top: 35px; } #footer-left{ margin-top: -40px; } /* logo */ #footer-logolink { position: absolute; left: 10px; top: 20px; z-index: 1; } #footer-logo-innovation{ display: block; } /* nav */ #footer-nav { white-space: nowrap; } #footer-nav .nav-item { display: inline; } #footer-nav .nav-item + .nav-item { padding-left: 20px; } #footer-nav .nav-link { color: #666; text-decoration: none; } #footer-nav .nav-link.active { color: #fff; } #footer-nav .nav-link:hover , #footer-nav .nav-link:focus , #footer-nav .nav-link:active { text-decoration: underline; } /* Nav */ .secondary-nav, #social-nav{ float: left; } /* Social nav */ #social-nav{ margin-left: 10px; } .social-icons{ display: block; float: left; width: 20px; height: 20px; margin: 0 5px; background: url('images/social-icons.png') no-repeat 0 0 transparent; float: left; text-indent: -9999px; } .social-icons.facebook{ background-position: 0 center; } .social-icons.twitter{ background-position: -20px center; } .social-icons.youtube{ background-position: -40px center; } .addthis_toolbox{ margin-bottom: 100px; } /*** Header ***/ #header { position: fixed; top: 0; left: 0; right: 0; z-index: 500; height: 54px; overflow: visible; -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05); } /* @see http://www.colorzilla.com/gradient-editor/#3f3f3f+0,010101+100;Custom */ #header { background: #3f3f3f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3f3f3f 0%, #010101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#010101)); background: -webkit-linear-gradient(top, #3f3f3f 0%,#010101 100%); background: -o-linear-gradient(top, #3f3f3f 0%,#010101 100%); background: -ms-linear-gradient(top, #3f3f3f 0%,#010101 100%); background: linear-gradient(to bottom, #3f3f3f 0%,#010101 100%); } .ie_lt9 #header { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#010101',GradientType=0 ); } /* logo */ #header-logolink { position: absolute; top: 0; left: 50%; z-index: 1; display: inline-block; width: 66px; height: 54px; line-height: 54px; text-align: center; margin-left: -33px; } #header-logolink:hover, #header-logolink:focus { -webkit-box-shadow: inset 0px 0px 25px 0px rgba(1, 1, 1, 0.75); box-shadow: inset 0px 0px 25px 0px rgba(1, 1, 1, 0.75); background: #666666; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #666666 0%, #343434 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#343434)); background: -webkit-linear-gradient(top, #666666 0%,#343434 100%); background: -o-linear-gradient(top, #666666 0%,#343434 100%); background: -ms-linear-gradient(top, #666666 0%,#343434 100%); background: linear-gradient(to bottom, #666666 0%,#343434 100%); } /* nav (out of header) */ .header-nav { position: fixed; top: 0; z-index: 501;} .header-nav .nav-item { display: inline-block; height: 54px; } .header-nav .nav-link { display: inline-block; padding: 0 20px; height: 54px; line-height: 54px; white-space: nowrap; text-decoration: none; font-size: 12px; color: #ffffff; text-shadow: 0px -1px 0px #010101; vertical-align: middle; } /* @see http://www.colorzilla.com/gradient-editor/#272727+0,4e4e4e+100;Custom */ .header-nav .nav-link.active { -webkit-box-shadow: inset 0px 0px 25px 0px rgba(1, 1, 1, 0.75); box-shadow: inset 0px 0px 25px 0px rgba(1, 1, 1, 0.75); background: #272727; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTRlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #272727 0%, #4e4e4e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#4e4e4e)); background: -webkit-linear-gradient(top, #272727 0%,#4e4e4e 100%); background: -o-linear-gradient(top, #272727 0%,#4e4e4e 100%); background: -ms-linear-gradient(top, #272727 0%,#4e4e4e 100%); background: linear-gradient(to bottom, #272727 0%,#4e4e4e 100%); } .ie_lt9 .header-nav .nav-link.active { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#4e4e4e',GradientType=0 ); } /* @see http://www.colorzilla.com/gradient-editor/#666666+0,343434+100;Custom */ .header-nav .nav-link:hover, .header-nav .nav-link:active, .header-nav .nav-link:focus { -webkit-box-shadow: inset 0px 0px 25px 0px rgba(1, 1, 1, 0.75); box-shadow: inset 0px 0px 25px 0px rgba(1, 1, 1, 0.75); background: #666666; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #666666 0%, #343434 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#343434)); background: -webkit-linear-gradient(top, #666666 0%,#343434 100%); background: -o-linear-gradient(top, #666666 0%,#343434 100%); background: -ms-linear-gradient(top, #666666 0%,#343434 100%); background: linear-gradient(to bottom, #666666 0%,#343434 100%); } .ie_lt9 .header-nav .nav-link:hover, .ie_lt9 .header-nav .nav-link:active, .ie_lt9 .header-nav .nav-link:focus { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#343434',GradientType=0 ); } .header-nav .nav-item:before, .header-nav .nav-item:after { display: inline-block; content: ""; height: 54px; width: 1px; background: #080808; -webkit-box-shadow: 0px 0 1px 0px rgba(255, 255, 255, 0.35); box-shadow: 0px 0 1px 0px rgba(255, 255, 255, 0.35); vertical-align: middle; } .header-nav .nav-item + .nav-item:before { display: none } #header-navleft { right: 50%; margin-right: 33px; } #header-navright { left: 50%; margin-left: 33px; } /* Special home */ #header-navleft li:first-child:before, #header-navleft li:first-child:after{ display: none; } #header-navleft li:first-child{ position: fixed; top: 0; left: 0; } #header-navleft li:first-child .nav-link{ background: url('images/nav-icons.png') no-repeat -59px 0 transparent; min-width: 14px; -webkit-box-shadow: none; box-shadow: none; display: block; text-indent: -9999px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; *filter: alpha(opacity=45); opacity: 0.45; } #header-navleft li:first-child .nav-link.active, #header-navleft li:first-child .nav-link:hover, #header-navleft li:first-child .nav-link:focus{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; *filter: alpha(opacity=100); opacity: 1; } /* Resotre first bar */ #header-navleft li:first-child + .nav-item:before{ display: block; } /* special navigation ask at latest minute */ #nav-item-formulae { position: fixed; top: 0; right: 70px; } #nav-item-formulae-text { display: none; } #nav-item-formulae-logo { vertical-align: middle; } /* langswitch (out of header) */ #langswitch-nav { position: fixed; top: 0; right: 15px; z-index: 502; } #langswitch-nav .langswitch-item { display: inline-block; height: 54px; } #langswitch-nav .langswitch-link { display: inline-block; padding: 0 5px; height: 54px; line-height: 54px; white-space: nowrap; text-decoration: none; font-size: 10px; color: #999999; text-shadow: 0px -1px 0px #010101; vertical-align: middle; } #langswitch-nav .langswitch-link.active, #langswitch-nav .langswitch-link:hover, #langswitch-nav .langswitch-link:focus, #langswitch-nav .langswitch-link:active { color: #ffffff; } /* Generated nav */ #js-generated-nav-wrapper , .js-generated-sidebar-menu-wrapper { display: none; } /*** Media queries ***/ @media screen and (min-width: 1280px) { /* wrap is out width controller */ .wrap { max-width: 1400px; margin: 0 auto; position: relative; } #col-left { position: absolute; left: 0; top: 0; width: 280px; float: none; } #col-center { margin: 0 280px; width: auto; float: none; display: block; } #col-right { position: absolute; right: 0; top: 0; width: 280px; float: none; } /* Fake col */ #content-3col:before{ left: 280px; right: 0; width: auto; } #content-3col:after{ content: " "; display: block; height: 100%; width: 280px; position: absolute; top: 0; right: 0; left: auto; background: url("images/bg-col-shadow.png") repeat-y scroll 0 0 #e1e1e1; z-index: -1; } /* Footer */ #footer-left, #footer-right{ margin-top: 0; display: inline; float: left; } #footer-right{ float: right; } /* reduce footer height */ #footer { height: 54px; } #footer .wrap { padding-top: 10px; padding-right: 20px; } #footer-logolink { top: 15px; } /* apply it to content too */ .content { margin-bottom: -54px; padding-bottom: 54px; } #footer-nav{ margin-top: 8px; } .social-icons{ height: 34px; } } @media screen and (min-width: 1400px) { /* Fake col */ #content-3col:before, #content-3col:before{ left: 50%; margin-left: -420px; } #content-3col:after, #content-3col:after{ left: 50%; margin-left: 420px; width: auto; } /* remove right padding */ #col-right .col-content { padding-right: 0px } #footer .wrap { padding-right: 0px; } } @media screen and (max-width: 960px){ .home-slides-link{ position: relative; top: 0; left: 0; width: 100%; } .home-slides-content{ display: none; } .section-access-wrapper{ background: #e1e1e1; } .section-access-listing{ padding: 20px 0; } .section-news-item, .section-access-item{ width: 50%; padding-bottom: 0; } .section-access-link{ bottom: 0; } .home-slider-wrapper{ background: #E1E1E1; } .home-slider-wrapper .flex-direction-nav a{ height: 140px; width: 35px; top: 50%; margin-top: -70px; background: #000; background: rgba(0, 0, 0, 0.6); } .home-slider-wrapper .flex-direction-nav a:hover, .home-slider-wrapper .flex-direction-nav .flex-prev:hover, .home-slider-wrapper .flex-direction-nav .flex-prev:focus, .home-slider-wrapper .flex-direction-nav .flex-next:hover, .home-slider-wrapper .flex-direction-nav .flex-next:focus{ background: #000; background: rgba(0, 0, 0, 0.6); } .home-slider-wrapper .flex-direction-nav .flex-prev:hover:hover, .home-slider-wrapper .flex-direction-nav .flex-prev:hover:focus, .home-slider-wrapper .flex-direction-nav .flex-next:hover:hover, .home-slider-wrapper .flex-direction-nav .flex-next:hover:focus{ background: #FF0914; background: rgba(0, 0, 0, 1) } .home-slider-wrapper .flex-direction-nav a:before{ display: block; } .home-slider-wrapper .flex-direction-nav .flex-prev:before{ left: 3px; } .home-slider-wrapper .flex-direction-nav .flex-next:before{ background-position: -25px 0; right: 3px; } .home-slider-wrapper .flex-direction-nav .flex-prev:hover:before, .home-slider-wrapper .flex-direction-nav .flex-prev:focus:before{ left: 3px; } .home-slider-wrapper .flex-direction-nav .flex-next:focus:before, .home-slider-wrapper .flex-direction-nav .flex-next:hover:before{ right: 3px; } .js-home-news-flexslider-active{ padding-top: 45px; } .js-home-news-flexslider .flex-control-nav.flex-control-paging li{ padding-left: 0; margin: 0 12px 0 0; } .js-home-news-flexslider .flex-control-nav.flex-control-paging a{ text-indent: 0; text-align: center; font-weight: bold; line-height: 24px; text-decoration: none; width: 24px; height: 24px; background: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; border-radius: 2px; } .js-home-news-flexslider .flex-control-nav.flex-control-paging .flex-active{ color: #fff; } } @media screen and (max-width: 800px) { /* Structure */ #header, #langswitch-nav{ position: absolute; } #content-3col .wrap{ position: relative; } /* not need to fit header */ .anchor { top: 0px; } #col-center, #col-right, .no-js #col-left{ float: none; width: 100%; } #col-center{ background: #f6f6f6; position: relative; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } .col-bigtitle{ text-align: center; } .col-content{ padding: 40px 25px; } #col-right{ background: #e1e1e1; } .no-js #col-center{ margin-top: 0; } .has-js #col-left{ display: none; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; right: 0; height: 60px; width: auto; float: none; } .no-js #footer{ height: auto; } .no-js .content{ margin-bottom: 0; padding-bottom: 0; } /* Remove fake col */ #content-3col:before{ display: none; } /* Sidebar content nav */ #col-left{ padding: 25px 0; } #col-left nav a{ text-align: left; } #header-logolink:hover, #header-logolink:focus{ background: none; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.75); box-shadow: 0 0 20px rgba(0, 0, 0, 0.75); } /* Navigation */ #primary-nav{ display: block; width: 100%; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } #header-navleft, #header-navright{ position: static; left: auto; right: auto; top: auto; margin: 0; } #header-navleft li:first-child{ position: static; } #header-navleft li:first-child .nav-link{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; *filter: alpha(opacity=100); opacity: 1; text-indent: 0; } .header-nav .nav-item{ background: none; display: block; } #header-navleft li:first-child + .nav-item:before, .header-nav .nav-item:before, .header-nav .nav-item:after{ display: none; } .header-nav .nav-item{ border-bottom: 1px solid #ccc; } .header-nav .nav-link{ display: block; color: #7c7c7c; font-size: 18px; text-shadow: none; padding: 0 28px; } #header-navleft li:first-child .nav-link.active, #header-navleft li:first-child .nav-link:hover, #header-navleft li:first-child .nav-link:focus, .header-nav .nav-link.active, .header-nav .nav-link:hover, .header-nav .nav-link:focus{ color: #fff; -webkit-box-shadow: none; box-shadow: none; background: #cc0000; background: -moz-linear-gradient(top, #cc0000 0%, #ae0000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#ae0000)); background: -webkit-linear-gradient(top, #cc0000 0%,#ae0000 100%); background: -o-linear-gradient(top, #cc0000 0%,#ae0000 100%); background: -ms-linear-gradient(top, #cc0000 0%,#ae0000 100%); background: linear-gradient(to bottom, #cc0000 0%,#ae0000 100%); -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#ae0000',GradientType=0 ); *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#ae0000',GradientType=0 ); } #nav-item-formulae { position: static; } #nav-item-formulae-text { display: inline-block; } #nav-item-formulae-logo { display: none; } .has-js #primary-nav, .has-js #langswitch-nav, .has-js #footer-right{ display: none; } #js-generated-nav-wrapper{ display: block; } .has-js #js-generated-navlink[aria-expanded="true"]{ right: auto; left: 0; } .has-js #js-generated-navlink[aria-expanded="true"]:after{ display: none; } .has-js #js-generated-navlink[aria-expanded="true"]:before{ content: " "; cursor: default; display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; } .has-js #js-generated-navlink[aria-expanded="true"] + #js-generated-nav{ position: absolute; left: 60px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } #js-generated-nav-wrapper #header-navleft, #js-generated-nav-wrapper #header-navright{ background: #fff; } #js-generated-nav-wrapper #header-navright{ -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); } #js-generated-nav-wrapper #footer-nav{ white-space: normal; margin: 15px 0; } #js-generated-nav-wrapper #footer-nav .nav-item{ display: block; padding: 0 28px; } #js-generated-nav-wrapper #footer-nav .nav-item + .nav-item{ padding: 0 28px; } #js-generated-nav-wrapper #footer-nav .nav-link{ display: block; padding: 8px 0; font-size: 15px; color: #666666; } #js-generated-nav-wrapper #footer-nav .nav-item + .nav-item .nav-link{ border-top: 1px solid #ccc; } #js-generated-nav-wrapper .langswitch-list{ padding: 0 28px 15px; } #js-generated-nav-wrapper .langswitch-item { display: inline-block; margin-right: 10px; } #js-generated-nav-wrapper .langswitch-link { text-decoration: none; color: #666; } #js-generated-nav-wrapper .langswitch-link.active { color: #ff0914 } #js-generated-nav-wrapper .langswitch-link:hover, #js-generated-nav-wrapper .langswitch-link:active, #js-generated-nav-wrapper .langswitch-link:focus { text-decoration: underline; } #js-generated-nav-wrapper .social-nav-listing{ padding: 0 28px 0 18px; overflow: hidden; background: #000000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #000000 0%, #262626 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#262626)); background: -webkit-linear-gradient(top, #000000 0%,#262626 100%); background: -o-linear-gradient(top, #000000 0%,#262626 100%); background: -ms-linear-gradient(top, #000000 0%,#262626 100%); background: linear-gradient(to bottom, #000000 0%,#262626 100%); } #js-generated-nav-wrapper .social-nav-listing .social-icons{ height: 34px; } .no-js #footer .wrap{ min-height: 45px; } .has-js #footer-left{ margin-top: 0; } .js-generated-sidebar-menu-wrapper{ display: block; background: #fff; padding: 10px 20px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); position: relative; z-index: 2; margin-top:-40px; } /* make it a little bit higher */ .js-generated-sidebar-menu-wrapper select { display: block; margin: 0 auto; min-width: 260px; } /*** History ***/ .history-content { padding-top: 0 !important; } .history-content .anchor { top: 0px !important; } .historynav { display: none; } .history-content .js-generated-sidebar-menu-wrapper { margin: -40px -25px 0; } .history-item { margin: 0 30px; } .has-js .history-item.active .history-imgbox { margin: -25px -30px; } /*** Overlay ***/ .overlay > .in { padding: 10px 10px; } /* change content-form display */ .content-form .form-error { margin-left: 0px; } .content-form .form-row { position: relative; padding-left: 0px; } .content-form .form-label { position: static; width: auto; text-align: left; display: block; padding-bottom: 2px; padding-top: 0; } } @media screen and (max-width: 600px){ .secondary-nav, #social-nav{ float: none; margin: 5px 0; } #footer-left{ margin-top: -60px; } /* Home page */ .home-slider-wrapper .flex-direction-nav{ display: none; } .home-slider-wrapper .home-slides-fake-link{ position: relative; bottom: 0; } .home-slides-link{ padding: 30px; } .section-access-listing{ padding: 25px; } .section-access-item, .section-news-item{ width: 100%; float: none; } .section-access-item img{ display: none; } .section-access-link{ background: #fff; position: static; display: block; text-align: left; color: #FF0914; padding: 20px; } .section-access-link > span, .section-access-link > span > span{ position: static; margin: 0; padding: 0; border: none; font-size: 20px; line-height: 1; } .section-access-link:hover, .section-access-link:focus{ background: #FF0914; color: #fff; } .section-access-link:hover:before, .section-access-link:focus:before{ display: none; } /* half */ /* sometimes, the style can be force in the HTML */ .half.left, .half.right { width: 100% !important; padding: 0; } /* news list */ .news-list .item-img { float: none; display: inline-block; margin-right: auto; margin-left: auto; width: 100%; } /* document table */ .document-table-out { padding: 10px 15px } .document-table { display: block; } .document-table tbody { display: block; } .document-table tr { display: block; clear: both; } .document-table tr + tr { border-top: 1px solid #d4d4d4; padding: 3px 0; } .document-table td, .document-table th { padding: 0; display: inline-block; width: auto !important; border-top: 0 !important; } .document-table td:before { display: inline-block; content: "-"; } .document-table .td-date { display: none; } .document-table .td-dateshort { display: inline-block; } /*** History ***/ .history-item { margin: 0; } .history-item .history-imgbox { margin: 0 10px; } .has-js .history-item.active .history-imgbox { margin: 0; } } /*** CSS hacks (last update 2013-03-20)***/ /* Firefox 2+ */ x:-moz-any-link, .selector {} /* Chrome, Safari 3+ */ @media screen and (-webkit-min-device-pixel-ratio:0) { .selector {} } /* Safari 5+ and Chrome 24- */ ::x, .selector {} /* Opera 9.5+ */ x:-o-prefocus, .selector {} /* sf debug bar */ #sfWebDebugBar{ bottom: 0 !important; top: auto !important; } #sfWebDebugBar .sfWebDebugMenu { display: none; } /* HDPI adjustement */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button, .button:before, .button:after{ background: url(images/bg-button.png); background-size: 32px 108px; } .icon-title:before { background-image: url(images/title-icons_x2.png); background-size: 53px 74px; } .home-slider-wrapper .flex-direction-nav a:before{ background-image: url(images/home-slider-nav_x2.png); background-size: 50px 54px; } .arrow-nav .nav-link, .arrow-nav .nav-link:before, .arrow-nav .nav-link:after { background-image: url(images/bg-arrownav_x2.png); background-size: 36px 114px; } .overlay .close, .overlay .flexslider .flex-prev:after, .overlay .flexslider .flex-next:after{ background-image: url(images/overlay-icons_x2.png); background-size: 138px 43px; } #content-3col:after, #content-3col:before { background-image: url(images/bg-col-shadow_x2.png); background-size: 4px 32px; } .social-icons{ background-image: url(images/social-icons_x2.png); background-size: 60px 14px; } #header-navleft li:first-child .nav-link{ background-image: url(images/nav-icons_x2.png); background-size: 113px 54px; } .has-js #js-generated-navlink { background-image: url(images/nav-icons_x2.png); background-size: 113px 54px; } .col-bigtitle { background: url(images/bg-colbigtitle-pattern_x2.png); background-size: 4px 4px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(images/bg-colbigtitle-pattern_x2.png); background-size: auto auto, 4px 4px; background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern_x2.png); background-size: auto auto, 4px 4px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.25))), url(images/bg-colbigtitle-pattern_x2.png); background-size: auto auto, 4px 4px; background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern_x2.png); background-size: auto auto, 4px 4px; background: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern_x2.png); background-size: auto auto, 4px 4px; background: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern_x2.png); background-size: auto auto, 4px 4px; background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url(images/bg-colbigtitle-pattern_x2.png); background-size: auto auto, 4px 4px; } .message:after { background: url(images/messages-icons_x2.png); background-size: 16px 44px; } } /* Localized */