/*！* Bootstrap v2.0.4 * *版权所有2012 Twitter，Inc *根据Apache许可证v2.0 v2.0 * http://www.apache.org/licenses/license-2.0 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *@mdo和@fat的Twitter。*/文章，旁边，详细信息，图形，图，页脚，标头，hgroup，nav，部分{display：block;}音频，画布，视频{display：inline-block;*显示：内联;*Zoom：1;}音频：不（[Controls]）{display：none;} html {font-size：100％;-webkit-text-size-unjust：100％;-MS-Text-Size-unjust：100％; } a:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; color: #666666; background-color: white; } a { color: #9ec73d; text-decoration: none; } a:hover { color: #708e29; text-decoration: underline; } .row { margin-left: -20px; *zoom: 1; clear: both; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; clear: both; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574%; *margin-left: 2.074468085%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999999%; *width: 99.946808501%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.436170204%; } .row-fluid .span10 { width: 82.978723396%; *width: 82.925531907%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.41489361%; } .row-fluid .span8 { width: 65.957446802%; *width: 65.904255313%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.393617016%; } .row-fluid .span6 { width: 48.936170208%; *width: 48.882978719%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.372340422%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.861702125%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.351063828%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.840425531%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787234%; } .container { margin-right: auto; margin-left: auto; *zoom: 1; clear: both; } .container:before, .container:after { display: table; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; clear: both; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } p { margin: 0 0 12.5px; } p small { font-size: 14px; color: #999999; } .lead { margin-bottom: 25px; font-size: 20px; font-weight: 200; line-height: 37.5px; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: inherit; font-weight: bold; color: #666666; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; color: #999999; } h1 { font-size: 36px; line-height: 50px; } h1 small { font-size: 18px; } h2 { font-size: 28px; line-height: 50px; } h2 small { font-size: 18px; } h3 { font-size: 24px; line-height: 37.5px; } h3 small { font-size: 14px; } h4, h5, h6 { line-height: 25px; } h4 { font-size: 18px; } h4 small { font-size: 12px; } h5 { font-size: 16px; } h6 { font-size: 11px; color: #999999; text-transform: uppercase; } .page-header { padding-bottom: 24px; margin: 25px 0; border-bottom: 1px solid #eeeeee; } .page-header h1 { line-height: 1; } ul, ol { padding: 0; margin: 0 0 12.5px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: disc; } ol { list-style: decimal; } li { line-height: 25px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 25px; } dt, dd { line-height: 25px; } dt { font-weight: bold; line-height: 24px; } dd { margin-left: 12.5px; } .dl-horizontal dt { float: left; width: 120px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 130px; } hr { margin: 25px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid white; } strong { font-weight: bold; } em { font-style: italic; } .muted { color: #999999; } abbr[title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 25px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 31.25px; } blockquote small { display: block; line-height: 25px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 25px; font-style: normal; line-height: 25px; } small { font-size: 100%; } cite { font-style: normal; } form { margin: 0 0 25px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 37.5px; font-size: 24px; line-height: 50px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 18.75px; color: #999999; } label, input, button, select, textarea { font-size: 16px; font-weight: normal; line-height: 25px; } input, button, select, textarea { font-family: Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 25px; padding: 4px; margin-bottom: 9px; font-size: 16px; line-height: 25px; color: #555555; } input, textarea { width: 210px; } textarea { height: auto; } textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: white; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } input[type="radio"], input[type="checkbox"] { margin: 3px 0; *margin-top: 0; /* IE7 */ line-height: normal; cursor: pointer; } input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } .uneditable-textarea { width: auto; height: auto; } select, input[type="file"] { height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 28px; } select { width: 220px; border: 1px solid #bbbbbb; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio, .checkbox { min-height: 18px; padding-left: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } input.span12, textarea.span12, .uneditable-input.span12 { width: 930px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 850px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 770px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 690px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 610px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 530px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 450px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 370px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 290px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 210px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 130px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 50px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; border-color: #dddddd; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; border-color: #c09853; } .control-group.warning .checkbox:focus, .control-group.warning .radio:focus, .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: 0 0 6px #dbc59e; -moz-box-shadow: 0 0 6px #dbc59e; box-shadow: 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; border-color: #b94a48; } .control-group.error .checkbox:focus, .control-group.error .radio:focus, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: 0 0 6px #d59392; -moz-box-shadow: 0 0 6px #d59392; box-shadow: 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; border-color: #468847; } .control-group.success .checkbox:focus, .control-group.success .radio:focus, .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: 0 0 6px #7aba7b; -moz-box-shadow: 0 0 6px #7aba7b; box-shadow: 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 24px 20px 25px; margin-top: 25px; margin-bottom: 25px; background-color: whitesmoke; border-top: 1px solid #e5e5e5; *zoom: 1; clear: both; } .form-actions:before, .form-actions:after { display: table; content: ""; } .form-actions:after { clear: both; } .uneditable-input { overflow: hidden; white-space: nowrap; cursor: not-allowed; background-color: white; border-color: #eeeeee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } :-moz-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } ::-webkit-input-placeholder { color: #999999; } .help-block, .help-inline { color: #555555; } .help-block { display: block; margin-bottom: 12.5px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-prepend, .input-append { margin-bottom: 5px; } .input-prepend input, .input-append input, .input-prepend select, .input-append select, .input-prepend .uneditable-input, .input-append .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: middle; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend input:focus, .input-append input:focus, .input-prepend select:focus, .input-append select:focus, .input-prepend .uneditable-input:focus, .input-append .uneditable-input:focus { z-index: 2; } .input-prepend .uneditable-input, .input-append .uneditable-input { border-left-color: #cccccc; } .input-prepend .add-on, .input-append .add-on { display: inline-block; width: auto; height: 25px; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 25px; text-align: center; text-shadow: 0 1px 0 white; vertical-align: middle; background-color: #eeeeee; border: 1px solid #cccccc; } .input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn { margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend .active, .input-append .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append .uneditable-input { border-right-color: #cccccc; border-left-color: #eeeeee; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 12.5px; } legend + .control-group { margin-top: 25px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 25px; *zoom: 1; clear: both; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 140px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 160px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 160px; } .form-horizontal .help-block { margin-top: 12.5px; margin-bottom: 0; } .form-horizontal .form-actions { padding-left: 160px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 25px; } .table th, .table td { padding: 8px; line-height: 25px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapsed; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table tbody tr:hover td, .table tbody tr:hover th { background-color: whitesmoke; } table .span1 { float: none; width: 44px; margin-left: 0; } table .span2 { float: none; width: 124px; margin-left: 0; } table .span3 { float: none; width: 204px; margin-left: 0; } table .span4 { float: none; width: 284px; margin-left: 0; } table .span5 { float: none; width: 364px; margin-left: 0; } table .span6 { float: none; width: 444px; margin-left: 0; } table .span7 { float: none; width: 524px; margin-left: 0; } table .span8 { float: none; width: 604px; margin-left: 0; } table .span9 { float: none; width: 684px; margin-left: 0; } table .span10 { float: none; width: 764px; margin-left: 0; } table .span11 { float: none; width: 844px; margin-left: 0; } table .span12 { float: none; width: 924px; margin-left: 0; } table .span13 { float: none; width: 1004px; margin-left: 0; } table .span14 { float: none; width: 1084px; margin-left: 0; } table .span15 { float: none; width: 1164px; margin-left: 0; } table .span16 { float: none; width: 1244px; margin-left: 0; } table .span17 { float: none; width: 1324px; margin-left: 0; } table .span18 { float: none; width: 1404px; margin-left: 0; } table .span19 { float: none; width: 1484px; margin-left: 0; } table .span20 { float: none; width: 1564px; margin-left: 0; } table .span21 { float: none; width: 1644px; margin-left: 0; } table .span22 { float: none; width: 1724px; margin-left: 0; } table .span23 { float: none; width: 1804px; margin-left: 0; } table .span24 { float: none; width: 1884px; margin-left: 0; } /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot?v=3.0.1'); src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.333333333em; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline; /* keeps button heights with and without icons the same */ } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -0.75em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eeeeee; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ .icon-large { font-size: 1.333333333em; margin-top: -4px; padding-top: 3px; margin-bottom: -4px; padding-bottom: 3px; vertical-align: middle; } .nav [class^="icon-"], .nav [class*=" icon-"] { vertical-align: inherit; margin-top: -4px; padding-top: 3px; margin-bottom: -4px; padding-bottom: 3px; } .nav [class^="icon-"].icon-large, .nav [class*=" icon-"].icon-large { vertical-align: -25%; } .nav-pills [class^="icon-"].icon-large, .nav-tabs [class^="icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large { line-height: .75em; margin-top: -7px; padding-top: 5px; margin-bottom: -5px; padding-bottom: 4px; } .btn [class^="icon-"].pull-left, .btn [class*=" icon-"].pull-left, .btn [class^="icon-"].pull-right, .btn [class*=" icon-"].pull-right { vertical-align: inherit; } .btn [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large { margin-top: -0.5em; } a [class^="icon-"], a [class*=" icon-"] { cursor: pointer; } ul.icons { text-indent: -1.5em; margin-left: 3em; } .icon-glass { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-music { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-envelope { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-star { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-film { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-th { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-th-list { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-remove { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-zoom-in { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-zoom-out { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-signal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-file { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-time { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-road { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-download-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-inbox { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-play-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-repeat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-list-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-flag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-headphones { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-volume-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-volume-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-volume-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-qrcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-book { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bookmark { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-print { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-camera { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-font { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-italic { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-text-height { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-text-width { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-align-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-align-center { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-align-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-align-justify { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-list { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-indent-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-indent-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-facetime-video { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-map-marker { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-adjust { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-tint { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-step-backward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-fast-backward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-backward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-play { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-pause { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-stop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-forward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-fast-forward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-step-forward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-eject { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-chevron-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-chevron-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-minus-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-remove-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-ok-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-question-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-info-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-screenshot { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-remove-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-ok-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-ban-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-share-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-minus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-asterisk { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-exclamation-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-leaf { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-fire { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-eye-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-eye-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-warning-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-plane { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-random { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-chevron-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-chevron-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-retweet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-shopping-cart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-folder-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-resize-vertical { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-resize-horizontal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bar-chart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-twitter-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-facebook-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-camera-retro { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-key { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-comments { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-star-half { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-heart-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-signout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-linkedin-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-pushpin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-external-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-signin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-trophy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-github-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-upload-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-lemon { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bookmark-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-phone-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-github { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-unlock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-credit-card { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-rss { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-hdd { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bullhorn { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-certificate { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-hand-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-hand-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-hand-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-hand-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-circle-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-circle-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-circle-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-circle-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-tasks { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-filter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-briefcase { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-fullscreen { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-group { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-cloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-beaker { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-cut { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-copy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-paper-clip { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-save { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-sign-blank { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-reorder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-list-ul { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-list-ol { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-strikethrough { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-underline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-table { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-magic { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-truck { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-pinterest { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-pinterest-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-google-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-google-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-money { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-caret-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-caret-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-caret-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-caret-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-columns { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-sort { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-sort-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-sort-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-envelope-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-linkedin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-undo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-legal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-dashboard { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-comment-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-comments-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bolt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-sitemap { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-umbrella { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-paste { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-lightbulb { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-exchange { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-cloud-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-cloud-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-user-md { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-stethoscope { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-suitcase { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-bell-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-coffee { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-food { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-file-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-building { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-hospital { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-ambulance { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-medkit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-fighter-jet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-beer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-h-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-plus-sign-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-double-angle-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-double-angle-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-double-angle-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-double-angle-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-angle-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-angle-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-angle-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-angle-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-desktop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-laptop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-tablet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-mobile-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-circle-blank { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-quote-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-quote-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-spinner { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-reply { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-github-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-folder-close-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .icon-folder-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; opacity: 0.3; filter: alpha(opacity=30); } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open .caret { opacity: 1; filter: alpha(opacity=100); } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 4px 0; margin: 1px 0 0; list-style: none; background-color: white; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 11.5px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid white; } .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 25px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: white; text-decoration: none; background-color: #9ec73d; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid black; content: "\2191"; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 25px; color: black; text-shadow: 0 1px 0 white; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: black; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 16px; line-height: 25px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: whitesmoke; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -ms-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(top, white, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 silver; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 18px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 1px; } .btn-small { padding: 5px 9px; font-size: 14px; line-height: 23px; } .btn-small [class^="icon-"] { margin-top: -1px; } .btn-mini { padding: 2px 6px; font-size: 14px; line-height: 21px; } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #cccccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-primary { background-color: #90c73d; background-image: -moz-linear-gradient(top, #9ec73d, #7cc73d); background-image: -ms-linear-gradient(top, #9ec73d, #7cc73d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ec73d), to(#7cc73d)); background-image: -webkit-linear-gradient(top, #9ec73d, #7cc73d); background-image: -o-linear-gradient(top, #9ec73d, #7cc73d); background-image: linear-gradient(top, #9ec73d, #7cc73d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ec73d', endColorstr='#7cc73d', GradientType=0); border-color: #7cc73d #7cc73d #578e29; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #7cc73d; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #7cc73d; *background-color: #6fb635; } .btn-primary:active, .btn-primary.active { background-color: #63a22f \9; } .btn-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { background-color: #414141; background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); border-color: #222222 #222222 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 2px; *padding-bottom: 2px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-group { position: relative; *zoom: 1; clear: both; *margin-left: .3em; } .btn-group:before, .btn-group:after { display: table; content: ""; } .btn-group:after { clear: both; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 12.5px; margin-bottom: 12.5px; } .btn-toolbar .btn-group { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group > .btn { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 4px; *padding-bottom: 4px; } .btn-group > .btn-mini.dropdown-toggle { padding-left: 5px; padding-right: 5px; } .btn-group > .btn-small.dropdown-toggle { *padding-top: 4px; *padding-bottom: 4px; } .btn-group > .btn-large.dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #7cc73d; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 7px; margin-left: 0; } .btn:hover .caret, .open.btn-group .caret { opacity: 1; filter: alpha(opacity=100); } .btn-mini .caret { margin-top: 5px; } .btn-small .caret { margin-top: 6px; } .btn-large .caret { margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .dropup .btn-large .caret { border-bottom: 5px solid black; border-top: 0; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: white; border-bottom-color: white; opacity: 0.75; filter: alpha(opacity=75); } .alert { padding: 8px 35px 8px 14px; margin-bottom: 25px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; } .alert-heading { color: inherit; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-left: 0; margin-bottom: 25px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav > .pull-right { float: right; } .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 25px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #9ec73d; } .nav-list [class^="icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 11.5px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid white; } .nav-tabs, .nav-pills { *zoom: 1; clear: both; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 25px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; background-color: white; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: white; background-color: #9ec73d; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #dddddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .nav-tabs.nav-stacked > li > a:hover { border-color: #dddddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .nav-pills .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { border-top-color: #9ec73d; border-bottom-color: #9ec73d; margin-top: 6px; } .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #708e29; border-bottom-color: #708e29; } .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { border-top-color: #333333; border-bottom-color: #333333; } .nav > .dropdown.active > a:hover { color: black; cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: white; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: white; border-bottom-color: white; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; clear: both; } .tabbable:before, .tabbable:after { display: table; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #dddddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-bottom-color: transparent; border-top-color: #dddddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #dddddd #dddddd #dddddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #dddddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #dddddd transparent #dddddd #dddddd; *border-right-color: white; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #dddddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #dddddd #dddddd #dddddd transparent; *border-left-color: white; } .navbar { *position: relative; *z-index: 2; overflow: visible; margin-bottom: 25px; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); } .nav-collapse.collapse { height: auto; } .navbar { color: #999999; } .navbar .brand:hover { text-decoration: none; } .navbar .brand { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; font-size: 20px; font-weight: 200; line-height: 1; color: #999999; } .navbar .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar .navbar-link { color: #999999; } .navbar .navbar-link:hover { color: white; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn { margin: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; clear: both; } .navbar-form:before, .navbar-form:after { display: table; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 6px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 9px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; color: white; background-color: #626262; border: 1px solid #161616; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-search .search-query:focus, .navbar-search .search-query.focused { padding: 5px 10px; color: #333333; text-shadow: 0 1px 0 white; background-color: white; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; } .navbar .nav > li { display: block; float: left; } .navbar .nav > li > a { float: none; padding: 9px 10px 11px; line-height: 19px; color: #999999; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .btn { display: inline-block; padding: 4px 10px 4px; margin: 5px 5px 6px; line-height: 25px; } .navbar .btn-group { margin: 0; padding: 5px 5px 6px; } .navbar .nav > li > a:hover { background-color: transparent; color: white; text-decoration: none; } .navbar .nav .active > a, .navbar .nav .active > a:hover { color: white; text-decoration: none; background-color: #222222; } .navbar .divider-vertical { height: 40px; width: 1px; margin: 0 9px; overflow: hidden; background-color: #222222; border-right: 1px solid #333333; } .navbar .nav.pull-right { margin-left: 10px; margin-right: 0; } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); border-color: #222222 #222222 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { background-color: #222222; *background-color: #151515; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #080808 \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: whitesmoke; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cccccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .dropdown-menu:before { border-top: 7px solid #cccccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .dropdown-menu:after { border-top: 6px solid white; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown .dropdown-toggle .caret, .navbar .nav li.dropdown.open .caret { border-top-color: white; border-bottom-color: white; } .navbar .nav li.dropdown.active .caret { opacity: 1; filter: alpha(opacity=100); } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent; } .navbar .nav li.dropdown.active > .dropdown-toggle:hover { color: white; } .navbar .pull-right .dropdown-menu, .navbar .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right .dropdown-menu:before, .navbar .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right .dropdown-menu:after, .navbar .dropdown-menu.pull-right:after { left: auto; right: 13px; } .breadcrumb { padding: 7px 14px; margin: 0 0 25px; list-style: none; background-color: #fbfbfb; background-image: -moz-linear-gradient(top, white, whitesmoke); background-image: -ms-linear-gradient(top, white, whitesmoke); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whitesmoke)); background-image: -webkit-linear-gradient(top, white, whitesmoke); background-image: -o-linear-gradient(top, white, whitesmoke); background-image: linear-gradient(top, white, whitesmoke); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='whitesmoke', GradientType=0); border: 1px solid #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; } .breadcrumb li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 white; } .breadcrumb .divider { padding: 0 5px; color: #999999; } .breadcrumb .active a { color: #333333; } .pagination { height: 50px; margin: 25px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination li { display: inline; } .pagination a { float: left; padding: 0 14px; line-height: 48px; text-decoration: none; border: 1px solid #dddddd; border-left-width: 0; } .pagination a:hover, .pagination .active a { background-color: whitesmoke; } .pagination .active a { color: #999999; cursor: default; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pager { margin-left: 0; margin-bottom: 25px; list-style: none; text-align: center; *zoom: 1; clear: both; } .pager:before, .pager:after { display: table; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager a { display: inline-block; padding: 5px 14px; background-color: white; border: 1px solid #dddddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager a:hover { text-decoration: none; background-color: whitesmoke; } .pager .next a { float: right; } .pager .previous a { float: left; } .pager .disabled a, .pager .disabled a:hover { color: #999999; background-color: white; cursor: default; } .modal-open .dropdown-menu { z-index: 2050; } .modal-open .dropdown.open { *z-index: 2050; } .modal-open .popover { z-index: 2060; } .modal-open .tooltip { z-index: 2070; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: black; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background-color: white; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eeeeee; } .modal-header .close { margin-top: 2px; } .modal-body { overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: whitesmoke; border-top: 1px solid #dddddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; *zoom: 1; clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; clear: both; } .thumbnails:before, .thumbnails:after { display: table; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 25px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 1; border: 1px solid #dddddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); } a.thumbnail:hover { border-color: #9ec73d; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; } .label, .badge { font-size: 13.536px; font-weight: bold; line-height: 14px; color: white; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; } .label { padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding: 1px 9px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: white; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .accordion { margin-bottom: 25px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } @font-face { font-family: 'icomoon'; src: url('/assets/font/icomoon.eot?-njqpjq'); src: url('/assets/font/icomoon.eot?#iefix-njqpjq') format('embedded-opentype'), url('/assets/font/icomoon.woff?-njqpjq') format('woff'), url('/assets/font/icomoon.ttf?-njqpjq') format('truetype'), url('/assets/font/icomoon.svg?-njqpjq#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-icon-ok:before { content: "\e603"; } .icon-greenmatch-close:before { content: "\e600"; } .icon-greenmatch-left-arrow:before { content: "\e601"; } .icon-greenmatch-right-arrow:before { content: "\e602"; } .fullWith, header, footer { width: 100%; float: left; } .paddingClass { width: 250px; margin: 0 auto; } @media (min-width: 768px) and (max-width: 979px) { .paddingClass { width: 100%; } } @media (max-width: 767px) { .paddingClass { width: 250px; margin: 0 auto; } } @media (max-width: 767px) { .contentBg .container { width: 100%; margin: 0 auto; } } body { /*background: url("/assets/img/bg-greenmatch.jpg") repeat; color: #666666;*/ background: #f6f6f6; } @media (max-width: 767px) { body { padding: 0; } } header { background: white; } /* Changes affecting the header */ #branding { margin-bottom: 0px; margin-top: 39px; } @media (min-width: 768px) { #branding a img { margin: 0; } } @media (max-width: 767px) { #branding a img { margin: auto; } } .top-info .phone_number { margin: 0; padding: 0; } .top-info .phone_number span { line-height: normal; } .top-info .phone_number span small { font-size: 12px; color: #c2c2c2; } .top-info .phone_number .title { font-size: 14px; font-weight: normal; width: auto; } .top-info .phone_number .title strong { color: #9ec73d; } .navbar_old .navbar-inner ul.nav li a { width: auto; } @media (max-width: 979px) { .navbar_old .navbar-inner ul.nav li a { width: 95%; width: calc(100% - 15px * 2); } } .navbar_old .btn-navbar { margin-right: 11px; } img { width: auto; max-width: 100% ; height: auto; display: block; margin: auto; } .image-left { float: left; margin: 0 15px 15px 0; } .image-right { float: right; margin: 0 0 15px 15px; } p.imageBlockRight { padding: 10px; margin: 0 0 15px 15px; float: right; width: 30%; background: white; } img.center-image { clear: both; float: none; } p.center-image { clear: both; float: left; width: 100%; } p.center-image img { float: none !important; width: 700px; margin: 10px 0 10px 35px !important; } .clearfix { clear: both; } .greenBackground { width: 94%; float: left; background: #9ec73d; padding: 1% 3%; color: white; } .whiteBackground { width: 94%; float: left; background: white; padding: 1% 3%; border: 1px solid #dddddd; margin-bottom: 30px; font-size: 10px !important; } .blueText { color: #2eb1c4; } .greenText { color: #9ec73d; } h1, h2, h3, h4, h5, h6 { color: #9ec73d; font-weight: normal; } #branding { margin-top: 55px; margin-bottom: 30px; } .container .phoneNum { color: #666666; font-weight: 300; font-weight: normal; font-size: 28px; text-align: right; margin: 25px 0 0 0; font-size: 30px; line-height: 50px; } .container .phoneNum .prefix { margin: 0px 10px 0 0; } .container .phoneNum small { font-size: 18px; } .customAnswerForm { margin-top: 20px; } .frontPage .span12 { margin-left: 0; } @media (max-width: 767px) { .frontPage .span12 { width: 94%; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 979px) { label { margin-bottom: 0px; } } .frontPage .smaller .block:hover { background: #2db0c4; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); text-align: center; text-decoration: underline !important; color: white !important; } .frontPage .smaller .block { margin-left: 0px; margin-right: 30px; border: none; background: none; margin-bottom: 30px; background: white; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); color: #2db0c4; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 400ms ease-in-out; } .frontPage .smaller .block .block_img { position: relative; } .frontPage .smaller .block .block_img div#pattern2 { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; background: -moz-linear-gradient(45deg, rgba(51, 51, 51, 0.6), rgba(255, 255, 255, 0)), rgba(51, 51, 51, 0); background: -webkit-linear-gradient(45deg, rgba(51, 51, 51, 0.6), rgba(255, 255, 255, 0)), rgba(51, 51, 51, 0); background: linear-gradient(45deg, rgba(51, 51, 51, 0.6), rgba(255, 255, 255, 0)), rgba(51, 51, 51, 0); } .frontPage .smaller .block .block_white { text-align: center; font-size: 14px; padding: 20px 10px; } .frontPage .smaller .block i.fa.fa-long-arrow-right { margin-left: 10px; } .frontPage .smaller .block img { max-height: 200px; overflow: hidden; } .frontPage .smaller .block h3 { margin: 5px 0; font-family: "Helvetica", sans-serif; font-weight: 600; font-size: 16px; line-height: 18px; position: absolute; bottom: 15px; left: 20px; color: white; } .frontPage .smaller .block h3 a { color: #666666; font-weight: normal; font-size: 14px; } .frontPage .smaller .block.no_marg { margin-right: 0; } .frontPage .row-fluid .block { margin-left: 0px; margin-right: 30px; } @media (min-width: 980px) and (max-width: 1200px) { .frontPage .row-fluid .block { margin-right: 20px; } } @media (min-width: 768px) and (max-width: 979px) { .frontPage .row-fluid .block { margin-right: 20px; } } @media (max-width: 767px) { .frontPage .row-fluid .block { float: left !important; margin-right: 0px; width: 100%; } } .frontPage .row-fluid .block .block.no_marg { margin-right: 0; } .frontPage .row-fluid .block .wrapper { width: 100%; float: left; text-align: center; margin: 10px 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .frontPage .row-fluid .block .wrapper a { color: #888888; font-size: 20px; font-weight: 300; text-decoration: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .frontPage .row-fluid .block .wrapper a.menuIcon { width: 100%; float: left; margin: 0 0 10px 0; text-decoration: none; } .frontPage .row-fluid .block .wrapper a.menuIcon [class*="icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #888888; font-size: 5em; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) and (max-width: 979px) { .frontPage .row-fluid .block .wrapper a.menuIcon [class*="icon-"] { font-size: 3.5em; } } @media (max-width: 767px) { .frontPage .row-fluid .block .wrapper a.menuIcon [class*="icon-"] { font-size: 3.5em; } } .frontPage .row-fluid .block .wrapper:hover a, .frontPage .row-fluid .block .wrapper:hover a [class*="icon-"] { color: #f1c414; } .frontPage .row-fluid .block .bottom_block { width: 100%; float: left; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .frontPage .row-fluid .block .bottom_block ul.children { list-style: none; margin-bottom: 10px; float: left; width: 90%; padding: 10px 0; } .frontPage .row-fluid .block .bottom_block ul.children li { list-style: none; float: left; font-weight: normal; } .frontPage .row-fluid .block .bottom_block ul.children li a { font-weight: normal; padding: 0 5px; } @media (max-width: 767px) { .frontPage .row-fluid .block .bottom_block ul.children li { padding: 5px 0; } } .frontPage .row-fluid .block.no_marg { margin-right: 0; } #compareBrands #brandSelector { width: 100%; float: left; margin: 10px 0 30px 0; background: white; border: 1px solid #dddddd; } #compareBrands #brandSelector .brandTitle { width: 16%; float: left; color: white; font-family: "Helvetica", sans-serif; font-weight: 600; font-size: 22px; line-height: 24px; margin-right: 1%; padding: 4% 2% 2% 2%; height: 80px; background: #2eb1c4; } @media (min-width: 980px) and (max-width: 1200px) { #compareBrands #brandSelector .brandTitle { font-size: 15px; height: 95px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandSelector .brandTitle { font-size: 15px; height: 80px; padding: 8% 2% 2% 2%; margin-right: 0px; } } #compareBrands #brandSelector .arrow { width: 3%; float: left; } #compareBrands #brandSelector .arrow [class^="icon-"], #compareBrands #brandSelector .arrow [class*=" icon-"] { font-size: 38px; line-height: 38px; color: #333333; float: left; margin-right: 0px; opacity: 1; margin-top: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandSelector .arrow [class^="icon-"], #compareBrands #brandSelector .arrow [class*=" icon-"] { font-size: 26px; line-height: 26px; margin-top: 60px; } } #compareBrands #brandSelector .arrow.next { margin-right: 1%; } #compareBrands #brandSelector .arrow:hover { cursor: pointer; } #compareBrands #brandSelector .arrow:hover [class^="icon-"], #compareBrands #brandSelector .arrow:hover [class*=" icon-"] { color: #2eb1c4; } #compareBrands #brandSelector #brandContent.scroll-img { margin: 0 1% 0 1%; width: 70%; float: left; list-style: none; overflow: hidden; height: 100px; padding: 40px 0 10px 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #compareBrands #brandSelector #brandContent.scroll-img ul { width: 13500px; height: 750px; margin: 0; padding: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #compareBrands #brandSelector #brandContent.scroll-img ul li.brandsBox { list-style: none; line-height: 20px; width: 140px; float: left; margin: 0; background: white; padding: 0; border-right: 1px solid #2eb1c4; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #compareBrands #brandSelector #brandContent.scroll-img ul li.brandsBox .brandsImage { width: 80%; padding: 0 10px; float: left; margin-bottom: 10px; } #compareBrands #brandSelector #brandContent.scroll-img ul li.brandsBox .checkBox { width: 100%; float: left; } #compareBrands #brandSelector #brandContent.scroll-img ul li.brandsBox .checkBox input { width: 20%; float: left; margin-right: 5px; margin-left: 5px; } #compareBrands #brandSelector #brandContent.scroll-img ul li.brandsBox .checkBox p { float: left; width: 60%; } @media (min-width: 980px) and (max-width: 1200px) { #compareBrands #brandSelector #brandContent.scroll-img ul li.brandsBox { width: 130px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandSelector #brandContent.scroll-img ul li.brandsBox { width: 130px; } } #compareBrands #brandsContent { opacity: 0; height: 0px; float: left; width: 100%; overflow-y: hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #compareBrands #brandsContent .fullWidthBrand { width: 100%; } #compareBrands #brandsContent .fullWidthBrand .features { width: 20%; float: left; margin-right: 0; } #compareBrands #brandsContent .fullWidthBrand .features ul { list-style: none; margin-left: 0px; } #compareBrands #brandsContent .fullWidthBrand .features ul li { list-style: none; padding: 4% 2% 4% 8%; background: #2eb1c4; color: white; font-family: "Helvetica", sans-serif; font-weight: 600; font-size: 17px; } #compareBrands #brandsContent .fullWidthBrand .features ul li.featureChildren { font-size: 13px; padding: 2% 2% 2% 20%; min-height: 27px; } #compareBrands #brandsContent .fullWidthBrand .features ul li.header { height: 79px; margin: 0; padding: 0; } #compareBrands #brandsContent .fullWidthBrand .features ul li.count2, #compareBrands #brandsContent .fullWidthBrand .features ul li.count3, #compareBrands #brandsContent .fullWidthBrand .features ul li.count4, #compareBrands #brandsContent .fullWidthBrand .features ul li.count6, #compareBrands #brandsContent .fullWidthBrand .features ul li.count10, #compareBrands #brandsContent .fullWidthBrand .features ul li.count11, #compareBrands #brandsContent .fullWidthBrand .features ul li.count12, #compareBrands #brandsContent .fullWidthBrand .features ul li.count13, #compareBrands #brandsContent .fullWidthBrand .features ul li.count15, #compareBrands #brandsContent .fullWidthBrand .features ul li.count17, #compareBrands #brandsContent .fullWidthBrand .features ul li.count18, #compareBrands #brandsContent .fullWidthBrand .features ul li.count19 { background: #51bece; } #compareBrands #brandsContent .fullWidthBrand .features ul li.count2, #compareBrands #brandsContent .fullWidthBrand .features ul li.count10, #compareBrands #brandsContent .fullWidthBrand .features ul li.count17 { border-top: 1px solid #64c5d4; height: 16px; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .features ul li.count2, #compareBrands #brandsContent .fullWidthBrand .features ul li.count10, #compareBrands #brandsContent .fullWidthBrand .features ul li.count17 { height: 17px; } } #compareBrands #brandsContent .fullWidthBrand .features ul li.count4, #compareBrands #brandsContent .fullWidthBrand .features ul li.count13 { border-bottom: 1px solid #64c5d4; min-height: 26px; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .features ul li.count4, #compareBrands #brandsContent .fullWidthBrand .features ul li.count13 { min-height: 25px; } } #compareBrands #brandsContent .fullWidthBrand .features ul li.count6 { border-bottom: 1px solid #64c5d4; border-top: 1px solid #64c5d4; height: 15px; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .features ul li.count6 { height: 32px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .features ul li.count14 { min-height: 17px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .features ul li.count15 { min-height: 18px; } } #compareBrands #brandsContent .fullWidthBrand .features ul li.featureChildren.count19 { padding: 2% 2% 4% 20%; } #compareBrands #brandsContent .fullWidthBrand .items { width: 80%; float: left; } #compareBrands #brandsContent .fullWidthBrand .items ul { width: 23.5%; float: left; position: relative; list-style: none; margin-left: 10px; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul { margin-left: 8px; } } #compareBrands #brandsContent .fullWidthBrand .items ul li { list-style: none; padding: 4% 2% 4% 8%; font-size: 17px; background: white; min-height: 18px; text-align: center; } #compareBrands #brandsContent .fullWidthBrand .items ul li.count2, #compareBrands #brandsContent .fullWidthBrand .items ul li.count3, #compareBrands #brandsContent .fullWidthBrand .items ul li.count4, #compareBrands #brandsContent .fullWidthBrand .items ul li.count6, #compareBrands #brandsContent .fullWidthBrand .items ul li.count10, #compareBrands #brandsContent .fullWidthBrand .items ul li.count11, #compareBrands #brandsContent .fullWidthBrand .items ul li.count12, #compareBrands #brandsContent .fullWidthBrand .items ul li.count13, #compareBrands #brandsContent .fullWidthBrand .items ul li.count15, #compareBrands #brandsContent .fullWidthBrand .items ul li.count17, #compareBrands #brandsContent .fullWidthBrand .items ul li.count18, #compareBrands #brandsContent .fullWidthBrand .items ul li.count19 { background: #dcf4f7; } #compareBrands #brandsContent .fullWidthBrand .items ul li.count3, #compareBrands #brandsContent .fullWidthBrand .items ul li.count11, #compareBrands #brandsContent .fullWidthBrand .items ul li.count12, #compareBrands #brandsContent .fullWidthBrand .items ul li.count18 { border-bottom: 1px solid #f3fbfc; min-height: 17px; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count3, #compareBrands #brandsContent .fullWidthBrand .items ul li.count11, #compareBrands #brandsContent .fullWidthBrand .items ul li.count12, #compareBrands #brandsContent .fullWidthBrand .items ul li.count18 { min-height: 20px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count4 { min-height: 20px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count8, #compareBrands #brandsContent .fullWidthBrand .items ul li.count9, #compareBrands #brandsContent .fullWidthBrand .items ul li.count11, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count12, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count12, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count13, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count13 { min-height: 22px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count6, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count6, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count6 { min-height: 34px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count7, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count7, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count7 { min-height: 35px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count16, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count16, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count16 { min-height: 35px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count17, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count17, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count17 { height: 20px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count18, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count18, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count18 { height: 27px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.count19, #compareBrands #brandsContent .fullWidthBrand .items ul li.marked.count19, #compareBrands #brandsContent .fullWidthBrand .items ul li.unmarked.count19 { height: 27px; } } #compareBrands #brandsContent .fullWidthBrand .items ul li.marked { min-height: 19px; } #compareBrands #brandsContent .fullWidthBrand .items ul li.close { position: absolute; top: 5px; right: 10px; color: #333333; background: none; width: 20px; height: 20px; opacity: 1; padding: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #compareBrands #brandsContent .fullWidthBrand .items ul li.close [class^="icon-"], #compareBrands #brandsContent .fullWidthBrand .items ul li.close [class*=" icon-"] { font-size: 20px; line-height: 20px; color: #333333; float: left; margin-right: 5px; opacity: 1; } #compareBrands #brandsContent .fullWidthBrand .items ul li.close:hover [class^="icon-"], #compareBrands #brandsContent .fullWidthBrand .items ul li.close:hover [class*=" icon-"] { color: #2eb1c4; } #compareBrands #brandsContent .fullWidthBrand .items ul li.img { height: 50px; padding-top: 20px; } #compareBrands #brandsContent .fullWidthBrand .items ul li.img img { width: 80%; float: left; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent .fullWidthBrand .items ul li.img { height: 54px; } } #compareBrands #brandsContent .fullWidthBrand .items ul li.valTitle { height: 19px; } #compareBrands #brandsContent .fullWidthBrand .items ul li:last-child { padding: 2% 2% 7% 20%; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent.jordvarme .features ul li { font-size: 12px; } } @media (min-width: 980px) and (max-width: 1200px) { #compareBrands #brandsContent.jordvarme .features ul li { font-size: 12px; } } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent.jordvarme .features ul li.featureChildren { font-size: 10px; } } @media (min-width: 980px) and (max-width: 1200px) { #compareBrands #brandsContent.jordvarme .features ul li.featureChildren { font-size: 10px; } } #compareBrands #brandsContent.jordvarme ul li { border-bottom: 1px solid #64c5d4; } #compareBrands #brandsContent.jordvarme ul li.close { border-bottom: none; } #compareBrands #brandsContent.jordvarme ul li.extraHeight { height: 29px; padding-top: 30px; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent.jordvarme ul li.extraHeight { padding-top: 25px; } } #compareBrands #brandsContent.jordvarme .items ul li:last-child { padding: 2% 2% 7% 7% !important; border-bottom: none; } @media (min-width: 768px) and (max-width: 979px) { #compareBrands #brandsContent.jordvarme .items ul li { font-size: 15px; } } @media (min-width: 980px) and (max-width: 1200px) { #compareBrands #brandsContent.jordvarme .items ul li { font-size: 15px; } } @media (max-width: 767px) { #compareBrands { display: none; } } #compareBrands.solarPanels { width: 100%; float: left; } #compareBrands.solarPanels #brandSelector .brandTitle { height: 85px; padding: 5% 2% 2% 2%; } #compareBrands.solarPanels #brandSelector #brandContent { height: 120px; padding: 20px 0 10px 0; } #compareBrands.solarPanels #brandsContent.jordvarme .fullWidthBrand .features ul li.header { height: 169px; } #compareBrands.solarPanels #brandsContent.jordvarme .fullWidthBrand .features ul li.material { padding: 5% 2% 5% 8%; } #compareBrands.solarPanels #brandsContent.jordvarme .fullWidthBrand .items ul li.img { height: 140px; } #compareBrands.solarPanels #brandsContent.jordvarme .fullWidthBrand .items ul li.featureChildren { font-size: 13px; padding: 2% 2% 2% 20%; min-height: 27px; } #compareBrands.solarPanels #brandsContent.jordvarme .fullWidthBrand .items ul li.material { font-size: 13px; padding: 2% 2% 2% 2%; min-height: 27px; } #compareBrands.solarPanels #brandsContent.jordvarme.heatpumpsImg .fullWidthBrand .features ul li.header { height: 69px; } #compareBrands.solarPanels #brandsContent.jordvarme.heatpumpsImg .fullWidthBrand .features ul li.material { padding: 5% 2% 5% 8%; } #compareBrands.solarPanels #brandsContent.jordvarme.heatpumpsImg .fullWidthBrand .items ul li { padding: 4.5% 2% 4% 8%; } #compareBrands.solarPanels #brandsContent.jordvarme.heatpumpsImg .fullWidthBrand .items ul li.img { height: 50px; } #compareBrands.solarPanels #brandsContent.jordvarme.heatpumpsImg .fullWidthBrand .items ul li.featureChildren { font-size: 13px; padding: 2% 2% 2% 20%; min-height: 27px; } #compareBrands.solarPanels #brandsContent.jordvarme.heatpumpsImg .fullWidthBrand .items ul li.material { font-size: 13px; padding: 2% 2% 2% 2%; min-height: 27px; } #compareBrands.solarPanels #brandsContent.jordvarme.heatpumpsImg .fullWidthBrand .items ul li.featureChildren.last { padding: 2% 2% 3% 7% !important; } @media (max-width: 767px) { #cookieInformerBooklet .content { padding-bottom: 20px !important; } } #cookieInformerBooklet .content p a { color: #2eb1c4; } @media (max-width: 767px) { #cookieInformerBooklet .content p a { width: 50% !important; float: left !important; } } .container .extraBlock { float: right; } @media (max-width: 767px) { .container .extraBlock { float: none; margin-top: 50px; } } .container .iconWrapper { width: auto; float: left; margin-right: 3%; margin-bottom: 3%; } @media (min-width: 768px) and (max-width: 979px) { .container .iconWrapper { display: none; } } @media (max-width: 767px) { .container .iconWrapper { display: none; } } .container .iconWrapper [class*="icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #9ec73d; font-size: 6em; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 979px) and (max-width: 1199px) { .container .iconWrapper [class*="icon-"] { font-size: 5em; } } .container .page-header { float: left; padding: 0px 0 10px 0; border-bottom: none; margin: 0px 0 18px 0; } .container .page-header h1, .container .page-header h2, .container .page-header h3, .container .page-header h4, .container .page-header h5, .container .page-header h6 { font-family: "Helvetica", sans-serif; font-weight: 600; } .container .page-header h1 { color: #9ec73d; font-size: 36px; line-height: 50px; } @media (min-width: 768px) and (max-width: 979px) { .container .page-header h1 { font-size: 28px; line-height: 36px; } } @media (max-width: 767px) { .container .page-header h1 { font-size: 26px; line-height: 30px; margin-bottom: 10px; } } .container .page-header h2 { font-size: 24px; line-height: 33px; color: #464646; } @media (min-width: 768px) and (max-width: 979px) { .container .page-header h2 { font-size: 18px; line-height: 22px; } } @media (max-width: 767px) { .container .page-header h2 { font-size: 18px; line-height: 22px; } } .container .page-header.fullWidthPage { width: 94%; background: white; padding: 1% 3%; margin-bottom: 0px; margin-top: 10px; } .container .page-header.fullWidthPage.noTopMarg { margin-top: 0px; color: #464646; font-size: 13px; font-family: "Helvetica", sans-serif; font-weight: 600; } @media (max-width: 767px) { .container .page-header.fullWidthPage.noTopMarg { padding: 2% 3%; } } .fullWidthPage .social_btn2 { float: right; } .navbar { margin-bottom: 10px; width: 100%; } .navbar .btn-navbar { background: #9ec73d; border-radius: 0px; border: none; filter: none; box-shadow: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .navbar .btn-navbar .icon-bar { box-shadow: none; } .navbar .btn-navbar:hover { background: #2eb1c4; } .navbar .navbar-inner { width: 100%; background: white; filter: none; background-image: none; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; border-bottom: 2px solid #9ec73d; } .navbar .navbar-inner ul { margin-right: 0px; float: left; width: auto; } @media (max-width: 767px) { .navbar .navbar-inner ul { float: none; } } .navbar .navbar-inner ul li { color: #9ec73d; font-size: 14px; font-weight: 300; position: relative; float: left; width: auto; } .navbar .navbar-inner ul li.nav-group { cursor: default; } .navbar .navbar-inner ul li.nav-group > a::after { content: "\25BC"; font-size: 9px; margin-left: 3px; position: relative; top: -1px; } .navbar .navbar-inner ul li a.menuIcon { width: 100%; float: left; margin: 0 auto; } .navbar .navbar-inner ul li a.menuIcon [class*="icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #888888; font-size: 5em; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 979px) and (max-width: 1199px) { .navbar .navbar-inner ul li a.menuIcon [class*="icon-"] { font-size: 3em; } } @media (min-width: 768px) and (max-width: 979px) { .navbar .navbar-inner ul li a.menuIcon [class*="icon-"] { font-size: 3.5em; } } @media (max-width: 767px) { .navbar .navbar-inner ul li a.menuIcon [class*="icon-"] { font-size: 3.5em; } } .navbar .navbar-inner ul li a { float: left; text-align: center; text-shadow: none; color: #888888; font-size: 14px; width: 100%; padding-right: 15px !important; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (min-width: 768px) and (max-width: 979px) { .navbar .navbar-inner ul li a { font-size: 14px; } } @media (max-width: 767px) { .navbar .navbar-inner ul li a { font-size: 12px; } } .navbar .navbar-inner ul li ul.dropdown-menu { top: 80%; background-color: none; padding: 0; background-clip: inherit; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; margin: 1px 15px 0; } .navbar .navbar-inner ul li ul.dropdown-menu li { width: 100%; } .navbar .navbar-inner ul li ul.dropdown-menu li.dropdown-descendant a { padding-left: 40px !important; width: 85% !important; width: calc(100% - 25px) !important; } .navbar .navbar-inner ul li ul.dropdown-menu li a { color: white; font-weight: normal; text-align: left; font-size: 13px; width: 100%; padding: 5px 15px; background: #9ec73d; } @media (max-width: 979px) { .navbar .navbar-inner ul li ul.dropdown-menu li a { padding: 15px !important; } } .navbar .navbar-inner ul li ul.dropdown-menu li a.selected { color: white; background: #bcd878 !important; } .navbar .navbar-inner ul li ul.dropdown-menu li a.selected { color: white; background: #bcd878 !important; } .navbar .navbar-inner ul li ul.dropdown-menu li:hover a { color: white; background: #bcd878 !important; cursor: pointer; } .navbar .navbar-inner ul li ul.dropdown-menu ul.dropdown-menu2 { list-style: none; } .navbar .navbar-inner ul li ul.dropdown-menu ul.dropdown-menu2 li { padding-top: 3px; line-height: 0; float: left; margin-top: 0; } .navbar .navbar-inner ul li ul.dropdown-menu ul.dropdown-menu2 li a { background: none !important; float: left; margin-top: 0; } .navbar .navbar-inner ul li ul.dropdown-menu ul.dropdown-menu2 li:hover a { color: white; background: #b2d265 !important; cursor: pointer; } .navbar .navbar-inner ul li ul.dropdown-menu ul.dropdown-menu2 ul.dropdown-menu3 li a { background: none !important; } .navbar .navbar-inner ul li ul.dropdown-menu ul.dropdown-menu2 ul.dropdown-menu3 li:hover a { color: white; background: #a8cd51 !important; cursor: pointer; } .navbar .navbar-inner ul li .dropdown-menu:before, .navbar .navbar-inner ul li .dropdown-menu:after { border-bottom: 7px solid white; border-bottom-color: #9ec73d; } .navbar .navbar-inner ul li:hover ul.dropdown-menu, .navbar .navbar-inner ul li ul.dropdown-menu:hover { display: block; } .navbar .navbar-inner ul li:hover a { color: #9ec73d; } .navbar .navbar-inner ul li.selected a { float: left; margin: 0 auto; color: #9ec73d; } .navbar .navbar-inner ul li.selected.firstMenuItem a { float: left; margin: 0 auto 0 0; padding-left: 0px; color: #9ec73d; } @media (max-width: 767px) { .navbar .navbar-inner ul li.selected.firstMenuItem a { padding: 6px 15px; } } .navbar .navbar-inner ul li.firstMenuItem a { padding-left: 0px; } @media (max-width: 767px) { .navbar .navbar-inner ul li.firstMenuItem a { padding: 6px 15px; } } .brandImageBlock { padding: 15px 0; } .brandImageBlock a { float: left; } .brandImageBlock a img { width: 80%; margin: 5% 10%; } #main-content { margin-top: 0px; } #main-content hr { margin: 2px 0 5px 0; border-top: none; border-bottom: 1px solid #c7c7c7; } #main-content h1.newFont2, #main-content h2.newFont2, #main-content h3.newFont2, #main-content h4.newFont2 { font-family: "Helvetica", sans-serif; font-weight: 600; } #main-content .brandSummary { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } #main-content .brandImage { background: white; padding: 10px; margin-bottom: 15px; } #main-content .brandImage.noBg { background: none; } #main-content .bulletWrapper { width: 100%; float: left; position: relative; z-index: 2; min-height: 360px; } @media (min-width: 979px) and (max-width: 1199px) { #main-content .bulletWrapper { min-height: 287px; } } @media (min-width: 768px) and (max-width: 979px) { #main-content .bulletWrapper { min-height: 153px; } } @media (max-width: 767px) { #main-content .bulletWrapper { min-height: 0; } } #main-content .bulletWrapper .bullets { margin: 45px 0 20px 0px; } @media (min-width: 980px) and (max-width: 1200px) { #main-content .bulletWrapper .bullets { margin: 15px 0 20px 0px; } } @media (min-width: 768px) and (max-width: 979px) { #main-content .bulletWrapper .bullets { width: 98%; margin: 5px 0 20px 0px; } } @media (max-width: 767px) { #main-content .bulletWrapper .bullets { margin: 0px 0 10px 0px; float: left; } } #main-content .bulletWrapper .bullets li.bullet { width: 73%; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; background: rgba(255, 255, 255, 0.9); list-style: none; padding: 10px 0 10px 20px; font-size: 14px; color: #666666; float: left; } @media (min-width: 979px) and (max-width: 1199px) { #main-content .bulletWrapper .bullets li.bullet { width: 80%; padding: 10px 0 10px 10px; } } @media (min-width: 768px) and (max-width: 979px) { #main-content .bulletWrapper .bullets li.bullet { width: 90%; padding: 10px 0 10px 10px; } } #main-content .bulletWrapper .bullets li.bullet .main_bullet { font-size: 18px; color: #666666; font-weight: bold; } #main-content .bulletWrapper .bullets li.bullet .main_bullet_child { margin: 0px 0 5px 0px; font-size: 14px; color: #666666; width: 80%; float: left; } #main-content .bulletWrapper .bullets li.bullet [class^="icon-"], #main-content .bulletWrapper .bullets li.bullet [class*=" icon-"] { width: auto; color: #2eb1c4; font-size: 32px; line-height: 32px; margin-right: 10px; text-shadow: none; margin-top: 0px; float: left; } #main-content .bulletWrapper .bullets li.bullet:first-child { border-top: 1px solid #dddddd; } @media (min-width: 768px) and (max-width: 979px) { #main-content .bulletWrapper .bullets li.bullet { width: 100%; padding: 10px 0 10px 10px; } #main-content .bulletWrapper .bullets li.bullet .main_bullet { font-size: 15px; } #main-content .bulletWrapper .bullets li.bullet .main_bullet_child { margin: 2px 0 2px 0px; font-size: 12px; } #main-content .bulletWrapper .bullets li.bullet [class^="icon-"], #main-content .bulletWrapper .bullets li.bullet [class*=" icon-"] { font-size: 20px; } } @media (max-width: 767px) { #main-content .bulletWrapper .bullets li.bullet { width: 98%; margin-top: 0px; padding: 10px 0 10px 10px; } #main-content .bulletWrapper .bullets li.bullet .main_bullet { font-size: 15px; } #main-content .bulletWrapper .bullets li.bullet .main_bullet_child { margin: 2px 0 2px 0px; font-size: 12px; } #main-content .bulletWrapper .bullets li.bullet [class^="icon-"], #main-content .bulletWrapper .bullets li.bullet [class*=" icon-"] { font-size: 20px; } } #main-content .imagePlaceholder { position: relative; width: 100%; float: left; padding: 5px 0 0 0; } #main-content #main_Img { width: 100%; position: absolute; top: -5px; left: 0; z-index: 1; } @media (min-width: 768px) and (max-width: 979px) { #main-content #main_Img { position: relative; } } @media (max-width: 767px) { #main-content #main_Img { position: relative; } } #main-content #bodytext { margin: 0px 0 20px 0; width: 100%; float: left; } #main-content #bodytext .block.kontaktInformation { width: auto; float: left; padding: 20px; background: none; border: none; } #main-content #bodytext .block.kontaktInformation div.wrap { float: left; width: 45%; margin-bottom: 10px; background: white; padding: 10px; margin-right: 10px; min-height: 80px; border: 1px solid #dddddd; } #main-content #bodytext .block.kontaktInformation div.wrap .infoBlock { width: 30%; float: left; margin-right: 10px; font-family: "Helvetica", sans-serif; font-weight: 600; } #main-content #bodytext .block.kontaktInformation div.wrap .infoText { float: left; } #main-content #bodytext .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } #main-content #bodytext .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main-content #bodytext iframe, #main-content #bodytext object, #main-content #bodytext embed { max-width: 100%; border: none; width: 100%; } @media (max-width: 767px) { #main-content #bodytext { margin: 0px 0 0px 0; } } #main-content #bodytext h2, #main-content #bodytext h3, #main-content #bodytext h4, #main-content #bodytext h5 { color: #666666; font-family: "Helvetica", sans-serif; font-weight: 400; } #main-content #bodytext h2 { font-family: "Helvetica", sans-serif; font-weight: 400; } #main-content #bodytext h3 { font-size: 24px; margin-top: 33px; font-weight: 400; } #main-content #bodytext h4 { font-size: 20px; margin-top: 24px; font-weight: 400; } #main-content #bodytext h5 { margin-top: 25px; font-size: 16px; line-height: 18px; } #main-content #bodytext a { color: #2eb1c4; } #main-content #bodytext a:hover { color: #1f7986; } #main-content #bodytext a.btn { color: white; border: none; background: #2eb1c4; padding: 10px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-shadow: none; filter: none; box-shadow: none; margin-top: 15px; } #main-content #bodytext a.btn:hover { background: #9ec73d; } #main-content #bodytext p.btn a { color: white; border: none; background: #2eb1c4; padding: 10px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-shadow: none; filter: none; margin-top: 15px; } #main-content #bodytext p.btn a:hover { background: #9ec73d; } #main-content #bodytext .content_child_Wrapper { background: #939494; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 15px 0; width: 100%; float: left; } #main-content #bodytext .content_child_Wrapper .wrapper { padding: 0 30px; margin-bottom: 20px; border-bottom: 1px darkgray solid; background: none; width: auto; } #main-content #bodytext .content_child_Wrapper .wrapper h3 { color: white; font-size: 16px; line-height: 19px; margin-bottom: 15px; } #main-content #bodytext .content_child_Wrapper .wrapper h3 a { color: white; text-decoration: none; } @media (max-width: 767px) { #main-content #bodytext .content_child_Wrapper .wrapper h3 a { border-bottom: 1px solid #939494; } } #main-content #bodytext .content_child_Wrapper .wrapper h3 a:hover { text-decoration: underline; } @media (max-width: 767px) { #main-content #bodytext .content_child_Wrapper .wrapper h3 a:hover { text-decoration: none; border-bottom: 1px solid white; } } #main-content #bodytext .content_child_Wrapper .wrapper p { color: white; margin-bottom: 10px; } #main-content #bodytext .content_child_Wrapper .wrapper:first-child { padding: 5px 30px 0 30px; } #main-content #bodytext .content_child_Wrapper .wrapper:last-child { border-bottom: none; padding: 0 30px 30px 30px; } #main-content #bodytext .wrap { width: 100%; float: left; margin: 10px 0; } #main-content #bodytext .wrap .process.frontPageBlock { padding: 20px 20px 0px 20px; margin-right: 10px !important; width: 26%; min-height: 360px; margin-left: 0px; } #main-content #bodytext .wrap .process.frontPageBlock .btn { border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; float: left; text-shadow: none; box-shadow: none; margin-top: 5px; background: #9ec73d; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: 10px; width: 85%; } #main-content #bodytext .wrap .process.frontPageBlock .btn:hover { color: white; background: #2eb1c4; } #main-content #bodytext .wrap .process.frontPageBlock img { height: auto; } @media (min-width: 980px) and (max-width: 1200px) { #main-content #bodytext .wrap .process.frontPageBlock { width: 40%; min-height: 320px; } } @media (min-width: 768px) and (max-width: 979px) { #main-content #bodytext .wrap .process.frontPageBlock { float: left; width: 90%; min-height: 0px; } } @media (max-width: 767px) { #main-content #bodytext .wrap .process.frontPageBlock { float: left; width: 90%; min-height: 0px; } } #main-content #bodytext .wrap .process.frontPageBlock.jord { min-height: 300px; } #bodytext ul li, #bodytext span, #bodytext strong { font-size: 16px !important; line-height: 25px; } #bodytext hr { height: 3px; color: #9ec73d; background: #9ec73d; font-size: 0; border: 0; } #bodytext ul li { margin-bottom: 10px; } #bodytext ul.custom-bullet { float: left; width: 100%; margin-left: 15px; } #bodytext ul.custom-bullet li { margin-bottom: 10px; padding: 3px 0px 3px 28px; list-style: none; background: url(/assets/img/bullet-tick2.png) no-repeat 0% -8%; } @media (max-width: 767px) { #bodytext ul.custom-bullet li { background: url(/assets/img/bullet-tick2.png) no-repeat 0% 0% !important; } } @media (max-width: 1200px) { #bodytext ul.custom-bullet li { background: url(/assets/img/bullet-tick2.png) no-repeat 0% -5%; } } #bodytext .wrapper { background: white; padding: 2%; width: 96%; float: left; } #bodytext .wrapper .inner_img { width: 50%; float: left; } @media (max-width: 767px) { #bodytext .wrapper .inner_img { height: 100%; width: 100%; } } #bodytext .wrapper .inner_map { width: 50%; float: left; overflow: hidden; } #bodytext .wrapper .inner_map iframe { width: 100% !important; height: 288px; border: none!important; } @media (min-width: 980px) and (max-width: 1200px) { #bodytext .wrapper .inner_map iframe { height: 232px; } } @media (min-width: 768px) and (max-width: 979px) { #bodytext .wrapper .inner_map iframe { height: 178px; } } @media (max-width: 767px) { #bodytext .wrapper .inner_map iframe { height: 100%; } } @media (max-width: 767px) { #bodytext .wrapper .inner_map { height: 300px; width: 100%; } } .rankingBadge { width: 100%; float: left; margin: 10px 0; } .rankingBadge .ranking { float: left; width: 30%; } .rankingBadge #ranking { cursor: text; width: 62%; float: left; padding: 3%; margin-left: 2%; height: 130px; box-shadow: none; border: none; background: white; } #main-content.frontPage { margin-left: 0px; } #main-content.blog #bodytext img { height: auto; } #main-content.blog #bodytext img.floatright { float: right; } #main-content.blog #bodytext table { margin: 10px 0; width: 100% !important; border: none !important; background-color: white !important; } #main-content.blog #bodytext table tr td { padding: 10px; } #main-content.blog #bodytext table tr th { background-color: #77a901 !important; color: white; } #main-content.blog #bodytext table tr th h3 { margin: 10px; } #main-content.blog #bodytext table tr td h3 { margin: 10px; } #main-content.blog #bodytext table tr td.ligterColor { background-color: #dcefc8 !important; } #main-content.blog #bodytext table tr.tableName { background-color: #77a901 !important; } #main-content.blog #bodytext table tr.tableName th { padding: 10px 0; width: 100%; } #main-content.blog #bodytext table tr.rowColor { background-color: #77a901 !important; } #main-content.blog #bodytext table tr.ligterColor { background-color: #dcefc8 !important; } #main-content.blog .headings { width: 100%; float: left; } #main-content.blog .headings .page-header { width: 100%; float: left; margin-bottom: 10px; } #main-content.blog .headings .dateCreated { font-size: 12px; color: #888888; margin-top: 4px; } #main-content.blog .headings .socila_Share { float: right; } #main-content.blog .headings .socila_Share .social_btn2 { width: auto; float: right; margin-right: 10px; position: relative; } #main-content.blog .headings .socila_Share .twitterBtn { margin-top: 4px; margin-right: 10px; } #main-content.blog .headings .socila_Share .gplus { margin-top: 4px; } #main-content.blog .front-list { list-style: none; margin-left: 0px; float: left; } #main-content.blog .front-list li.block { list-style: none; width: 96%; padding: 2%; } @media (max-width: 767px) { #main-content.blog .front-list li.block img { width: 100%; } } #main-content.blog .front-list li.block .content h3 { font-family: "Helvetica", sans-serif; font-weight: 700; margin-bottom: 5px; } @media (max-width: 767px) { #main-content.blog .front-list li.block .content h3 { margin-top: 15px; } } #main-content.blog .front-list li.block .content .dateCreated { font-size: 12px; color: #888888; margin-bottom: 5px; width: 100%; float: left; } #main-content.blog .front-list li.block .content .bodytxt a.btn { border: none; background: #2eb1c4; padding: 10px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-shadow: none; filter: none; box-shadow: none; margin-top: 15px; } #main-content.blog .front-list li.block .content .bodytxt a.btn:hover { background: #9ec73d; } #main-content.blog .front-list li.front_block.archieveBlock { margin-left: 0px; } #main-content.blog .front-list li.front_block.archieveBlock a.btn { border: none; background: #2eb1c4; padding: 10px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-shadow: none; filter: none; box-shadow: none; margin-top: 15px; } #main-content.blog .front-list li.front_block.archieveBlock a.btn:hover { background: #9ec73d; } .subNav { width: 100%; float: left; margin-bottom: 25px; } .subNav .subNavTitle { font-size: 16px; line-height: 19px; margin: 20px 0 5px 0; border-bottom: 1px solid #9ec73d; } .subNav .nav li { padding: 5px 0 0 0; margin-right: 25px!important; } .subNav .nav li a { color: white; text-decoration: underline; } .subNav .nav li a:hover { background: none; color: #9ec73d; } .subNav .nav li.active a { color: #9ec73d; } .subNav .nav li.span3, .subNav .nav li { float: left; margin-left: 0; width: 240px; margin-right: 10px; } @media (min-width: 980px) and (max-width: 1200px) { .subNav .nav li.span3, .subNav .nav li { width: 300px; } } @media (min-width: 768px) and (max-width: 979px) { .subNav .nav li.span3, .subNav .nav li { float: none; width: 100%; } } @media (max-width: 767px) { .subNav .nav li.span3, .subNav .nav li { float: none; width: 100%; } } .subNav .nav li.nav-header { width: 100%; } .subNav .nav li.no_marg { margin-right: 0px!important; } .subNav .nav li { padding: 0 !important; width: auto !important; } .subNav .nav li a { text-decoration: underline !important; } .related .subNavTitle, .subNav .subNavTitle { font-size: 18px; line-height: 24px; padding: 15px 10px; margin: 5px 0 5px 0; background: white; color: #666666; border: 1px solid #dddddd; font-family: "Helvetica", sans-serif; font-weight: 600; } .related .nav, .subNav .nav { float: left; width: 100%; } .related .nav li, .subNav .nav li { padding: 5px 0 0 0; margin: 5px 30px 5px 0; text-decoration: underline; } @media (min-width: 980px) and (max-width: 1200px) { .related .nav li, .subNav .nav li { margin: 5px 20px 5px 0; } } @media (min-width: 768px) and (max-width: 979px) { .related .nav li, .subNav .nav li { margin: 5px 20px 5px 0; } } .related .nav li a, .subNav .nav li a { color: #888888; text-decoration: none; font-size: 14px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .related .nav li a:hover, .subNav .nav li a:hover { background: none; color: #2eb1c4; } .related .nav li.active a, .subNav .nav li.active a { color: white; background: #708e29; cursor: default; } .related .nav li, .subNav .nav li { float: left; } @media (max-width: 767px) { .related .nav li, .subNav .nav li { float: none; width: 100%; } } .related .nav li:first-child, .subNav .nav li:first-child, .related .nav li.no_marg, .subNav .nav li.no_marg { margin-left: 0; } .related .nav li.no_marg, .subNav .nav li.no_marg { margin-right: 0; } .related .relatedBlogPosts, .subNav .relatedBlogPosts { margin-left: 0px; } .related .relatedBlogPosts h2, .subNav .relatedBlogPosts h2 { font-family: "Helvetica", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; color: #464646; } @media (min-width: 768px) and (max-width: 979px) { .related .relatedBlogPosts h2, .subNav .relatedBlogPosts h2 { font-size: 18px; line-height: 22px; } } @media (max-width: 767px) { .related .relatedBlogPosts h2, .subNav .relatedBlogPosts h2 { font-size: 18px; line-height: 22px; } } .related .relatedBlogPosts .subNavTitle, .subNav .relatedBlogPosts .subNavTitle { font-family: "Helvetica", sans-serif; font-weight: 600; color: #464646; font-size: 16px; line-height: 19px; margin: 20px 0 5px 0; border-bottom: 1px solid #464646; } .related .relatedBlogPosts .block, .subNav .relatedBlogPosts .block { padding: 0; margin: 5px 19px 5px 0px; } .related .relatedBlogPosts .block .img, .subNav .relatedBlogPosts .block .img { padding: 10px 10px 0px 10px; } .related .relatedBlogPosts .block .content, .subNav .relatedBlogPosts .block .content { padding: 5px 10px; } .related .relatedBlogPosts .block .content h3, .subNav .relatedBlogPosts .block .content h3 { font-size: 16px; line-height: 18px; min-height: 80px; margin-top: 0px; } @media (min-width: 768px) and (max-width: 979px) { .related .relatedBlogPosts .block .content h3, .subNav .relatedBlogPosts .block .content h3 { font-size: 12px; line-height: 15px; } } @media (max-width: 767px) { .related .relatedBlogPosts .block .content h3, .subNav .relatedBlogPosts .block .content h3 { min-height: 0px; } } .related .relatedBlogPosts .block .content h3 a, .subNav .relatedBlogPosts .block .content h3 a { width: 100%; color: #9ec73d; text-decoration: none; font-weight: bold; background: none; padding: 0px; font-size: 15px; line-height: 17px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } @media (min-width: 768px) and (max-width: 979px) { .related .relatedBlogPosts .block .content h3 a, .subNav .relatedBlogPosts .block .content h3 a { font-size: 12px; line-height: 15px; } } .related .relatedBlogPosts .block .content h3 a:hover, .subNav .relatedBlogPosts .block .content h3 a:hover { color: #708e29; text-decoration: underline; } .related .relatedBlogPosts .block .content h3 .dateCreated, .subNav .relatedBlogPosts .block .content h3 .dateCreated { font-size: 11px; margin-bottom: 5px; color: #595959; } .related .relatedBlogPosts .block .content .btn, .subNav .relatedBlogPosts .block .content .btn { color: white !important; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; float: left; text-shadow: none; box-shadow: none; margin-top: 5px; background: #9ec73d; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .related .relatedBlogPosts .block .content .btn:hover, .subNav .relatedBlogPosts .block .content .btn:hover { color: white; background: #2eb1c4; } .related .relatedBlogPosts .block .content .bodytxt span, .subNav .relatedBlogPosts .block .content .bodytxt span { min-height: 115px; float: left; } .related .relatedBlogPosts .block .content .bodytxt .btn, .subNav .relatedBlogPosts .block .content .bodytxt .btn { margin-bottom: 10px; } @media (min-width: 980px) and (max-width: 1200px) { .related .relatedBlogPosts .block, .subNav .relatedBlogPosts .block { margin: 5px 10px 5px 0px; } } @media (min-width: 768px) and (max-width: 979px) { .related .relatedBlogPosts .block, .subNav .relatedBlogPosts .block { margin: 5px 10px 5px 0px; } } @media (max-width: 767px) { } .related .relatedBlogPosts .block:first-child, .subNav .relatedBlogPosts .block:first-child { padding: 0; } .related .relatedBlogPosts .block:last-child, .subNav .relatedBlogPosts .block:last-child, .related .relatedBlogPosts .block.no_marg, .subNav .relatedBlogPosts .block.no_marg { margin: 5px 0px 5px 0px; } .block { border: 1px solid #dddddd; background: white; margin-bottom: 20px; width: 100%; } .facebookSpecific { min-height: 262px; } .facebookBlock { border: none; } @media (min-width: 980px) and (max-width: 1200px) { } @media (min-width: 768px) and (max-width: 979px) { } @media (max-width: 767px) { .facebookBlock { float: left; } } .facebookBlock .paddingBlock { padding: 10px; } .facebookBlock .paddingBlock #fb-root { display: none; } .facebookBlock .paddingBlock .fb-like-box.fb_iframe_widget, .facebookBlock .paddingBlock .fb_iframe_widget, .facebookBlock .paddingBlock .fb_iframe_widget span, .facebookBlock .paddingBlock .fb_iframe_widget span iframe[style] { width: 100% !important; } .side_block .phone_number { padding: 10px 0 10px 30px; color: #666767; float: right; text-align: right; margin-bottom: 10px; } .side_block .phone_number span { font-size: 20px; color: #666666; line-height: 26px; width: 100%; text-align: right; } .side_block .phone_number span small { font-size: 13px; line-height: 15px; width: 100%; float: right; } .side_block .phone_number span.title { font-family: "Helvetica", sans-serif; /*font-weight:600;*/ color: #666666; /*width: 100%;*/ float: right; } .side_block .phone_number p { color: #9ec73d; font-size: 30px; line-height: 30px; margin: 5px 0; width: 100%; font-weight: bold; text-align: right; float: right; } .side_block .phone_number p a { color: #666767; } @media (min-width: 768px) and (max-width: 979px) { .side_block .phone_number { width: 80%; margin-left: -10px; margin-top: 10px; } .side_block .phone_number span { font-size: 16px; line-height: 20px; } .side_block .phone_number span small { font-size: 12px; line-height: 12px; } .side_block .phone_number p { font-size: 24px; line-height: 28px; } } @media (max-width: 767px) { .side_block .phone_number { width: 80%; margin-left: -10px; } .side_block .phone_number span { font-size: 16px; line-height: 20px; } .side_block .phone_number span small { font-size: 12px; line-height: 12px; } .side_block .phone_number p { font-size: 24px; line-height: 28px; } } .social_btn { float: right; } .margin_bottom { margin-bottom: 20px; } .cookie_wrapper { text-align: right; margin-top: 2px; float: right !important; margin-bottom: 10px; } .cookie_wrapper #cookie_policy { font-size: 11px; padding-left: 15px; background-image: url("/assets/ico/iconsmall.png"); background-position: 0% 50%; background-repeat: no-repeat no-repeat; } .cookie_wrapper.noMarkCookie { margin-bottom: 10px; } .fullCarousel .item { position: relative; float: left; } .fullCarousel .item .textCarousel { position: absolute; top: 20%; z-index: 999; } .fullCarousel .item .textCarousel h4 { margin: 0 0 20px 0; } .breadcrumb { background: none; border: none; filter: none; border-radius: 0px; box-shadow: none; margin-bottom: 5px; margin-left: 0px; padding: 0px 14px 7px 0px; } .breadcrumb li { text-shadow: none; font-size: 12px; color: #888888; } footer { padding: 10px 0 0 0; background: white; color: #666666; border-top: 2px solid #9ec73d; } @media (max-width: 767px) { footer .container { width: 94%; margin: 0 auto; } } footer .container .block.floatClass { background: white; padding: 0px 15px; float: right; margin-left: 10px; width: 250px; border: none; } footer .container .block.floatClass a { float: right; } @media (max-width: 767px) { footer .container .block.floatClass { float: left; margin-left: 0px; } footer .container .block.floatClass a { float: left; } } footer .container .footerLang { float: right; } footer .container .footerLang .language_wrapper { margin-bottom: 20px; float: right; } footer .container .footerLang .language_wrapper .languages { width: 23px; height: 15px; float: left; margin-right: 10px; } footer .container .footerLang .language_wrapper .languages:last-child { margin-right: 0px; } @media (min-width: 980px) and (max-width: 1200px) { footer .container .footerLang { margin-left: 480px; } } @media (min-width: 768px) and (max-width: 979px) { footer .container .footerLang { margin-left: 370px; } } @media (max-width: 767px) { footer .container .footerLang { margin-left: 0px; width: 100%; float: left; margin-bottom: 10px; } footer .container .footerLang .language_wrapper { float: left; } } footer .container address { color: #666666; } footer .container .copyright { text-align: right; } footer .container .footerLogo { width: 160px; margin: 10px 0 20px -30px; } @media (max-width: 767px) { footer .container .footerLogo { margin: 10px 0 20px 0px; } } footer .container .footerInformation { font-size: 14px; margin-left: 0; } footer .container .footerInformation h3 { color: #666666; font-size: 16px; font-weight: bold; } footer .container .footerInformation .footerLabel { display: inline-block; width: 140px; } footer .container .footerlinks { font-size: 14px; } @media (max-width: 767px) { footer .container .footerlinks { margin-bottom: 20px; } } footer .container .footerlinks h3 { color: #666666; font-size: 16px; font-weight: bold; } footer .container .footerlinks ul { margin: 0px 0 0 0; list-style: none; } footer .container .footerlinks ul a { display: inline-block; padding: 0; margin-bottom: 5px; color: #9ec73d; } footer .container .footer-disclaimer { font-size: 12px; font-style: italic; line-height: 20px; text-align: right; } .block_process { background: white; padding: 5%; margin-bottom: 15px; width: 90%; } .block_process .textAndImage .row-fluid { border-bottom: 1px solid #e1edd3; margin: 15px 0; } .block_process .textAndImage .row-fluid .title { color: #666767; font-size: 18px; padding: 5px 0px 10px 5px; } .block_process .textAndImage .row-fluid .blockTxt { float: right; width: 45%; margin-right: 2%; } .block_process .textAndImage .row-fluid .blockTxt.fullWidth { float: right; width: 96%; margin-right: 0%; padding: 2%; } .block_process .textAndImage .row-fluid:last-child { border-bottom: none; margin: 0; } .process { margin-bottom: 20px; width: 100%; background: white; margin: 0 0 20px 0; position: relative; } @media (max-width: 767px) { .process { float: left; } } .process .blockTitle { background: #9ec73d; font-family: "Helvetica", sans-serif; font-weight: 600; color: white; padding: 15px 20px 15px 20px; font-size: 20px; } .process .blockTitle a:hover { text-decoration: none; } .process .content { float: left; width: 75%; } @media (min-width: 980px) and (max-width: 1200px) { .process .content { width: 65%; margin-left: 5%; } } .process .track { background: #d5eff3; width: 10px; height: 265px; display: block; position: absolute; left: 28px; top: 75px; z-index: 2; } @media (min-width: 768px) and (max-width: 979px) { .process .track { display: none; } } @media (max-width: 767px) { .process .track { display: none; } } .process .number { background: #2eb1c4; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: white; font-size: 22px; padding: 14px 11px; margin: 15px 20px 0 0; width: 23px; text-align: center; line-height: 19px; height: 18px; display: inline-block; float: left; z-index: 5; position: relative; } .process .blocky { padding: 5px 0 5px 10px; margin: 0 0 10px 0; border-bottom: 1px #e1edd3 solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; } .process .blocky h3 { color: #9ec73d; margin: 5px 0; } .process .floatClass { float: right; } .process .row-fluid:last-child { border-right: none; } .process .row-fluid:last-child .blocky { border-bottom: none; } @media (max-width: 767px) { .navigation_wrapper_help { display: none!important; } } .blogPostsSidebar { list-style: none; padding-bottom: 10px; } .blogPostsSidebar .blockTitle { margin-bottom: 10px; } .blogPostsSidebar li.front_block { list-style: none; padding: 0px 20px; } .blogPostsSidebar li.front_block .row-fluid { border-bottom: 1px solid #dddddd; padding: 15px 0; } .blogPostsSidebar li.front_block .row-fluid .dateCreated { font-size: 14px; } .blogPostsSidebar li.front_block .row-fluid h3 { line-height: 20.5px; } @media (min-width: 768px) and (max-width: 979px) { .blogPostsSidebar li.front_block .row-fluid h3 { font-size: 14px; line-height: 18px; margin-bottom: 5px; } } @media (max-width: 767px) { .blogPostsSidebar li.front_block .row-fluid h3 { margin-top: 15px; } } .blogPostsSidebar li.front_block .row-fluid h3 a { font-size: 18px; text-decoration: none; } .blogPostsSidebar li.front_block .row-fluid.categoriesBlock { padding: 5px 0; } .blogPostsSidebar li.front_block .row-fluid.categoriesBlock a.selected { color: #708e29; text-decoration: underline; } .blogPostsSidebar li.front_block.archieveBlock { margin-left: 0px; } .blogPostsSidebar li:last-child .row-fluid { border-bottom: none !important; } .archieveBlock, .archieveBlockList { margin-left: 0px!important; } .relatedCategories .navCategories { margin-left: 0px; margin-bottom: 15px; list-item: none; } .relatedCategories .navCategories span { color: #888888; margin-right: 5px; } .relatedCategories .navCategories li { list-item: none; display: inline; margin-right: 5px; color: #2eb1c4; } .relatedCategories .navCategories li a { color: #2eb1c4; } .archieveBlockList { width: 100%; float: left; margin-bottom: 10px; } .frontPageBlock .blockTitle a { color: white; font-size: 20px; } @media (min-width: 768px) and (max-width: 979px) { .frontPageBlock .blockTitle { font-size: 16px; } } .frontPageBlock .bottom_block { background: white; } .frontPageBlock .bottom_block .children li { display: block; width: 100%; } .frontPageBlock .bottom_block .children li a { color: #666767; font-size: 15px; line-height: 25px; } .frontPageBlock .bottom_block .children li:before { content: "\2023"; color: #666767; } @media (max-width: 979px) { .frontPageBlock .bottom_block { height: 270px !important; } } .frontPageBlock.citiesImgBlock { margin-right: 10px !important; margin-left: 0 !important; margin-bottom: 10px; } @media (max-width: 767px) { .frontPageBlock.citiesImgBlock { float: left !important; } } .frontPageBlock.citiesImgBlock.no_marg { margin-right: 0% !important; margin-left: 0 !important; } #pageForm { position: relative; } #pageForm #arrow { position: absolute; top: -145px; left: 70px; } @media (min-width: 980px) and (max-width: 1200px) { #pageForm #arrow { top: -165px; left: 30px; width: 90%; } } @media (min-width: 768px) and (max-width: 979px) { #pageForm #arrow { top: -110px; left: 30px; width: 70%; } } @media (max-width: 767px) { #pageForm #arrow { display: none; } } .formWrapper, .formBlock { background: white; margin: -5px 0 20px 0; } @media (max-width: 767px) { .formWrapper, .formBlock { float: left; width: 100%; } } .formWrapper hgroup, .formBlock hgroup { padding: 10px 20px; background: #2eb1c4; color: white; } .formWrapper hgroup h3, .formBlock hgroup h3 { color: white; font-size: 22px; line-height: 28px; font-family: "Helvetica", sans-serif; font-weight: 600; } .formWrapper hgroup h3.smaller, .formBlock hgroup h3.smaller { color: white; font-size: 19px; line-height: 26px; font-family: "Helvetica", sans-serif; font-weight: 600; } .formWrapper h4, .formBlock h4 { color: #666666; font-size: 16px; line-height: 22px; font-weight: normal; padding: 20px 20px 0 20px; font-family: "Helvetica", sans-serif; font-weight: 600; } .formWrapper h4.smaller, .formBlock h4.smaller { color: #666666; font-size: 14px; line-height: 18px; font-weight: normal; padding: 20px 20px 0 20px; font-family: "Helvetica", sans-serif; font-weight: 600; } .formWrapper #mainForm, .formBlock #mainForm, .formWrapper .formSteps, .formBlock .formSteps { padding: 10px; list-style: none; margin: 0px; } .formWrapper #mainForm fieldset .control-group, .formBlock #mainForm fieldset .control-group, .formWrapper .formSteps fieldset .control-group, .formBlock .formSteps fieldset .control-group { width: 100%; position: relative; } .formWrapper #mainForm fieldset .control-group .control-label, .formBlock #mainForm fieldset .control-group .control-label, .formWrapper .formSteps fieldset .control-group .control-label, .formBlock .formSteps fieldset .control-group .control-label { display: none; } .formWrapper #mainForm fieldset .control-group input, .formBlock #mainForm fieldset .control-group input, .formWrapper .formSteps fieldset .control-group input, .formBlock .formSteps fieldset .control-group input, .formWrapper #mainForm fieldset .control-group textarea, .formBlock #mainForm fieldset .control-group textarea, .formWrapper .formSteps fieldset .control-group textarea, .formBlock .formSteps fieldset .control-group textarea { width: 90% !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #c1e0e4; color: #666666; margin-bottom: 0px; font-size: 14px; padding: 8px 0 8px 10px; background-color: #d9ecef; } .formWrapper #mainForm fieldset select, .formBlock #mainForm fieldset select, .formWrapper .formSteps fieldset select, .formBlock .formSteps fieldset select { width: 93.5% !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #c1e0e4; color: #666666; margin-bottom: 10px; font-size: 14px; padding: 8px 0 8px 10px; height: auto; background-color: #d9ecef; } .formWrapper #mainForm input.btn, .formBlock #mainForm input.btn, .formWrapper .formSteps input.btn, .formBlock .formSteps input.btn { border: none; background: #fcaa0b; padding: 10px 40px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-shadow: none; filter: none; box-shadow: none; margin-top: 5px; white-space: normal; width: 95%; } .formWrapper #mainForm input.btn:hover, .formBlock #mainForm input.btn:hover, .formWrapper .formSteps input.btn:hover, .formBlock .formSteps input.btn:hover { background: #9ec73d; } .formWrapper .control-group, .formBlock .control-group { position: relative; } .formWrapper .LV_validation_message, .formBlock .LV_validation_message { position: absolute; padding: 8px; width: 180px; right: 1px; top: -5px; font-size: 11px; text-align: right; } .formWrapper span.LV_invalid, .formBlock span.LV_invalid { position: absolute; color: white; } .formWrapper span.LV_valid, .formBlock span.LV_valid { display: none; color: white; } .formWrapper .LV_valid_field, .formBlock .LV_valid_field { background: #daeeca; color: #333333; } .formWrapper .LV_invalid_field, .formBlock .LV_invalid_field { background: #e48282; color: white; } .featureHeader { float: none; margin-bottom: 20px; } @media (min-width: 980px) and (max-width: 1200px) { .trustPilot_module .tp_-_box, .trustPilot_module #___page_0 { overflow-x: hidden; width: 100%!important; } .trustPilot_module .tp_-_box { border-right: 1px solid #dddddd; } .trustPilot_module #___page_0 { border-right: 1px solid #c5c6c6 !important; } } @media (min-width: 768px) and (max-width: 979px) { .trustPilot_module .tp_-_box, .trustPilot_module #___page_0 { overflow-x: hidden; width: 100%!important; } .trustPilot_module .tp_-_box { border-right: 1px solid #dddddd; } .trustPilot_module #___page_0 { border-right: 1px solid #c5c6c6 !important; } } @media (max-width: 767px) { .trustPilot_module .tp_-_box, .trustPilot_module #___page_0 { overflow-x: hidden; width: 100%!important; } .trustPilot_module .tp_-_box { border-right: 1px solid #dddddd; } .trustPilot_module #___page_0 { border-right: 1px solid #c5c6c6 !important; } } .mobileOnly { display: none; } @media (max-width: 767px) { .mobileOnly { display: block; } .mobileOnly #mobileBtn { display: block; width: 85%; float: left; text-align: center; margin-bottom: 20px; padding: 14px 24px; border: none; box-shadow: none; text-shadow: none; background: #2eb1c4; filder: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .mobileOnly #mobileBtn:hover { background: #9ec73d; } } .scrollup { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url('/assets/img/icon_top.png') no-repeat; z-index: 10000; } @media (max-width: 767px) { .scrollup { right: 30px; } } table { margin: 10px 0; width: 100% !important; border: none !important; background-color: white !important; } table tr td { padding: 10px; } table tr th { background: #9ec73d !important; padding: 10px; } table tr.tableName, table tr td.tableName { background: #9ec73d !important; } table tr.rowColor, table tr td.rowColor { background: #a0cd6f !important; } table tbody tr.header span { width: 20px; height: 17px; background: white; color: #9ec73d; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 18px; text-align: center; float: right; padding-top: 3px; cursor: pointer; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } table tbody tr.header span:hover { background: #2eb1c4; color: white; } table tbody tr.header:hover th { background: #2eb1c4; } .facebookBtn { margin: 20px 0; background: #415e9b; color: white; border: none; text-shadow: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .facebookBtn:hover { background: #4d68a1; color: white; } #fullWidthContent { width: 100%; float: left; } #fullWidthContent .testQuestionWrapper { width: 100%; float: left; background: #2eb1c4; } #fullWidthContent .testQuestionWrapper .questionsWrap { background: #2eb1c4; padding: 20px; margin-left: 0px; position: relative; float: left; } #fullWidthContent .testQuestionWrapper .questionsWrap .btn-back { border: none; color: white; font-size: 16px; background: rgba(70, 70, 70, 0.5); padding: 9px 25px; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: none; text-shadow: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #fullWidthContent .testQuestionWrapper .questionsWrap .quest.resultPage { font-size: 28px; float: left; font-family: "Helvetica", sans-serif; font-weight: 700; width: 100%; margin: 10px 0; color: white; } #fullWidthContent .testQuestionWrapper .questionsWrap .resultPageSubtitle { color: white; font-family: "Helvetica", sans-serif; font-weight: 600; font-size: 16px; width: 100%; float: left; margin-bottom: 20px; } #fullWidthContent .testQuestionWrapper .questionsWrap #questionCounter { position: absolute; z-index: 100; right: -95px; top: 20px; width: 75px; padding: 10px; background: #9ec73d; color: white; font-family: "Helvetica", sans-serif; font-weight: 600; font-size: 16px; } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap #questionCounter { right: 0px; } } #fullWidthContent .testQuestionWrapper .questionsWrap .numberValue { margin-left: 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 40px; height: 40px; background: white; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .numberValue { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; width: 30px; height: 30px; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .numberValue { float: left; } } #fullWidthContent .testQuestionWrapper .questionsWrap .numberValue span { width: 40px; text-align: center; font-size: 18px; float: left; font-family: "Helvetica", sans-serif; font-weight: 700; color: #2eb1c4; margin: 10px 0 0 0; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .numberValue span { width: 30px; font-size: 16px; margin: 5px 0 0 0; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue span.quest { color: white; font-family: "Helvetica", sans-serif; font-weight: 600; font-size: 22px; line-height: 26px; width: 100%; float: left; margin-bottom: 15px; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue span.quest { font-size: 18px; line-height: 22px; margin-bottom: 15px; margin-bottom: 5px; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue span.quest { font-size: 18px; line-height: 22px; margin: 10px 0; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue span.extraQuest { color: white; font-size: 13px; line-height: 18px; } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue span.extraQuest { margin: 0 0 10px 0; width: 100%; float: left; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue h4 { color: white; font-family: "Helvetica", sans-serif; font-weight: 600; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form { width: 100%; float: left; margin-top: 20px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion { padding: 10px 15px; background: rgba(255, 255, 255, 0.2); margin-bottom: 5px; float: left; width: 92%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion input { opacity: 1; filter: none; width: 10%; float: left; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .ez-radio { background: transparent url('/assets/img/radio.png') 0 1px no-repeat; display: inline-block; width: 20px; height: 20px; float: left; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .ez-radio input { margin-top: 0px; padding-top: 0px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .ez-radio input.ez-hide { opacity: 0; filter: alpha(opacity=0); width: 100%; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion label.css-label { width: 80%; float: left; color: white; font-size: 16px; margin-left: 10px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .ez-checked { background-position: 0 -20px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .ez-selected { background-position: 0 -20px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .ez-checkbox, #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .ez-radio { zoom: 1; *display: inline; _height: 30px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .infoBlockTxt { width: 120px; float: left; font-size: 16px; color: white; margin-right: 10px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .infoBlockTxt.gender { width: 100%; margin: 0 0 15px 0; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion #pZipCode, #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion #pAge { width: 200px; float: left; border-radius: 0px; border: none; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .setGender { font-size: 14px; color: white; width: 100%; margin-bottom: 5px; float: left; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .setGender #pGenderMan, #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion .setGender #pGenderWoman { margin-right: 5px; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion { padding: 5px 15px; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion { width: 88%; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioQuestion:hover { background: rgba(255, 255, 255, 0.4); } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioCalculator { padding: 20px 25px; background: rgba(255, 255, 255, 0.2); margin-bottom: 5px; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioCalculator .css-label { width: 97.7%; float: left; font-size: 16px; border-radius: 0px; border: none; height: 33px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioCalculator .css-label-select { width: 100%; float: left; font-size: 16px; border-radius: 0px; border: none; height: 40px; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioCalculator .infoBlockTxt { float: left; font-size: 16px; color: white; margin-bottom: 10px; margin-top: 10px; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioCalculator { padding: 5px 15px; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioCalculator { width: 88%; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .radioCalculator:hover { background: rgba(255, 255, 255, 0.4); } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form #submitQuestionBtn { border: none; color: white; font-size: 16px; background: #9ec73d; padding: 10px 30px; margin: 10px 0; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form #submitQuestionBtn { margin-right: -10px; padding: 5px 20px; font-size: 14px; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form #submitQuestionBtn { padding: 5px 20px; font-size: 14px; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form #submitQuestionBtn:hover { background: #464646; } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .btn-back { border: none; color: white; font-size: 16px; background: rgba(70, 70, 70, 0.5); padding: 9px 25px; margin: 10px 0; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: none; text-shadow: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .btn-back { padding: 5px 15px; font-size: 14px; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .btn-back { padding: 11px 20px; float: left; font-size: 14px; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form .btn-back:hover { background: rgba(70, 70, 70, 0.7); } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue form { margin-top: 0px; margin-bottom: 0; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue { float: left; } } #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue .errorInput, #fullWidthContent .testQuestionWrapper .questionsWrap .questionValue .errorFill { padding: 20px; color: #f45737; background: #f7ded9; float: left; width: 89%; } #fullWidthContent .testQuestionWrapper .questionsWrap .calmin .resultSuggestionWrapper { min-height: 130px; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 { margin: 10px 0 10px 0; width: 100%; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper { background: white; padding: 20px; width: 28%; } @media (min-width: 980px) and (max-width: 1200px) { #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper { width: 27%; } } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper { width: 25%; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper { width: 83%; float: left; margin: 10px 0 10px 0; } } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv { width: 100%; float: left; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv h3 { text-align: center; font-size: 18px; float: left; font-weight: bold; color: #2eb1c4; width: 100%; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .percentage { color: #2eb1c4; margin: 30px 0; float: left; width: 100%; font-size: 48px; text-align: center; font-family: "Helvetica", sans-serif; font-weight: 700; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .percentage span { font-size: 22px; font-family: "Helvetica", sans-serif; font-weight: 600; margin-left: -10px; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .warningDiv { width: 96%; float: left; padding: 2%; background: #f7ded9; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .warningDiv .tooltip { display: inline; position: relative; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .warningDiv .tooltip:hover:after { background: #f7ded9; bottom: 26px; color: #f45737; content: attr(title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 260px; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .warningDiv .tooltip:hover:before { border: solid; border-color: #f7ded9 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 40%; position: absolute; z-index: 99; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .warningDiv p { color: #f45737; font-size: 13px; margin: 0px; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .resultWrapperDiv .warningDiv a:hover { text-decoration: none; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .readMoreResult { width: 96%; padding: 3% 2%; background: #d5eff3; float: left; margin: 10px 0 0 0; } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .readMoreResult a { color: #2eb1c4; } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper .readMoreResult { min-height: 40px; } } #fullWidthContent .testQuestionWrapper .questionsWrap .span11 .resultSuggestionWrapper:first-child { margin-left: 0px; } @media (min-width: 980px) and (max-width: 1200px) { #fullWidthContent .testQuestionWrapper .questionsWrap { padding: 20px 10px 0 20px; } } #fullWidthContent .testQuestionWrapper .imageWrap { margin-left: 0px; width: 660px; position: relative; } @media (min-width: 980px) and (max-width: 1200px) { #fullWidthContent .testQuestionWrapper .imageWrap { width: 530px; } } @media (min-width: 768px) and (max-width: 979px) { #fullWidthContent .testQuestionWrapper .imageWrap { width: 394px; } } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .imageWrap { width: 100%; float: left; } } #fullWidthContent .testQuestionWrapper .imageWrap .directTraffic { position: absolute; top: 20px; right: 20px; width: 310px; padding: 20px 15px; } @media (max-width: 767px) { #fullWidthContent .testQuestionWrapper .imageWrap .directTraffic { position: relative; top: 0; right: 0; width: 80%; padding: 20px 15px; float: left; margin: 0 0 20px 20px; } } #fullWidthContent .testQuestionWrapper .imageWrap .directTraffic h4 { font-family: "Helvetica", sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 5px; } #fullWidthContent .testQuestionWrapper .imageWrap .directTraffic p { font-size: 14px; margin-bottom: 15px; } #fullWidthContent .testQuestionWrapper .imageWrap .directTraffic .btn { border: none; color: white; font-size: 16px; background: #9ec73d; padding: 10px 30px; width: 65%; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-shadow: none; } #fullWidthContent .testQuestionWrapper .imageWrap .directTraffic .btn:hover { background: #464646; } .whiteBg { background: white; } ::-webkit-input-placeholder { color: #666666; } :-moz-placeholder { /* Firefox 18- */ color: #666666; } ::-moz-placeholder { /* Firefox 19+ */ color: #666666; } :-ms-input-placeholder { color: #666666; } iframe[name="google_conversion_tracking"], iframe[name="google_conversion_frame"] { overflow: hidden; height: 0px; display: none; } #formStepWrapper .formSteps .step input.error { background: #e48282; border: 1px #751414 solid; } #formStepWrapper .formSteps .step select.error { background: #e48282; border: 1px #751414 solid; } #mainForm label.error { display: none !important; } #mainForm label.error.errorToDisplay { display: block !important; color: #e48282 !important; } #___plusone_0 { width: 55px!important; } @-webkit-keyframes fadeIn { from { opacity: 0; height: 0px; } to { opacity: 1; height: 900px; } } @-moz-keyframes fadeIn { from { opacity: 0; height: 0px; } to { opacity: 1; height: 900px; } } @keyframes fadeIn { from { opacity: 0; height: 0px; } to { opacity: 1; height: 900px; } } @-webkit-keyframes fadeInSolar { from { opacity: 0; height: 0px; } to { opacity: 1; height: 1250px; } } @-moz-keyframes fadeInSolar { from { opacity: 0; height: 0px; } to { opacity: 1; height: 1250px; } } @keyframes fadeInSolar { from { opacity: 0; height: 0px; } to { opacity: 1; height: 1250px; } } #brandsContent.fadeIn { overflow-y: hidden; opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-duration: 0.8s; } #brandsContent.fadeInSolar { overflow-y: hidden; opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeInSolar ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeInSolar ease-in 1; animation: fadeInSolar ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-duration: 0.8s; } @-webkit-keyframes fadeOut { from { opacity: 1; height: 900px; } to { opacity: 0; height: 0px; } } @-moz-keyframes fadeOut { from { opacity: 1; height: 900px; } to { opacity: 0; height: 0px; } } @keyframes fadeOut { from { opacity: 1; height: 900px; } to { opacity: 0; height: 0px; } } @-webkit-keyframes fadeOutSolar { from { opacity: 1; height: 1250px; } to { opacity: 0; height: 0px; } } @-moz-keyframes fadeOutSolar { from { opacity: 1; height: 1250px; } to { opacity: 0; height: 0px; } } @keyframes fadeOutSolar { from { opacity: 1; height: 1250px; } to { opacity: 0; height: 0px; } } #brandsContent.fadeOut { overflow-y: hidden; opacity: 1; /* make things invisible upon start */ -webkit-animation: fadeOut ease-in 1; -moz-animation: fadeOut ease-in 1; animation: fadeOut ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-duration: 0.8s; } #brandsContent.fadeOutSolar { overflow-y: hidden; opacity: 1; /* make things invisible upon start */ -webkit-animation: fadeOutSolar ease-in 1; -moz-animation: fadeOutSolar ease-in 1; animation: fadeOutSolar ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-duration: 0.8s; } #accordion2 .accordion-group { margin-bottom: 10px; border: none; border-radius: 0px; color: white; box-shadow: 0 3px 0 #d7e4ed; } .accordion-heading .accordion-toggle { color: white !important; padding: 15px 15px; font-size: 18px; background: #2eb1c4; font-family: "Helvetica", sans-serif; font-weight: 600; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .accordion-heading .accordion-toggle span { font-size: 36px; margin-right: 5px; text-align: center; width: 60px; float: left; } .accordion-heading .accordion-toggle.active { background: #9ec73d; } .accordion-heading .accordion-toggle:hover { background: #9ec73d; text-decoration: none; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .accordion-body { -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -ms-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; } .accordion-inner { background: white; color: #464646; } .accordion-inner ul { margin-bottom: 20px; } .accordion-inner ul li { background: url('../img/ticker_new.png') no-repeat 0px 3px transparent; list-style-type: none; margin: 0 0 15px 0; padding: 0px 0px 1px 25px; vertical-align: middle; } .accordion-inner .extra_step_wrapper { background: #a4a3a3; padding: 20px; border-top: 2px dashed white; color: white; outline: 5px solid #a4a3a3; margin-bottom: 5px; } .accordion-inner .extra_step_wrapper ul li { list-style: disc; background: none; padding: 0px 0px 0px 0px; } .accordion-inner .extra_step_wrapper a { color: white; text-decoration: underline; } .accordion-inner tbody { padding: 5px; float: left; } .accordion-inner tbody tr td { border: 1px solid #cac9c9; padding: 5px; background: #edeaea; } @media (min-width: 768px) { .accordion-inner-lg { display: block; } } @media (max-width: 767px) { .accordion-inner-lg { display: none; } } @media (min-width: 768px) { .accordion-inner-sm { display: none; } } @media (max-width: 767px) { .accordion-inner-sm { display: block; } } .frontPageBlock.color { margin-right: 5px !important; } .frontPageBlock.color img { -webkit-filter: none !important; -moz-filter: none !important; -o-filter: none !important; -ms-filter: none !important; filter: none !important; } .citiesImgBlock .city { width: 100%; float: left; } .citiesImgBlock .city div { position: relative; width: 100%; float: left; overflow: hidden; } .citiesImgBlock .city div img { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); filter: grayscale(1); transform: translate3d(0px, 0px, 0px) scale(1.1); -webkit-transform: translate3d(0px, 0px, 0px) scale(1.1); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,transform 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .citiesImgBlock .city div img.selectedImg { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); } .citiesImgBlock .city div span { background-color: rgba(0, 0, 0, 0.5); display: inline-block; vertical-align: middle; line-height: normal; text-align: center; font-size: 26px; color: white; font-weight: bold; width: 100%; position: absolute; top: 45%; z-index: 2; } @media (min-width: 980px) and (max-width: 1200px) { .citiesImgBlock .city div span { font-size: 18px; } } @media (min-width: 768px) and (max-width: 979px) { .citiesImgBlock .city div span { font-size: 18px; } } .citiesImgBlock .city div:hover img { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); filter: grayscale(1); -webkit-transform: translate3d(0, -10px, 0) scale(1.2); transform: translate3d(0, -10px, 0) scale(1.2); } .citiesImgBlock .city div:hover img.selectedImg { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); } .ultimaterow { margin-left: 0 !important; } .ultimaterow .ultimatebox { width: 100%; margin-top: 30px; width: 24%; float: left; margin-right: 15px; background: white; color: #464646; min-height: 423px; cursor: pointer; transition: background-color 0.5s ease; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Turn on custom 8px wide scrollbar */ } .ultimaterow .ultimatebox ::-webkit-scrollbar { width: 10px; /* 1px wider than Lion. */ /* This is more usable for users trying to click it. */ background-color: rgba(20, 20, 43, 0); -webkit-border-radius: 100px; margin-left: -5px; } .ultimaterow .ultimatebox ::-webkit-scrollbar-thumb:vertical { background-clip: padding-box; background: rgba(38, 97, 112, 0); min-height: 30px; } .ultimaterow .ultimatebox .ultimateheader { background: #ffce54; color: white !important; min-height: 102px; display: table; width: 100%; border-bottom: 1px solid white; } .ultimaterow .ultimatebox .ultimateheader .ultimatealign { vertical-align: middle; display: table-cell; width: 55%; } .ultimaterow .ultimatebox .ultimateheader .ultimatealign h3 { font-family: "Helvetica", sans-serif; font-weight: 700; color: #464646; font-size: 16px; padding-left: 15px; line-height: 20px; float: left; } @media (max-width: 1199px) { .ultimaterow .ultimatebox .ultimateheader .ultimatealign h3 { font-size: 14px; } } @media (max-width: 979px) { .ultimaterow .ultimatebox .ultimateheader .ultimatealign h3 { font-size: 18px; } } @media (max-width: 1199px) { .ultimaterow .ultimatebox .ultimateheader .ultimatealign { width: 53%; } } .ultimaterow .ultimatebox .ultimateheader img { float: right; } .ultimaterow .ultimatebox .ultimatebody { overflow-y: auto; max-height: 241px; margin: 30px 25px 30px 25px; font-size: 13px; line-height: 21px; } .ultimaterow .ultimatebox .ultimatebody a { font-weight: 400; color: #464646; font-size: 12px; } .ultimaterow .ultimatebox .ultimatebody p { margin-right: 15px; } .ultimaterow .ultimatebox .ultimatebody a:hover { color: #f8f8e7; text-decoration: none; } .ultimaterow .ultimatebox .ultimatebody ul { list-style-image: url('check.png'); } .ultimaterow .ultimatebox .ultimatebody ul li { line-height: 21px; padding-top: 5px; } @media (max-width: 1199px) { .ultimaterow .ultimatebox { width: 23.8%; } } @media (max-width: 979px) { .ultimaterow .ultimatebox { width: 100%; } } .ultimatebox.no_marg { margin-right: 0; } .ultimatebox:hover { background: #ffce54; -webkit-transition-delay: 0s; transition-delay: 0s; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); color: #464646; } .ultimatebox:hover ::-webkit-scrollbar-thumb:vertical { background-clip: padding-box; background: rgba(38, 97, 112, 0.5); min-height: 30px; margin-left: -5px; } .ultimatebox:hover a { color: white; } .ultimatebox:nth-child(odd) .ultimateheader { background: #2eb1c4; } .ultimatebox:nth-child(odd) .ultimateheader h3 { color: white !important; } .ultimatebox:nth-child(odd):hover { background: #2eb1c4; color: white; } .ultimatebox:nth-child(odd):hover ::-webkit-scrollbar-thumb:vertical { background-clip: padding-box; background: rgba(38, 97, 112, 0.5); min-height: 30px; margin-left: -5px; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(odd):hover { background: #ffce54; color: #464646; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(odd):hover ::-webkit-scrollbar-thumb:vertical { background-clip: padding-box; background: rgba(38, 97, 112, 0.5); min-height: 30px; margin-left: -5px; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(odd) .ultimateheader { background: #ffce54; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(odd) .ultimateheader h3 { color: #464646 !important; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(odd):hover { background: #ffce54; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(odd):hover ::-webkit-scrollbar-thumb:vertical { background-clip: padding-box; background: rgba(38, 97, 112, 0.5); min-height: 30px; margin-left: -5px; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(even) .ultimateheader { background: #2eb1c4; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(even) .ultimateheader h3 { color: white !important; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(even):hover { background: #2eb1c4; color: white; } .ultimaterow:nth-child(even) .ultimatebox:nth-child(even):hover ::-webkit-scrollbar-thumb:vertical { background-clip: padding-box; background: rgba(38, 97, 112, 0.5); min-height: 30px; margin-left: -5px; } .ultimateGuide h1 { color: #2eb1c4 !important; } .overall .contentblue { background: #2eb1c4; color: white; } .overall .contentblue .breadcrumb .divider { color: white !important; } .overall .contentblue .breadcrumb li { color: white !important; } .overall .contentblue .social_btn2 { float: right; } @media (max-width: 767px) { .aids { margin-left: 30px !important; margin-right: 30px !important; } } .aids #accordion2 .accordion-group { margin-bottom: 7px !important; } .aids #accordion2 .accordion-group .accordion-toggle { color: #333333 !important; padding: 15px; font-size: 13px; background: none repeat scroll 0% 0% white; font-family: Helvetica, Arial, sans-serif; font-weight: normal; transition: all 200ms ease-in-out 0s; } .aids #accordion2 .accordion-group .accordion-toggle span { font-size: 22px; margin-right: 5px; text-align: center; width: 30px; float: left; font-family: "Helvetica", sans-serif; } .aids #accordion2 .accordion-group .accordion-toggle:hover { background: #6ac8c0; color: white !important; } .aids #accordion2 .accordion-group .accordion-toggle.active { background: #6ac8c0; color: white !important; } .aids #accordion2 .accordion-group .accordion-inner { padding: 30px; } .contentblue { background: #2eb1c4; color: white; } .contentblue p { line-height: 20px; text-align: justify; } .contentblue .aids { margin-left: 0; margin-top: 52px; margin-bottom: 52px; } .contentblue .aids li { list-style-image: url('checkblue.png') !important; padding: 5px; background: none; } .contentblue .aids h1 { font-size: 30px; color: white; font-family: "Helvetica", sans-serif; font-weight: 600; } .contentblue .aids h2 { font-size: 20px; line-height: 28px; color: white; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 25px; } .contentblue .aids img { margin-top: 85px; } .contentblue .aids .govermenu { margin-top: 85px; } @media (max-width: 767px) { .contentblue .aids .govermenu { margin-left: 0!important; } } .contentblue .aids .govermenu li { list-style: none !important; background: white; width: auto; padding: 10px; font-size: 12px; margin-bottom: 5px; box-shadow: 0 3px 0 #d7e4ed; } .contentblue .aids .govermenu li img { margin-top: 0 !important; } .contentblue .aids .govermenu li span { margin-right: 10px; } .contentblue .aids .govermenu li a { color: #333333; } .contentblue .aids .govermenu li:hover { background: #6ac8c0; } .contentblue .aids .govermenu li:hover a { color: white; } .contentblue .aids .aligncenter { text-align: center; } .contentGrey .aids { margin-left: 0; margin-top: 52px; margin-bottom: 52px; } .contentGrey .aids .buleH { color: #6ac8c0 !important; } .contentGrey .aids .aligncenter { text-align: center; } .contentGrey .aids .bluetop { margin-top: 10px; } .contentGrey .aids ul li { list-style-image: url('checkblue.png') !important; padding: 5px; background: none; } .contentGrey .aids h2 { font-size: 20px; line-height: 28px; color: #333333; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 25px; } .contentGrey .aids img { margin-top: 20px; } @media (max-width: 767px) { .contentGrey .aids img { margin-bottom: 30px; } } .margintop .aids { margin-top: 0; } .cd-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1170px; margin: 0 auto; } .cd-container .cd-timeline-block { position: relative; margin: 2em 0; } @media only screen and (min-width: 1170px) { .cd-container .cd-timeline-block { margin: 4em 0; } } .cd-container .cd-timeline-block .cd-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 1170px) { .cd-container .cd-timeline-block .cd-timeline-img { width: 60px; height: 60px; left: 50%; margin-left: -30px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } } .cd-container .cd-timeline-block .cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; } .cd-container .cd-timeline-block .cd-picture { background: #6ac8c0; } .cd-container .cd-timeline-block .cd-movie { background: #c03b44; } .cd-container .cd-timeline-block .cd-location { background: #f0ca45; } .cd-container .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-container .cd-timeline-block:first-child { margin-top: 0; } @media only screen and (min-width: 1170px) { .cd-container .cd-timeline-block:first-child { margin-top: 0; } } .cd-container .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-container .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-container .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce- 1 0.6s; -moz-animation: cd-bounce- 1 0.6s; animation: cd-bounce- 1 0.6s; } .cd-container .cd-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; padding: 1em; box-shadow: 0 3px 0 #d7e4ed; } @media only screen and (min-width: 1170px) { .cd-container .cd-timeline-content { margin-left: 0; padding: 1.6em; width: 40%; } } .cd-container .cd-timeline-content h3 { margin-bottom: 0; font-size: 18px; font-family: "Helvetica", sans-serif; font-weight: 600; color: #333333; } .cd-container .cd-timeline-content span.cd-date { display: inline-block; font-family: "Helvetica", sans-serif; } @media only screen and (min-width: 1170px) { .cd-container .cd-timeline-content span.cd-date { position: absolute; width: 100%; left: 127%; top: 22px; font-size: 16px; font-size: 1rem; } } .cd-container .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-container .cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; } @media only screen and (min-width: 1170px) { .cd-container .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 3em; margin-bottom: 3em; } } #cd-timeline p { color: #333333; } #cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed; } @media only screen and (min-width: 1170px) { #cd-timeline::before { left: 50%; margin-left: -2px; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .cd-timeline-img.is-hidden { visibility: hidden; } .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce- 1 0.6s; -moz-animation: cd-bounce- 1 0.6s; animation: cd-bounce- 1 0.6s; } @media only screen and (min-width: 1170px) { .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 127%; text-align: right; } .cd-timeline-content.is-hidden { visibility: hidden; } .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce- 2 0.6s; -moz-animation: cd-bounce- 2 0.6s; animation: cd-bounce- 2 0.6s; } } .contentcolor2, .contentcolor4, .contentcolor6, .contentcolor8, .contentcolor10, .contentcolor12, .contentcolor14, .contentcolor16, .contentcolor18, .contentcolor20 { background: #2eb1c4; color: white; line-height: 20px; text-align: justify; } .contentcolor2 .energie, .contentcolor4 .energie, .contentcolor6 .energie, .contentcolor8 .energie, .contentcolor10 .energie, .contentcolor12 .energie, .contentcolor14 .energie, .contentcolor16 .energie, .contentcolor18 .energie, .contentcolor20 .energie { margin-left: 0; margin-top: 50px; margin-bottom: 50px; } @media (max-width: 767px) { .contentcolor2 .energie, .contentcolor4 .energie, .contentcolor6 .energie, .contentcolor8 .energie, .contentcolor10 .energie, .contentcolor12 .energie, .contentcolor14 .energie, .contentcolor16 .energie, .contentcolor18 .energie, .contentcolor20 .energie { padding: 0 30px; } } .contentcolor2 .energie .categorie, .contentcolor4 .energie .categorie, .contentcolor6 .energie .categorie, .contentcolor8 .energie .categorie, .contentcolor10 .energie .categorie, .contentcolor12 .energie .categorie, .contentcolor14 .energie .categorie, .contentcolor16 .energie .categorie, .contentcolor18 .energie .categorie, .contentcolor20 .energie .categorie { font-family: "Helvetica", sans-serif; font-weight: 600; color: white; font-size: 13px; } .contentcolor2 .energie h2, .contentcolor4 .energie h2, .contentcolor6 .energie h2, .contentcolor8 .energie h2, .contentcolor10 .energie h2, .contentcolor12 .energie h2, .contentcolor14 .energie h2, .contentcolor16 .energie h2, .contentcolor18 .energie h2, .contentcolor20 .energie h2 { font-size: 20px; line-height: 22px; color: white; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 10px; } .contentcolor2 .energie h3, .contentcolor4 .energie h3, .contentcolor6 .energie h3, .contentcolor8 .energie h3, .contentcolor10 .energie h3, .contentcolor12 .energie h3, .contentcolor14 .energie h3, .contentcolor16 .energie h3, .contentcolor18 .energie h3, .contentcolor20 .energie h3 { font-size: 18px; line-height: 22px; color: #464646; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 25px; } .contentcolor2 .energie h4, .contentcolor4 .energie h4, .contentcolor6 .energie h4, .contentcolor8 .energie h4, .contentcolor10 .energie h4, .contentcolor12 .energie h4, .contentcolor14 .energie h4, .contentcolor16 .energie h4, .contentcolor18 .energie h4, .contentcolor20 .energie h4 { font-size: 16px; line-height: 22px; color: #464646; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 25px; } .contentcolor2 .energie h3:first-child, .contentcolor4 .energie h3:first-child, .contentcolor6 .energie h3:first-child, .contentcolor8 .energie h3:first-child, .contentcolor10 .energie h3:first-child, .contentcolor12 .energie h3:first-child, .contentcolor14 .energie h3:first-child, .contentcolor16 .energie h3:first-child, .contentcolor18 .energie h3:first-child, .contentcolor20 .energie h3:first-child { margin-top: 0; } .contentcolor2 .energie .span8, .contentcolor4 .energie .span8, .contentcolor6 .energie .span8, .contentcolor8 .energie .span8, .contentcolor10 .energie .span8, .contentcolor12 .energie .span8, .contentcolor14 .energie .span8, .contentcolor16 .energie .span8, .contentcolor18 .energie .span8, .contentcolor20 .energie .span8 { margin-left: 30px; } .contentcolor2 .energie .span8 ul li, .contentcolor4 .energie .span8 ul li, .contentcolor6 .energie .span8 ul li, .contentcolor8 .energie .span8 ul li, .contentcolor10 .energie .span8 ul li, .contentcolor12 .energie .span8 ul li, .contentcolor14 .energie .span8 ul li, .contentcolor16 .energie .span8 ul li, .contentcolor18 .energie .span8 ul li, .contentcolor20 .energie .span8 ul li { list-style-image: url('checkblue.png') !important; padding: 5px; background: none; } .contentcolor2 .energie .span8 table, .contentcolor4 .energie .span8 table, .contentcolor6 .energie .span8 table, .contentcolor8 .energie .span8 table, .contentcolor10 .energie .span8 table, .contentcolor12 .energie .span8 table, .contentcolor14 .energie .span8 table, .contentcolor16 .energie .span8 table, .contentcolor18 .energie .span8 table, .contentcolor20 .energie .span8 table { background-color: transparent !important; } .contentcolor2 .energie .span8 table tbody, .contentcolor4 .energie .span8 table tbody, .contentcolor6 .energie .span8 table tbody, .contentcolor8 .energie .span8 table tbody, .contentcolor10 .energie .span8 table tbody, .contentcolor12 .energie .span8 table tbody, .contentcolor14 .energie .span8 table tbody, .contentcolor16 .energie .span8 table tbody, .contentcolor18 .energie .span8 table tbody, .contentcolor20 .energie .span8 table tbody { border: 1px solid white !important; } .contentcolor2 .energie .span8 table tbody tr, .contentcolor4 .energie .span8 table tbody tr, .contentcolor6 .energie .span8 table tbody tr, .contentcolor8 .energie .span8 table tbody tr, .contentcolor10 .energie .span8 table tbody tr, .contentcolor12 .energie .span8 table tbody tr, .contentcolor14 .energie .span8 table tbody tr, .contentcolor16 .energie .span8 table tbody tr, .contentcolor18 .energie .span8 table tbody tr, .contentcolor20 .energie .span8 table tbody tr { border: 1px solid white !important; } .contentcolor2 .energie .span8 table tbody tr td, .contentcolor4 .energie .span8 table tbody tr td, .contentcolor6 .energie .span8 table tbody tr td, .contentcolor8 .energie .span8 table tbody tr td, .contentcolor10 .energie .span8 table tbody tr td, .contentcolor12 .energie .span8 table tbody tr td, .contentcolor14 .energie .span8 table tbody tr td, .contentcolor16 .energie .span8 table tbody tr td, .contentcolor18 .energie .span8 table tbody tr td, .contentcolor20 .energie .span8 table tbody tr td { border: 1px solid white !important; } @media (min-width: 980px) and (max-width: 1200px) { .contentcolor2 .energie .span8, .contentcolor4 .energie .span8, .contentcolor6 .energie .span8, .contentcolor8 .energie .span8, .contentcolor10 .energie .span8, .contentcolor12 .energie .span8, .contentcolor14 .energie .span8, .contentcolor16 .energie .span8, .contentcolor18 .energie .span8, .contentcolor20 .energie .span8 { margin-left: 2.127659574%; } } @media (min-width: 768px) and (max-width: 979px) { .contentcolor2 .energie .span8, .contentcolor4 .energie .span8, .contentcolor6 .energie .span8, .contentcolor8 .energie .span8, .contentcolor10 .energie .span8, .contentcolor12 .energie .span8, .contentcolor14 .energie .span8, .contentcolor16 .energie .span8, .contentcolor18 .energie .span8, .contentcolor20 .energie .span8 { margin-left: 2.127659574%; } } @media (max-width: 767px) { .contentcolor2 .energie .span8, .contentcolor4 .energie .span8, .contentcolor6 .energie .span8, .contentcolor8 .energie .span8, .contentcolor10 .energie .span8, .contentcolor12 .energie .span8, .contentcolor14 .energie .span8, .contentcolor16 .energie .span8, .contentcolor18 .energie .span8, .contentcolor20 .energie .span8 { margin-left: 2.127659574%; } } .contentcolor2 .energie .span4, .contentcolor4 .energie .span4, .contentcolor6 .energie .span4, .contentcolor8 .energie .span4, .contentcolor10 .energie .span4, .contentcolor12 .energie .span4, .contentcolor14 .energie .span4, .contentcolor16 .energie .span4, .contentcolor18 .energie .span4, .contentcolor20 .energie .span4 { margin-left: 0; } .contentcolor2 .energie .span4 .summary, .contentcolor4 .energie .span4 .summary, .contentcolor6 .energie .span4 .summary, .contentcolor8 .energie .span4 .summary, .contentcolor10 .energie .span4 .summary, .contentcolor12 .energie .span4 .summary, .contentcolor14 .energie .span4 .summary, .contentcolor16 .energie .span4 .summary, .contentcolor18 .energie .span4 .summary, .contentcolor20 .energie .span4 .summary { font-size: 16px; } .contentcolor2 .energie .span4 img, .contentcolor4 .energie .span4 img, .contentcolor6 .energie .span4 img, .contentcolor8 .energie .span4 img, .contentcolor10 .energie .span4 img, .contentcolor12 .energie .span4 img, .contentcolor14 .energie .span4 img, .contentcolor16 .energie .span4 img, .contentcolor18 .energie .span4 img, .contentcolor20 .energie .span4 img { margin-top: 25px; margin-bottom: 25px; } .contentcolor2 .energie .accordion-heading .accordion-toggle, .contentcolor4 .energie .accordion-heading .accordion-toggle, .contentcolor6 .energie .accordion-heading .accordion-toggle, .contentcolor8 .energie .accordion-heading .accordion-toggle, .contentcolor10 .energie .accordion-heading .accordion-toggle, .contentcolor12 .energie .accordion-heading .accordion-toggle, .contentcolor14 .energie .accordion-heading .accordion-toggle, .contentcolor16 .energie .accordion-heading .accordion-toggle, .contentcolor18 .energie .accordion-heading .accordion-toggle, .contentcolor20 .energie .accordion-heading .accordion-toggle { background: white; color: #464646 !important; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; } .contentcolor2 .energie .accordion-heading .accordion-toggle:hover, .contentcolor4 .energie .accordion-heading .accordion-toggle:hover, .contentcolor6 .energie .accordion-heading .accordion-toggle:hover, .contentcolor8 .energie .accordion-heading .accordion-toggle:hover, .contentcolor10 .energie .accordion-heading .accordion-toggle:hover, .contentcolor12 .energie .accordion-heading .accordion-toggle:hover, .contentcolor14 .energie .accordion-heading .accordion-toggle:hover, .contentcolor16 .energie .accordion-heading .accordion-toggle:hover, .contentcolor18 .energie .accordion-heading .accordion-toggle:hover, .contentcolor20 .energie .accordion-heading .accordion-toggle:hover { background: #6ac8c0; color: white !important; } .contentcolor2 .energie .accordion-heading .active, .contentcolor4 .energie .accordion-heading .active, .contentcolor6 .energie .accordion-heading .active, .contentcolor8 .energie .accordion-heading .active, .contentcolor10 .energie .accordion-heading .active, .contentcolor12 .energie .accordion-heading .active, .contentcolor14 .energie .accordion-heading .active, .contentcolor16 .energie .accordion-heading .active, .contentcolor18 .energie .accordion-heading .active, .contentcolor20 .energie .accordion-heading .active { background: #6ac8c0; color: white !important; } .contentcolor2 .energie .accordion-inner, .contentcolor4 .energie .accordion-inner, .contentcolor6 .energie .accordion-inner, .contentcolor8 .energie .accordion-inner, .contentcolor10 .energie .accordion-inner, .contentcolor12 .energie .accordion-inner, .contentcolor14 .energie .accordion-inner, .contentcolor16 .energie .accordion-inner, .contentcolor18 .energie .accordion-inner, .contentcolor20 .energie .accordion-inner { padding: 30px 30px; } .contentcolor1, .contentcolor3, .contentcolor5, .contentcolor7, .contentcolor9, .contentcolor11, .contentcolor13, .contentcolor15, .contentcolor17, .contentcolor19 { color: #464646; line-height: 20px; text-align: justify; } .contentcolor1 .energie, .contentcolor3 .energie, .contentcolor5 .energie, .contentcolor7 .energie, .contentcolor9 .energie, .contentcolor11 .energie, .contentcolor13 .energie, .contentcolor15 .energie, .contentcolor17 .energie, .contentcolor19 .energie { margin-left: 0; margin-top: 50px; margin-bottom: 50px; } @media (max-width: 767px) { .contentcolor1 .energie, .contentcolor3 .energie, .contentcolor5 .energie, .contentcolor7 .energie, .contentcolor9 .energie, .contentcolor11 .energie, .contentcolor13 .energie, .contentcolor15 .energie, .contentcolor17 .energie, .contentcolor19 .energie { padding: 0 30px; } } .contentcolor1 .energie .categorie, .contentcolor3 .energie .categorie, .contentcolor5 .energie .categorie, .contentcolor7 .energie .categorie, .contentcolor9 .energie .categorie, .contentcolor11 .energie .categorie, .contentcolor13 .energie .categorie, .contentcolor15 .energie .categorie, .contentcolor17 .energie .categorie, .contentcolor19 .energie .categorie { font-family: "Helvetica", sans-serif; font-weight: 600; color: #6ac8c0; font-size: 13px; } .contentcolor1 .energie h2, .contentcolor3 .energie h2, .contentcolor5 .energie h2, .contentcolor7 .energie h2, .contentcolor9 .energie h2, .contentcolor11 .energie h2, .contentcolor13 .energie h2, .contentcolor15 .energie h2, .contentcolor17 .energie h2, .contentcolor19 .energie h2 { font-size: 20px; line-height: 22px; color: #464646; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 10px; } .contentcolor1 .energie h3, .contentcolor3 .energie h3, .contentcolor5 .energie h3, .contentcolor7 .energie h3, .contentcolor9 .energie h3, .contentcolor11 .energie h3, .contentcolor13 .energie h3, .contentcolor15 .energie h3, .contentcolor17 .energie h3, .contentcolor19 .energie h3 { font-size: 18px; line-height: 22px; color: #464646; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 25px; } .contentcolor1 .energie h4, .contentcolor3 .energie h4, .contentcolor5 .energie h4, .contentcolor7 .energie h4, .contentcolor9 .energie h4, .contentcolor11 .energie h4, .contentcolor13 .energie h4, .contentcolor15 .energie h4, .contentcolor17 .energie h4, .contentcolor19 .energie h4 { font-size: 16px; line-height: 22px; color: #464646; font-family: "Helvetica", sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 25px; } .contentcolor1 .energie h3:first-child, .contentcolor3 .energie h3:first-child, .contentcolor5 .energie h3:first-child, .contentcolor7 .energie h3:first-child, .contentcolor9 .energie h3:first-child, .contentcolor11 .energie h3:first-child, .contentcolor13 .energie h3:first-child, .contentcolor15 .energie h3:first-child, .contentcolor17 .energie h3:first-child, .contentcolor19 .energie h3:first-child { margin-top: 0; } .contentcolor1 .energie .span8, .contentcolor3 .energie .span8, .contentcolor5 .energie .span8, .contentcolor7 .energie .span8, .contentcolor9 .energie .span8, .contentcolor11 .energie .span8, .contentcolor13 .energie .span8, .contentcolor15 .energie .span8, .contentcolor17 .energie .span8, .contentcolor19 .energie .span8 { margin-left: 30px; } .contentcolor1 .energie .span8 ul li, .contentcolor3 .energie .span8 ul li, .contentcolor5 .energie .span8 ul li, .contentcolor7 .energie .span8 ul li, .contentcolor9 .energie .span8 ul li, .contentcolor11 .energie .span8 ul li, .contentcolor13 .energie .span8 ul li, .contentcolor15 .energie .span8 ul li, .contentcolor17 .energie .span8 ul li, .contentcolor19 .energie .span8 ul li { list-style-image: url('checkblue.png') !important; padding: 5px; background: none; } .contentcolor1 .energie .span8 table, .contentcolor3 .energie .span8 table, .contentcolor5 .energie .span8 table, .contentcolor7 .energie .span8 table, .contentcolor9 .energie .span8 table, .contentcolor11 .energie .span8 table, .contentcolor13 .energie .span8 table, .contentcolor15 .energie .span8 table, .contentcolor17 .energie .span8 table, .contentcolor19 .energie .span8 table { background-color: transparent !important; } .contentcolor1 .energie .span8 table tbody, .contentcolor3 .energie .span8 table tbody, .contentcolor5 .energie .span8 table tbody, .contentcolor7 .energie .span8 table tbody, .contentcolor9 .energie .span8 table tbody, .contentcolor11 .energie .span8 table tbody, .contentcolor13 .energie .span8 table tbody, .contentcolor15 .energie .span8 table tbody, .contentcolor17 .energie .span8 table tbody, .contentcolor19 .energie .span8 table tbody { border: 1px solid #464646 !important; } .contentcolor1 .energie .span8 table tbody tr, .contentcolor3 .energie .span8 table tbody tr, .contentcolor5 .energie .span8 table tbody tr, .contentcolor7 .energie .span8 table tbody tr, .contentcolor9 .energie .span8 table tbody tr, .contentcolor11 .energie .span8 table tbody tr, .contentcolor13 .energie .span8 table tbody tr, .contentcolor15 .energie .span8 table tbody tr, .contentcolor17 .energie .span8 table tbody tr, .contentcolor19 .energie .span8 table tbody tr { border: 1px solid #464646 !important; } .contentcolor1 .energie .span8 table tbody tr td, .contentcolor3 .energie .span8 table tbody tr td, .contentcolor5 .energie .span8 table tbody tr td, .contentcolor7 .energie .span8 table tbody tr td, .contentcolor9 .energie .span8 table tbody tr td, .contentcolor11 .energie .span8 table tbody tr td, .contentcolor13 .energie .span8 table tbody tr td, .contentcolor15 .energie .span8 table tbody tr td, .contentcolor17 .energie .span8 table tbody tr td, .contentcolor19 .energie .span8 table tbody tr td { border: 1px solid #464646 !important; } @media (min-width: 980px) and (max-width: 1200px) { .contentcolor1 .energie .span8, .contentcolor3 .energie .span8, .contentcolor5 .energie .span8, .contentcolor7 .energie .span8, .contentcolor9 .energie .span8, .contentcolor11 .energie .span8, .contentcolor13 .energie .span8, .contentcolor15 .energie .span8, .contentcolor17 .energie .span8, .contentcolor19 .energie .span8 { margin-left: 2.127659574%; } } @media (min-width: 768px) and (max-width: 979px) { .contentcolor1 .energie .span8, .contentcolor3 .energie .span8, .contentcolor5 .energie .span8, .contentcolor7 .energie .span8, .contentcolor9 .energie .span8, .contentcolor11 .energie .span8, .contentcolor13 .energie .span8, .contentcolor15 .energie .span8, .contentcolor17 .energie .span8, .contentcolor19 .energie .span8 { margin-left: 2.127659574%; } } @media (max-width: 767px) { .contentcolor1 .energie .span8, .contentcolor3 .energie .span8, .contentcolor5 .energie .span8, .contentcolor7 .energie .span8, .contentcolor9 .energie .span8, .contentcolor11 .energie .span8, .contentcolor13 .energie .span8, .contentcolor15 .energie .span8, .contentcolor17 .energie .span8, .contentcolor19 .energie .span8 { margin-left: 2.127659574%; } } .contentcolor1 .energie .span4, .contentcolor3 .energie .span4, .contentcolor5 .energie .span4, .contentcolor7 .energie .span4, .contentcolor9 .energie .span4, .contentcolor11 .energie .span4, .contentcolor13 .energie .span4, .contentcolor15 .energie .span4, .contentcolor17 .energie .span4, .contentcolor19 .energie .span4 { margin-left: 0; } .contentcolor1 .energie .span4 .summary, .contentcolor3 .energie .span4 .summary, .contentcolor5 .energie .span4 .summary, .contentcolor7 .energie .span4 .summary, .contentcolor9 .energie .span4 .summary, .contentcolor11 .energie .span4 .summary, .contentcolor13 .energie .span4 .summary, .contentcolor15 .energie .span4 .summary, .contentcolor17 .energie .span4 .summary, .contentcolor19 .energie .span4 .summary { font-size: 16px; } .contentcolor1 .energie .span4 img, .contentcolor3 .energie .span4 img, .contentcolor5 .energie .span4 img, .contentcolor7 .energie .span4 img, .contentcolor9 .energie .span4 img, .contentcolor11 .energie .span4 img, .contentcolor13 .energie .span4 img, .contentcolor15 .energie .span4 img, .contentcolor17 .energie .span4 img, .contentcolor19 .energie .span4 img { margin-top: 25px; margin-bottom: 25px; } .contentcolor1 .energie .accordion-heading .accordion-toggle, .contentcolor3 .energie .accordion-heading .accordion-toggle, .contentcolor5 .energie .accordion-heading .accordion-toggle, .contentcolor7 .energie .accordion-heading .accordion-toggle, .contentcolor9 .energie .accordion-heading .accordion-toggle, .contentcolor11 .energie .accordion-heading .accordion-toggle, .contentcolor13 .energie .accordion-heading .accordion-toggle, .contentcolor15 .energie .accordion-heading .accordion-toggle, .contentcolor17 .energie .accordion-heading .accordion-toggle, .contentcolor19 .energie .accordion-heading .accordion-toggle { color: #464646 !important; background: white; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; } .contentcolor1 .energie .accordion-heading .accordion-toggle:hover, .contentcolor3 .energie .accordion-heading .accordion-toggle:hover, .contentcolor5 .energie .accordion-heading .accordion-toggle:hover, .contentcolor7 .energie .accordion-heading .accordion-toggle:hover, .contentcolor9 .energie .accordion-heading .accordion-toggle:hover, .contentcolor11 .energie .accordion-heading .accordion-toggle:hover, .contentcolor13 .energie .accordion-heading .accordion-toggle:hover, .contentcolor15 .energie .accordion-heading .accordion-toggle:hover, .contentcolor17 .energie .accordion-heading .accordion-toggle:hover, .contentcolor19 .energie .accordion-heading .accordion-toggle:hover { background: #6ac8c0; color: white !important; } .contentcolor1 .energie .accordion-heading .active, .contentcolor3 .energie .accordion-heading .active, .contentcolor5 .energie .accordion-heading .active, .contentcolor7 .energie .accordion-heading .active, .contentcolor9 .energie .accordion-heading .active, .contentcolor11 .energie .accordion-heading .active, .contentcolor13 .energie .accordion-heading .active, .contentcolor15 .energie .accordion-heading .active, .contentcolor17 .energie .accordion-heading .active, .contentcolor19 .energie .accordion-heading .active { background: #6ac8c0; color: white !important; } .contentcolor1 .energie .accordion-inner, .contentcolor3 .energie .accordion-inner, .contentcolor5 .energie .accordion-inner, .contentcolor7 .energie .accordion-inner, .contentcolor9 .energie .accordion-inner, .contentcolor11 .energie .accordion-inner, .contentcolor13 .energie .accordion-inner, .contentcolor15 .energie .accordion-inner, .contentcolor17 .energie .accordion-inner, .contentcolor19 .energie .accordion-inner { padding: 30px 30px; } .energiemenu { margin-left: 0 !important; margin-bottom: 50px; } @media (max-width: 767px) { .energiemenu { padding: 30px; margin-top: 30px; } } .energiemenu #energiemenu { float: left; } .energiemenu #energiemenu2 { float: left; } @media (max-width: 767px) { .energiemenu #energiemenu2 { margin-top: 30px; } } .energiemenu .span12 { margin-left: 0 !important; margin-right: 0 !important; } .energiemenu .enemenu { color: #464646; text-align: center; margin-top: 2px; display: table; min-height: 50px; } .energiemenu .enemenu a { vertical-align: middle; display: table-cell; color: white; padding: 1px; } @media (max-width: 767px) { .energiemenu .enemenu a { word-break: break-all; } } .energiemenu .enemenu a:hover { text-decoration: none; } .energiemenu .enemenu span { vertical-align: middle; display: table-cell; } .energiemenu .enemenu .color1 { background: #ffd876; min-width: 5px; float: left; min-height: 50px; } .energiemenu .enemenu .color2 { background: white; min-width: 5px; float: left; min-height: 50px; } .energiemenu .full { width: 100%; float: left; } .energiemenu .full .enemenu { width: 100%; float: left; background: #6ac8c0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; color: white; font-weight: 600; } .energiemenu .full1 { width: 100%; float: left; } .energiemenu .full1 .enemenu { background: rgba(255, 255, 255, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 49.9%; float: left; margin-left: 2px; } .energiemenu .full1 .enemenu:hover { background: rgba(255, 255, 255, 0.4); } .energiemenu .full1 .enemenu:first-child { margin-left: 0; } .energiemenu .full6 { width: 100%; float: left; } .energiemenu .full6 .smo { color: white; } .energiemenu .full6 .enemenu { background: rgba(255, 255, 255, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 49.9%; float: left; margin-left: 2px; } .energiemenu .full6 .enemenu:first-child { margin-left: 0; } .energiemenu .full2 { width: 100%; float: left; } .energiemenu .full2 .enemenu { background: rgba(255, 255, 255, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 60.8%; float: left; margin-left: 2px; } @media (min-width: 768px) and (max-width: 979px) { .energiemenu .full2 .enemenu { width: 60.6%; } } @media (max-width: 767px) { } .energiemenu .full2 .enemenu:hover { background: rgba(255, 255, 255, 0.4); } .energiemenu .full2 .enemenu:first-child { width: 39%; float: left; margin-left: 0; } .energiemenu .full3 { width: 100%; float: left; } .energiemenu .full3 .enemenu { background: rgba(255, 255, 255, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 33.1%; float: left; margin-left: 2px; } .energiemenu .full3 .enemenu:hover { background: rgba(255, 255, 255, 0.4); } .energiemenu .full3 .enemenu:first-child { float: left; margin-left: 0; } .energiemenu .full3 .enemenu:last-child { width: 33.4%; } @media (min-width: 980px) and (max-width: 1200px) { .energiemenu .full3 .enemenu:last-child { width: 33.1%; } } @media (min-width: 768px) and (max-width: 979px) { .energiemenu .full3 .enemenu:last-child { width: 33.1%; } } @media (max-width: 767px) { .energiemenu .full3 .enemenu:last-child { width: 33.1%; } } .energiemenu .full4 { width: 60.8%; float: right; } .energiemenu .full4 .enemenu { width: 49.6%; background: rgba(255, 255, 255, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; float: left; margin-left: 2px; } @media (min-width: 980px) and (max-width: 1200px) { .energiemenu .full4 .enemenu { width: 49.3%; } } @media (min-width: 768px) and (max-width: 979px) { .energiemenu .full4 .enemenu { width: 49.3%; } } @media (max-width: 767px) { .energiemenu .full4 .enemenu { width: 48%; } } .energiemenu .full4 .enemenu:hover { background: rgba(255, 255, 255, 0.4); } .energiemenu .full4 .enemenu:first-child { float: left; margin-left: 2px; } .energiemenu .full5 { width: 40%; float: right; } .energiemenu .full5 .enemenu { background: rgba(255, 255, 255, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; float: right; margin-left: 2px; width: 38%; } @media (min-width: 980px) and (max-width: 1200px) { } @media (min-width: 768px) and (max-width: 979px) { .energiemenu .full5 .enemenu { width: 29.7%; } } @media (max-width: 767px) { } .energiemenu .full5 .enemenu:hover { background: rgba(255, 255, 255, 0.4); } .energiemenu .full5 .enemenu:first-child { margin-left: 0; } .social_btn3 { margin-bottom: 30px; } .http-410 { padding: 0; margin: 180px 0 0 0 !important; } .http-410 h1 { margin-top: 75px; font-family: "Helvetica", sans-serif; font-weight: 600; } .http-410 p { line-height: 1; font-size: 20px; color: #333333; } .http-410 a.btn { border: none; background: #2eb1c4; padding: 10px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-shadow: none; filter: none; box-shadow: none; margin-top: 15px; } .http-410 a.btn:hover { background: #9ec73d; } .floatnone { padding-left: 25px !important; } @media (max-width: 470px) { .floatnone { float: none !important; padding: 10px 0 20px 0 !important; width: 100% !important; } } .image-right { padding-left: 25px !important; } @media (max-width: 470px) { .image-right { float: none !important; padding: 20px 0 20px 0 !important; width: 90% !important; margin: 0; text-align: center; } } .contentdarkblue { background: #3b8793; margin-left: 0; color: white; } .contentdarkblue .breadcrumb li { color: white; } .contentdarkblue .breadcrumb li .divider { color: white; } .contentdarkblue img { height: auto !important; } .contentdarkblue .pageHeader { margin-top: 40px; } .contentdarkblue .no_marg { margin-left: 0; } @media (max-width: 768px) { .contentdarkblue .no_marg { margin-left: 40px; margin-right: 40px; text-align: center; } } .contentdarkblue .topContent { position: relative; } .contentdarkblue .topContent .topContent { position: relative; } .contentdarkblue .topContent .absolute { float: right; position: absolute; right: 0; margin: 0; } @media (max-width: 768px) { .contentdarkblue .topContent .absolute { display: none; } } .contentdarkblue .topContent h1 { color: white; font-weight: 600; } .contentdarkblue .topContent .greenfloat li { float: left; list-style: none; margin-left: 2px; } .contentdarkblue .topContent .greenfloat li li:first-child { margin-left: 0; } .contentdarkblue .topContent ul.greenfloat { float: left; margin: 15px 0 ; } .contentdarkblue .topContent ul.greenfloat .green { background: #9ec73d; padding: 15px 40px; margin-top: 2px; } .contentdarkblue .topContent ul.greenfloat .white { background: white; color: #2db0c4; padding: 15px 20px; margin-top: 2px; } @media (max-width: 768px) { .contentdarkblue .topContent ul.greenfloat { display: none; } } @media (max-width: 768px) { .contentdarkblue .topContent img { display: none; } } @media (max-width: 768px) { .contentdarkblue .topContent .brandImage img { display: inline !important; } } article.main { overflow-x: none; } @media (max-width: 768px) { article.main #accordion2 { margin-left: 40px; margin-right: 40px; } } article.main .margin { margin-left: 0; margin-bottom: 90px; } article.main img { height: auto !important; } article.main .blueletter { background: #2db0c4; color: white; font-weight: 700; font-size: 22px; padding: 7px; float: left; width: 4.5%; } article.main .blueletter p { margin: 0; padding-left: 5px; } @media (max-width: 980px) { article.main .blueletter { width: 8%; } } @media (max-width: 372px) { article.main .blueletter { width: 10%; } } article.main .greyletter { background: #f1f1f1; color: #333333; padding: 7px 0; max-height: 39px; float: left; width: 93%; } article.main .greyletter p { margin: 0; padding-left: 10px !important; } @media (max-width: 1200px) { article.main .greyletter { width: 92%; } } @media (max-width: 980px) { article.main .greyletter { width: 88%; } } @media (max-width: 487px) { article.main .greyletter { width: 86%; } } @media (max-width: 372px) { article.main .greyletter { width: 82%; } } article.main .insta { background: white; -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea; margin-top: 10px; margin-bottom: 20px; color: #333333; float: left; } article.main .insta p { padding: 20px !important; } article.main .insta3 { background: white; -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea; margin-bottom: 20px; color: #333333; float: left; width: 100%; } article.main .insta3 p { padding: 20px !important; } article.main .insta2 { background: white; -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea; margin-top: 10px; margin-bottom: 20px; color: #333333; font-size: 14px; float: left; margin-bottom: 40px; } article.main .insta2 p { padding: 0 20px 20px 20px !important; } article.main .insta2 strong { display: block; padding: 20px !important; } article.main h4 { color: white; font-weight: 700; padding: 10px 0; } article.main .acco { margin-bottom: 90px !important; } article.main .acco .insta { background: white; -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea; margin-top: 10px; margin-bottom: 20px; } article.main .acco .insta p { padding: 20px !important; } article.main .acco .accordion-toggle { background: white; -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea; padding: 10px; color: #333333 !important; font-size: 14px; font-weight: normal; } article.main .acco .accordion-toggle span { color: #2db0c4; font-size: 18px; font-weight: bold; margin-right: 10px; } article.main .acco .accordion-group { -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea !important; } article.main .acco .accordion-group .accordion-inner { background: white; color: #464646; padding: 20px; } article.main .acco .accordion-group .accordion-inner h3 { font-size: 14px; font-weight: 700; color: #333333; margin-top: 20px; } article.main .acco .accordion-group .accordion-inner .example { padding: 20px; background: #f3f3f3; font-size: 12px; } article.main #StickyGuideMenu { position: fixed; top: 100px; right: 0; width: 35px; list-style: none; background: #6ac8c0; z-index: 99; padding: 10px 0; } article.main #StickyGuideMenu li { width: 100%; float: left; padding: 0 5px; list-style: none; margin-bottom: 10px; border-bottom: 1px solid white; } article.main #StickyGuideMenu li a { padding: 10px; color: white; text-decoration: none; } article.main #StickyGuideMenu li:last-child { border-bottom: none; margin-bottom: 0; } article.main #guideMenuID { margin: 40px 0px 40px 0px; list-style: none; float: left; } article.main #guideMenuID li { list-style: none; width: 100%; float: left; margin-bottom: 9px; } article.main #guideMenuID li a { margin-bottom: 0px; width: 95%; float: left; text-decoration: none; color: #333333; font-size: 14px; border: none; } article.main #guideMenuID li a span { color: #2db0c4; font-size: 18px; font-weight: bold; margin-right: 10px; } article.main #guideMenuID li a:hover { box-shadow: none; position: relative; top: 5px; } article.main #guideMenuID li .block { background: white; -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea; padding: 10px; } @media (max-width: 768px) { article.main #guideMenuID { margin-right: 40px; margin-left: 40px; } } article.main .guideNumber { width: 10%; text-align: center; margin: 0 auto 0 auto; clear: both; position: relative; top: -35px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 70px; height: 70px; border: none; display: table; -webkit-box-shadow: 0px 4px 0px #e9e9ea; -moz-box-shadow: 0px 4px 0px #e9e9ea; box-shadow: 0px 4px 0px #e9e9ea; } article.main .guideNumber span { vertical-align: middle; display: table-cell; font-family: "Helvetica", sans-serif; font-weight: 600; color: #2db0c4; } article.main .blockContent { margin-bottom: 40px; float: left; } article.main .blockContent2 { margin: 0; } article.main .greenfloat li { float: left; list-style: none; margin-left: 2px; } article.main .greenfloat li li:first-child { margin-left: 0; } article.main ul.greenfloat { float: left; margin: 15px 0 ; } article.main ul.greenfloat .green { background: #9ec73d; padding: 15px 40px; } article.main ul.greenfloat .white { background: white; color: #333333; padding: 15px 20px; } article.main .rotavcal { margin-bottom: 90px; background: #2db0c4; -webkit-box-shadow: 0px 5px 0px #3b8793; -moz-box-shadow: 0px 5px 0px #3b8793; box-shadow: 0px 5px 0px #3b8793; float: left; } article.main .rotavcal .rotavcalinner { padding: 7%; } article.main .rotavcal .rotavcalinner .option { margin-top: 5px; color: #333333; float: left; width: 100%; background: rgba(255, 255, 255, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } article.main .rotavcal .rotavcalinner .option .name { width: 70%; float: left; } article.main .rotavcal .rotavcalinner .option .name h4 { font-family: "Helvetica", sans-serif; font-weight: 600; color: white; font-size: 18px; } article.main .rotavcal .rotavcalinner .option .name span { width: 30px; text-align: center; font-size: 16px; float: left; font-family: "Helvetica", sans-serif; font-weight: 600; color: #2eb1c4; margin: 20px !important; margin-left: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 15px; height: 30px; background: white; } article.main .rotavcal .rotavcalinner .option select { width: 21.5%; margin: 20px 20px 20px 20px; height: 40px; border-radius: 0; border: none; color: #5a5a5a; } article.main .rotavcal .rotavcalinner .option select:focus { outline: none; } article.main .rotavcal .rotavcalinner .option input { width: 30px; text-align: center; font-size: 16px; float: left; font-family: "Helvetica", sans-serif; color: #2eb1c4; margin-left: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 15px; height: 30px; background: white; } article.main .rotavcal .rotavcalinner .option input { width: 20%; margin: 20px 20px 20px 20px; height: 33px; border-radius: 0; border: none; color: #5a5a5a; } article.main .rotavcal .rotavcalinner .option input:focus { outline: none; } article.main .rotavcal .rotavcalinner .option:hover { background: rgba(255, 255, 255, 0.4); } article.main .rotavcal #submitBtn { float: right; margin: 38px; background: #aacf38; -webkit-box-shadow: 0px 5px 0px #3b8793; -moz-box-shadow: 0px 5px 0px #3b8793; box-shadow: 0px 5px 0px #93b52a; padding: 10px 40px; border: none; color: white; } article.main .rotres { margin-left: 0 !important; margin-bottom: 90px; } article.main .rotres .span3 { margin-left: 0 !important; background: white; -webkit-box-shadow: 0px 5px 0px #e9e9ea; -moz-box-shadow: 0px 5px 0px #e9e9ea; box-shadow: 0px 5px 0px #e9e9ea; padding: 10px; height: 50px; display: table; margin-right: 2px; text-align: center; } article.main .rotres .span3 p { vertical-align: middle; display: table-cell; } article.main .rotres .span3:last-child { margin-right: 0; } .bgcolor.orangeBg:nth-child(even) { background: #2db0c4; } .bgcolor.orangeBg:nth-child(even) .guideBlocTitle { font-family: "Helvetica", sans-serif; font-weight: 600; color: white; margin: 0 0 0 0; font-size: 24px; } .bgcolor.orangeBg:nth-child(even) .guideBlocSubTitle { font-family: "Helvetica", sans-serif; color: white; margin: 0 0 20px 0; font-size: 18px; } .bgcolor.orangeBg:nth-child(even) h3 { padding: 0 10px; background: white; color: #2db0c4; margin: 15px 0 10px 0; float: left; font-size: 16px; font-family: "Helvetica", sans-serif; line-height: 26px; } .bgcolor.orangeBg:nth-child(even) ul { float: left; width: 90%; color: white; } .bgcolor.orangeBg:nth-child(even) ol li:before { font-family: "Helvetica", sans-serif; font-weight: 600; } @media (max-width: 768px) { .bgcolor.orangeBg:nth-child(even) .container { margin-left: 40px; margin-right: 40px; } } .bgcolor.orangeBg:nth-child(odd) { background: url("/assets/img/bg-greenmatch.jpg") repeat; } @media (max-width: 767px) { .bgcolor.orangeBg:nth-child(odd) { padding: 20px 40px; } } .bgcolor.orangeBg:nth-child(odd) .guideBlocTitle { font-family: "Helvetica", sans-serif; font-weight: 600; color: #333333; margin: 0; font-size: 24px; } .bgcolor.orangeBg:nth-child(odd) .guideBlocSubTitle { font-family: "Helvetica", sans-serif; color: #333333; margin: 0 0 20px 0; font-size: 18px; } .bgcolor.orangeBg:nth-child(odd) h3 { padding: 0 10px; background: white; color: #2db0c4; margin: 15px 0 10px 0; float: left; font-size: 16px; font-family: "Helvetica", sans-serif; line-height: 26px; } .bgcolor.orangeBg:nth-child(odd) ol { float: left; } .bgcolor.orangeBg:nth-child(odd) ol li:before { font-family: "Helvetica", sans-serif; font-weight: 600; } .bgcolor.orangeBg2:nth-child(odd) { background: #2db0c4; color: white; } .bgcolor.orangeBg2:nth-child(odd) .guideBlocTitle { font-family: "Helvetica", sans-serif; font-weight: 600; color: white; margin: 0 0 0 0; font-size: 24px; } .bgcolor.orangeBg2:nth-child(odd) .guideBlocSubTitle { font-family: "Helvetica", sans-serif; color: white; margin: 0 0 20px 0; font-size: 18px; } .bgcolor.orangeBg2:nth-child(odd) h3 { padding: 0 10px; background: white; color: #2db0c4; margin: 15px 0 10px 0; float: left; font-size: 16px; font-family: "Helvetica", sans-serif; line-height: 26px; } .bgcolor.orangeBg2:nth-child(odd) ul { float: left; width: 90%; color: white; } .bgcolor.orangeBg2:nth-child(odd) ol li:before { font-family: "Helvetica", sans-serif; font-weight: 600; } @media (max-width: 768px) { .bgcolor.orangeBg2:nth-child(odd) .container { margin-left: 40px; margin-right: 40px; } } .bgcolor.orangeBg2:nth-child(even) { background: url("/assets/img/bg-greenmatch.jpg") repeat; } @media (max-width: 767px) { .bgcolor.orangeBg2:nth-child(even) { padding: 20px 40px; } } .bgcolor.orangeBg2:nth-child(even) .guideBlocTitle { font-family: "Helvetica", sans-serif; font-weight: 600; color: #333333; margin: 0; font-size: 24px; } .bgcolor.orangeBg2:nth-child(even) .guideBlocSubTitle { font-family: "Helvetica", sans-serif; color: #333333; margin: 0 0 20px 0; font-size: 18px; } .bgcolor.orangeBg2:nth-child(even) ol li:before { font-family: "Helvetica", sans-serif; font-weight: 600; } .bgcolor.orangeBg2:nth-child(even) h3 { padding: 0 10px; background: white; color: #2db0c4; margin: 15px 0 10px 0; float: left; font-size: 16px; font-family: "Helvetica", sans-serif; line-height: 26px; } @media (max-width: 767px) { #arrow { display: none; } } .newBulletsWrapper .bulletsWrapper2 { margin: 0; } .newBulletsWrapper .bulletsWrapper2 .block { background: rgba(255, 255, 255, 0.95); width: 100%; float: left; padding: 0; } .newBulletsWrapper .bulletsWrapper2 .block li.bullet2 { list-style: none; padding: 10px 5px 10px 10px; font-size: 21px; border-bottom: none; background: url(../img/bullet2.png) center left no-repeat; } @media (max-width: 1199px) { .newBulletsWrapper .bulletsWrapper2 .block li.bullet2 { width: 75%; border-bottom: 1px #e5e5e5 solid; } } @media (max-width: 1199px) { .newBulletsWrapper .bulletsWrapper2 .block li.bullet2:last-child { border-bottom: none; } } .newBulletsWrapper .bulletsWrapper2 .block .bullets2 { padding: 0; width: 100%; float: left; margin: 0; } .newBulletsWrapper .bulletsWrapper2 .block .bullets2 li { font-size: 16px; line-height: 32px; float: left; margin: 0 20px !important; } .newBulletsWrapper .bulletTitle2 { font-size: 16px; margin: 0 0 10px 0; } .newBulletsWrapper li [class^="icon-"] { display: inline-block; width: 0; text-align: center; width: auto; color: #2eb1c4; font-size: 32px; line-height: 32px; margin-right: 10px; text-shadow: none; margin-top: 0px; float: left; } @media (max-width: 979px) { .nav-collapse.collapse { overflow: visable; height: auto !important; display: none; } } @media (max-width: 979px) { .nav-collapse { display: none; } } @media (max-width: 979px) { .navbar .navbar-inner ul li { width: 100%; text-align: left; } } @media (max-width: 979px) { .navbar .navbar-inner ul li a { text-align: left; } } @media (max-width: 979px) { .navbar .navbar-inner ul li a:hover { background: none; } } @media (max-width: 979px) { ul.dropdown-menu li a { color: #555555 !important; background: none !important; } } #GreenNews { background: none; font-family: "freight-sans-pro", sans-serif; } @media (max-width: 767px) { #GreenNews .row { margin: 0 20px; } } #GreenNews #materials span.energy_badge { background: #ffb936 !important; } #GreenNews #materials .energybox:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #ffb936; -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #ffb936; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #ffb936; } #GreenNews #transport span.energy_badge { background: #414042 !important; } #GreenNews #transport .energybox:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #414042; -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #414042; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #414042; } #GreenNews #domestic span.energy_badge { background: #ff7340 !important; } #GreenNews #domestic .energybox:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #ff7340; -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #ff7340; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #ff7340; } #GreenNews .green_logo img { width: 50% !important; } #GreenNews .top_content { margin-bottom: 210px; } #GreenNews .no_marg { margin-right: 0 !important; } #GreenNews img.main_graphic { position: absolute; bottom: -21px; } #GreenNews .contentbackground { background: #f8f8f9; border-bottom: 1px solid #e9e9ea; color: #54585e !important; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #GreenNews .contentbackground .container { position: relative; } #GreenNews footer { background: none; border-top: none; text-align: center; color: #54585e; font-size: 14px; padding: 20px 0; } #GreenNews .margin_top { margin-top: 60px; } #GreenNews span.energy_badge { background: #2ecca7; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: white; font-size: 14px; padding: 14px 11px; width: 30px; text-align: center; line-height: 19px; height: 25px; display: inline-block; border: 3px solid #e3e4e6; right: 40%; bottom: -25px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 400ms ease-in-out; /* margin: 0 10px 0 30px; */ position: absolute; } @media (max-width: 767px) { #GreenNews span.energy_badge { right: 40%; } } #GreenNews .top_badges { font-weight: 300; float: right; margin-bottom: 40px; } #GreenNews .float_right { float: right; } #GreenNews .float_right .social_btn2 { float: right; } #GreenNews .float_left { float: left; } #GreenNews p { font-weight: 300; } #GreenNews .top_content h1 { font-size: 48px; font-weight: 400; color: #54585e; text-align: center; } #GreenNews .top_content h2 { font-weight: 300; color: #54585e; font-size: 24px; text-align: center; } #GreenNews .top_content p { font-size: 17px; line-height: 2; letter-spacing: 1px; } #GreenNews .text_column { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; width: 100%; float: left; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; margin-top: 40px; margin-bottom: 40px; } @media (max-width: 767px) { #GreenNews .text_column { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; text-align: center; } } #GreenNews .content_menu { background: #6daf4c; } #GreenNews .content_menu .img_links { padding: 20px 0; display: table; } @media (max-width: 767px) { #GreenNews .content_menu .img_links { padding: 10px 0; width: 100%; } } #GreenNews .content_menu .img_links .border { border-right: 1px solid white; } @media (max-width: 767px) { #GreenNews .content_menu .img_links .border { border-bottom: 1px solid white; padding-bottom: 10px; border-right: none; } } #GreenNews .content_menu .img_links a { color: white; margin-left: 40px; } @media (max-width: 979px) { #GreenNews .content_menu .img_links a { margin-left: 10px; } } #GreenNews .content_menu .img_links i { margin-left: 10px; } #GreenNews .content_menu .img_links .img_links_cont { vertical-align: middle; display: table-cell; text-align: center; } #GreenNews .content_main { background: white; padding-top: 70px; } #GreenNews .text_align { vertical-align: middle; display: table-cell; text-align: center; } #GreenNews .energyheader.display_table { display: table; width: 100%; height: 160px; } #GreenNews .energybox { width: 23%; float: left; margin-right: 2%; margin-bottom: 2%; background-color: white; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #e3e4e6; -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #e3e4e6; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #e3e4e6; padding: 0; cursor: pointer !important; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 400ms ease-in-out; border-radius: 4px; } @media (max-width: 767px) { #GreenNews .energybox { width: 100%; float: left; margin-right: 0; } } #GreenNews .energybox .energyheader { position: relative; border-bottom: 1px solid #e3e4e6; } #GreenNews .energybox .energyheader img { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); filter: grayscale(1); opacity: 1; width: 100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 400ms ease-in-out; } #GreenNews .energybox .energyheader .new_energ_q { padding: 0 20px; text-align: center; } #GreenNews .energybox .energyheader h3 { font-size: 20px; color: #54585e; font-weight: 500; line-height: 30px; } @media (max-width: 1200px) { #GreenNews .energybox .energyheader h3 { font-size: 18px; line-height: 24px; } } @media (max-width: 979px) { #GreenNews .energybox .energyheader h3 { font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { #GreenNews .energybox .energyheader h3 { font-size: 18px; line-height: 24px; } } #GreenNews .energybox .energybody { padding: 30px 20px; position: relative; text-align: center; height: 190px; } @media (max-width: 1200px) { #GreenNews .energybox .energybody { height: 240px; } } @media (min-width: 767px) and (max-width: 979px) { #GreenNews .energybox .energybody { height: 380px; } } #GreenNews .energybox .energybody p { font-size: 14px; font-weight: 300; color: #707479; } #GreenNews .energybox .energybody p span { font-size: 14px; font-weight: 300; color: #707479; } #GreenNews .energybox .energybody .energy_badge { background: #7fc65b; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: white; font-size: 14px; padding: 14px 11px; /* margin: 15px 20px 0 0; */ width: 23px; text-align: center; line-height: 19px; height: 18px; display: inline-block; border: 1px solid white; position: absolute; right: 20px; top: -24px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 400ms ease-in-out; } #GreenNews .energybox:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #2ecca7; -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #2ecca7; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 2px #2ecca7; } #GreenNews .energybox:hover img { -webkit-filter: grayscale(0.5); -moz-filter: grayscale(0.5); -o-filter: grayscale(0.5); -ms-filter: grayscale(0.5); filter: grayscale(0.5); opacity: 0.5; } #GreenNews .energybox:hover .energy_badge { border: 3px solid white; } #GreenNews #renewenergy, #GreenNews #solarenergy, #GreenNews #windenergy { padding: 40px 0; } #GreenNews #renewenergy h1, #GreenNews #solarenergy h1, #GreenNews #windenergy h1 { font-size: 30px; color: white; margin: 0; line-height: 30px; } #GreenNews #renewenergy h2, #GreenNews #solarenergy h2, #GreenNews #windenergy h2 { font-size: 14px; color: white; margin: 0; line-height: 18px; } #GreenNews #renewenergy img, #GreenNews #solarenergy img, #GreenNews #windenergy img { margin-left: 20px; } #GreenNews .extra_Energy { color: white; } #GreenNews .extra_Energy h1 { font-size: 30px; color: white; margin: 0; line-height: 30px; } #GreenNews .extra_Energy h2 { font-size: 18px; color: white; margin: 0; line-height: 24px; margin-bottom: 10px; } #GreenNews .extra_Energy p { color: white; font-size: 15px; line-height: 2; font-weight: 300; letter-spacing: 1px; } #newLayout { overflow-x: hidden; background: none !important; } #newLayout .contentBg_dark { background: #e4e4e4; } #newLayout .contentBg_dark .breadcrumb { padding: 10px 0; margin: 0; } #newLayout .navbar-inner { min-height: 20px; } #newLayout aside.span4 { margin-top: 30px !important; } #newLayout div#main-content { margin-top: 20px; } #newLayout div#main-content h3 { margin-top: 0; } #newLayout .contentBg { background: #f6f6f6; } #newLayout #branding { margin-top: 0; margin-bottom: 15px; } #newLayout #branding img { height: 30px; } #newLayout .secondary_menu { margin-top: 0px; margin-bottom: 0; } #newLayout .secondary_menu .navbar-inner { background: none; filter: none; background-image: none; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; border-bottom: none; } #newLayout .secondary_menu .navbar-inner ul { margin-right: 0px; float: right; width: auto; padding-right: 0; } #newLayout .secondary_menu .navbar-inner ul li a { float: left; text-align: center; text-shadow: none; color: #c2c2c2; font-size: 12px; width: 100%; padding-right: 15px !important; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; padding-bottom: 0; font-weight: 300; } #newLayout .secondary_menu .navbar-inner ul li ul.dropdown-menu { top: 80%; background-color: none; padding: 0; background-clip: inherit; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; margin: 1px 15px 0; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); } #newLayout .secondary_menu .navbar-inner ul li ul.dropdown-menu li { background: none !important; width: 100%; } #newLayout .secondary_menu .navbar-inner ul li ul.dropdown-menu li a { text-align: left; font-size: 12px; width: 100%; padding: 5px 15px; background: none !important; } #newLayout .secondary_menu .navbar-inner ul li ul.dropdown-menu li a.selected { color: #9ec73d; } #newLayout .secondary_menu .navbar-inner ul li ul.dropdown-menu li:hover { background: none !important; } #newLayout .secondary_menu .navbar-inner ul li ul.dropdown-menu li:hover a { color: #9ec73d; background: none !important; cursor: pointer; } #newLayout .secondary_menu .navbar-inner ul li .dropdown-menu:before, #newLayout .secondary_menu .navbar-inner ul li .dropdown-menu:after { display: none; } @media (max-width: 979px) { #newLayout .secondary_menu .navbar-inner ul li { width: auto !important; } } #newLayout .main_navbar { margin-top: 5px; } #newLayout .main_navbar .navbar-inner { background: none; filter: none; background-image: none; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; border-bottom: none; } #newLayout .main_navbar .navbar-inner ul { margin-right: 0px; width: auto; padding-right: 0; } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu { top: 80%; background-color: none; padding: 0; background-clip: inherit; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; margin: 1px 15px 0; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); } @media (max-width: 979px) { #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu li { background: none !important; width: 100%; } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu li a { color: #888888; font-size: 14px; text-align: left; width: 100%; padding: 5px 15px; background: none !important; font-weight: 300; } @media (max-width: 767px) { #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu li a { font-size: 14px; padding: 15px; } } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu li a.selected { color: #9ec73d; } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu li { background: none !important; } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu li a:hover { color: #9ec73d !important; background: none !important; cursor: pointer; } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu li:hover ul.dropdown-menu2 { display: block !important; } #newLayout .main_navbar .navbar-inner ul li .dropdown-menu:before, #newLayout .main_navbar .navbar-inner ul li .dropdown-menu:after { display: none; } #newLayout .main_navbar .navbar-inner ul li ul.dropdown-menu2 { display: none; } @media (max-width: 767px) { #newLayout .main_navbar .navbar-inner ul li a { font-size: 14px; } } #newLayout div#companyname { float: left; margin-right: 20px; } @media (max-width: 767px) { #newLayout div#companyname { margin-right: 20px; margin-left: 10px; } } @media (max-width: 767px) { #newLayout .btn-navbar { margin-top: 2px; } } #newLayout .cookie-policy { margin-bottom: 0px; clear: right; font-size: 11px !important; background-image: url(/assets/ico/iconverysmall.png); background-repeat: no-repeat; background-position: 4% 70%; cursor: pointer; } #newLayout .main_navbar .nav li a { padding-top: 0; } #newLayout .kundeservice { float: right; color: #888888; font-size: 14px; font-weight: 300; margin-top: -3px; } #newLayout .kundeservice img { max-height: 30px; margin-right: 5px; } #newLayout .kundeservice #number { color: #9ec73d; font-weight: 600; margin-left: 5px; } @media (max-width: 1200px) { #newLayout .kundeservice #number { margin-right: 0; } } @media (max-width: 1200px) { #newLayout .kundeservice #text { display: none; } } @media (max-width: 1200px) { #newLayout .kundeservice { margin-top: 5px; } } @media (max-width: 1200px) { #newLayout .kundeservice { display: none; } } #newLayout .kundeservice_1200 { display: none; } @media (max-width: 1200px) { #newLayout .kundeservice_1200 { display: block; } } #newLayout .content_topbanner { background: #ebebeb; color: #666666; position: relative; z-index: 1; } #newLayout .content_topbanner .background_vector { position: absolute; right: 0; bottom: 0; color: #4378a5; z-index: -1; } #newLayout .content_topbanner .left_side { margin-top: 25px; margin-bottom: 25px; } #newLayout .content_topbanner .left_side h1 { font-size: 30px; color: #666666; font-family: Helvetica, Arial, sans-serif !important; line-height: 38px; } #newLayout .content_topbanner .left_side h2 { font-size: 24px; color: #666666; font-family: Helvetica, Arial, sans-serif !important; font-weight: 300; line-height: 32px; } #newLayout .content_topbanner .left_side img.svg { width: 50px; height: 50px; } #newLayout .content_topbanner .left_side .processBox:first-child { margin-left: 0; } #newLayout .content_topbanner .left_side .firstchild { margin-top: 30px; margin-bottom: 30px; float: left; } #newLayout .content_topbanner .left_side .firstchild img { margin-bottom: 15px; } #newLayout .content_topbanner .left_side .firstchild span { font-size: 16px; font-weight: 600; } #newLayout .content_topbanner .left_side .firstchild p { font-size: 14px; line-height: 22px; margin-top: 5px; font-weight: 300; } #newLayout .content_topbanner .left_side .partner_wrapper { float: left; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); background: white; padding: 20px; display: table; width: 100%; box-sizing: border-box; } #newLayout .content_topbanner .left_side .partner_wrapper span.blockTitle { vertical-align: middle; display: table-cell; font-weight: 300; font-size: 16px; margin-right: 30px; } #newLayout .content_topbanner .left_side .partner_wrapper .image_block { float: left; margin-left: 20px; vertical-align: middle; display: table-cell; } @media (max-width: 979px) { #newLayout .content_topbanner .left_side { display: none !important; } } #newLayout .content_topbanner .right_side { margin-top: 25px; margin-bottom: 25px; } #newLayout .content_topbanner .right_side .new_contact { float: left; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); background: white; width: 100%; box-sizing: border-box; position: relative; } #newLayout .content_topbanner .right_side .new_contact .progress_bar { float: left; width: 100%; background: #e7e6e6; margin-top: 15px; } #newLayout .content_topbanner .right_side .new_contact .progress_bar .the_bar { width: 25%; background: #666666; color: white; font-size: 10px; float: left; text-align: center; line-height: 14px; } #newLayout .content_topbanner .right_side .new_contact .contact_header { background: #42b8ca; color: white; padding: 20px 30px; float: left; box-sizing: border-box; display: table; width: 100%; } #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_heading { float: left; vertical-align: middle; display: table-cell; } #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_heading h1 { font-size: 24px; color: white; font-family: Helvetica, Arial, sans-serif !important; line-height: 24px; } #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_heading .heading_mobile { display: none; } @media (max-width: 979px) { #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_heading .heading_mobile { display: block; font-size: 24px; text-align: center; } } @media (max-width: 768px) { #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_heading .heading_mobile { font-size: 16px; line-height: 22px; } } @media (max-width: 979px) { #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_heading .heading_desktop { display: none; } } #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_time { vertical-align: middle; display: table-cell; float: right; } #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_time i.fa.fa-clock-o { margin-right: 10px; font-size: 20px; } @media (max-width: 1200px) { #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_time i.fa.fa-clock-o { font-size: 13px; margin-right: 5px; } } @media (max-width: 979px) { #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_time { display: none; } } @media (max-width: 1200px) { #newLayout .content_topbanner .right_side .new_contact .contact_header .contact_time { font-size: 13px; } } #newLayout .content_topbanner .right_side .new_contact .contact_body { float: left; width: 100%; margin-bottom: 0; box-sizing: border-box; } #newLayout .content_topbanner .right_side .new_contact .contact_body .input_fields_container { padding: 30px 30px 0 30px; min-height: 210px; float: left; width: 100%; box-sizing: border-box; } @media (max-width: 767px) { #newLayout .content_topbanner .right_side .new_contact .contact_body .input_fields_container { min-height: 330px; } } @media (max-width: 1200px) { #newLayout .content_topbanner .right_side .new_contact .contact_body .input_fields_container { min-height: 240px; } } #newLayout .content_topbanner .right_side .new_contact .contact_body .button_container { padding: 0 30px 0 30px; float: left; width: 100%; box-sizing: border-box; min-height: 143px; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row { margin-bottom: 10px; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .display_field { width: 100%; margin-bottom: 20px; font-weight: 300; outline: none; font-size: 14px; color: #888888 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row input[type="checkbox"] { display: none; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row label { cursor: pointer; font-size: 14px; padding: 15px 0 0 0; display: inline; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row input[type="checkbox"] + label:before { border-style: solid; border-width: 1px; border-color: #cfcfcf; opacity: 1; background: white; content: "\00a0"; display: inline-block; font: 20px/1em sans-serif; height: 20px; margin: 0 .25em 0 0; padding: 0; vertical-align: middle; width: 20px; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row input[type="checkbox"]:checked + label:before { background: white; color: #333333; content: "\2713"; text-align: center; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact { width: 47%; float: left; margin-left: 6%; margin-bottom: 30px; position: relative; } @media (max-width: 767px) { #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact { width: 100%; margin-left: 0; } } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact input, #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact select { margin-bottom: 0px; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact select::-ms-expand { display: none; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact .error_message { color: red; font: 14px Arial; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact_triplet { width: 33%; float: left; margin-left: 0%; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .triplet { margin: 0 auto; text-align: center; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .wrapper_contact:first-child { margin-left: 0 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row .hidden { display: none !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row select { border-style: solid; border-width: 1px; border-color: #cfcfcf; opacity: 1; background: white; color: #888888 !important; border-radius: 0; padding: 0 20px; height: 40px; width: 100%; margin-bottom: 20px; font-weight: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: white url("/assets/svg/arrowdown.png") no-repeat 95% 55%; box-shadow: none; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row input { border-style: solid; border-width: 1px; border-color: #cfcfcf; opacity: 1; background: white; color: #888888 !important; border-radius: 0; padding: 10px; height: 40px; width: 100%; margin-bottom: 20px; font-weight: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font-size: 14px; box-shadow: none; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row input, #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row select, #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row textarea { color: #888888 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row textarea:focus, #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row input:focus { color: #888888 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row ::-webkit-input-placeholder { color: #888888 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row :-moz-placeholder { color: #888888 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row ::-moz-placeholder { color: #888888 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .contact_row :-ms-input-placeholder { color: #888888 !important; } #newLayout .content_topbanner .right_side .new_contact .contact_body .tak_new h2 { font-size: 24px; color: #666666; font-family: Helvetica, Arial, sans-serif !important; line-height: 38px; text-align: center; } #newLayout .content_topbanner .right_side .new_contact .contact_body .tak_new span { font-size: 14px; color: #666666; font-family: Helvetica, Arial, sans-serif !important; font-weight: 300; } #newLayout .content_topbanner .right_side .new_contact .contact_body .tak_new li { font-size: 14px; } #newLayout .content_topbanner .right_side .new_contact .landingBtn_mobile { display: none; } @media (max-width: 1200px) { #newLayout .content_topbanner .right_side .new_contact .landingBtn_mobile { display: block !important; } } #newLayout .content_topbanner .right_side .new_contact .landingBtn_desktop { display: block; } @media (max-width: 1200px) { #newLayout .content_topbanner .right_side .new_contact .landingBtn_desktop { display: none !important; } } #newLayout .content_topbanner .right_side .new_contact input#landingBtn_new { float: left; margin: 20px 0 5px 0; padding: 20px 80px; background-color: #fcaa0b; border-radius: 5px !important; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; color: white; font-size: 16px; font-weight: 700; width: auto; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border: 0; width: 100%; outline: none; } #newLayout .content_topbanner .right_side .new_contact #landingBtn_new:hover { background-color: #fab530; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } #newLayout .content_topbanner .right_side .new_contact .previous_container { float: left; width: 100%; margin: 5px 0; font-size: 12px; color: #999999; margin-bottom: 20px; } #newLayout .content_topbanner .right_side .new_contact .previous_container a { float: left; color: #999999; } #newLayout .content_topbanner .right_side .new_contact .previous_container .cookie_policie { float: right; line-height: normal; } #newLayout .content_topbanner .right_side .new_contact .previous_container .cookie_policie i.fa.fa-lock { margin-right: 5px; } #newLayout .content_topbanner .right_side .new_contact .previous_container .cookie_policie a { float: right; } @media (max-width: 979px) and (min-width: 768px) { #newLayout .content_topbanner .right_side { width: 724px !important; } } @media (max-width: 768px) { #newLayout .content_topbanner .right_side { margin: 0; } } #newLayout .contact_time_mobile { text-align: center; color: #666666; font-size: 14px; display: none; } #newLayout .contact_time_mobile i.fa.fa-clock-o { margin-right: 10px; font-size: 16px; } @media (max-width: 979px) { #newLayout .contact_time_mobile { display: block; text-align: center; color: #666666; font-size: 14px; } } @media (max-width: 767px) { #newLayout { padding: 0; overflow-x: hidden; } } @media (max-width: 767px) { #newLayout #main-content { padding: 0 20px; } } @media (max-width: 767px) { #newLayout aside { padding: 0 20px; } } #newLayout .validation { z-index: 1000; position: absolute; top: 7px; right: -20px; background-color: rgba(64, 74, 82, 0.7); padding: 1px 15px; color: white; text-align: center; font-size: 11px; display: block; } #newLayout .validation:before { content: ""; position: absolute; right: 100%; top: 8px; width: 0; height: 0; border-top: 5px solid transparent; border-right: 8px solid rgba(64, 74, 82, 0.7); border-bottom: 5px solid transparent; } #newLayout .hidden { display: none; } #newLayout form { margin: 0; } html, body { overflow-x: hidden; } .readmore { background: white; padding: 15px; width: 100%; float: left; box-sizing: border-box; margin: 15px 0; } .readmore span { padding-right: 10px; } table.res thead { display: block; } table.res tbody { display: block; } table.res th { display: block; } table.res td { display: block; } table.res tr { display: block; } .more_ways_inner { color: #666666; padding: 15px; text-align: center; float: left; width: 100%; margin: 20px 0 30px 0; box-sizing: border-box; } .more_ways_inner a { color: white !important; } .more_ways_inner a:hover { color: white !important; } .more_ways_inner .landingBtn_new_inner { display: inline-block; margin: 20px 0 5px 0; padding: 20px 80px; background-color: #fcaa0b; border-radius: 5px !important; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; color: white; font-size: 16px; font-weight: 700; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border: 0; outline: none; cursor: pointer; } .more_ways_inner .landingBtn_new_inner:hover { background-color: #fab530; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; text-decoration: none; } .more_ways_inner span#nudgingSpan { float: left; width: 100%; margin-top: 10px; } .more_ways_inner span#nudgingSpan .fa { margin-right: 5px; } .blog_top_header { width: 100%; float: left; padding: 40px 0; background: #ebebeb; text-align: center; } .blog_top_header h2 { font-size: 24px; color: #666666; font-family: Helvetica, Arial, sans-serif !important; font-weight: 300; line-height: 32px; } .blog_top_header h1 { font-size: 30px; color: #666666; font-family: Helvetica, Arial, sans-serif !important; line-height: 38px; } @media (max-width: 767px) { .blog_top_header { padding-bottom: 0; } } .blog_post_wrapper { background: #ebebeb; color: #666666; padding: 0 0 40px 0; } @media (max-width: 1200px) { .blog_post_wrapper .container { padding: 0 20px; } } .blog_post_wrapper .group { margin-top: 30px; } @media (max-width: 979px) { .blog_post_wrapper .group { margin-top: 0; } } .blog_post_wrapper .group:first-child { margin-top: 0; } .blog_post_wrapper .blog_block_box { color: #666666; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; } .blog_post_wrapper .blog_block_box .img { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; width: 100%; height: 176px; display: block; } .blog_post_wrapper .blog_block_box .dateCreated { font-size: 12px; font-weight: 300; } .blog_post_wrapper .blog_block_box .dateCreated i { margin-right: 5px; } .blog_post_wrapper .blog_block_box .content { background: white; padding: 20px; border-bottom: none; height: 230px; } .blog_post_wrapper .blog_block_box .content h3 { font-size: 18px; line-height: 24px; color: #666666; margin: 15px 0 10px 0; } .blog_post_wrapper .blog_block_box .content p { font-size: 12px; font-weight: 300; } @media (max-width: 1200px) { .blog_post_wrapper .blog_block_box .content { height: 250px; } } @media (max-width: 979px) and (min-width: 768px) { .blog_post_wrapper .blog_block_box .content { height: 180px; } } @media (max-width: 767px) { .blog_post_wrapper .blog_block_box .content { height: auto; } } .blog_post_wrapper .blog_block_box .blogBtn { background: white; padding: 10px; text-align: center; color: #2db0c4; font-size: 14px; border-top: none; border-top: 1px solid #ebebeb; } @media (max-width: 979px) and (min-width: 768px) { .blog_post_wrapper .blog_block_box { width: 47%; margin-top: 30px; } } @media (max-width: 767px) { .blog_post_wrapper .blog_block_box { margin-top: 20px; } } .blog_post_wrapper .blog_block_box:hover { -webkit-box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.2); text-decoration: none !important; } .blog_post_wrapper .load_more { text-align: center; margin-top: 40px; } .blog_post_wrapper .load_more a#load-more { margin: 20px 0 5px 0; padding: 20px 80px; background-color: #fcaa0b; border-radius: 5px !important; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; color: white; font-size: 16px; font-weight: 700; width: auto; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border: 0; outline: none; display: inline-block; cursor: pointer; } .blog_post_wrapper .load_more a#load-more:hover { background-color: #fab530; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; text-decoration: none !important; } .table_nav_buttons { border-spacing: 2px; border-collapse: separate; } .table_nav_buttons tr { padding: 2%; background: #efefef !important; } .table_nav_buttons tr button { font-family: 'Open Sans', sans-serif; background: none; border: none; color: #555555; padding: 10px; } .table_nav_buttons tr button:hover { color: #28aa66; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; } .table_nav_buttons tr td { padding: 5px; } table.cm_content_table { width: 100%; } .cm_content_table tr:first-child td { background-color: #9ec73d; color: white; } .cm_content_table tr:nth-child(odd) { background-color: #f7f7f7; } .cm_content_table tr:nth-child(even) { background-color: white; } ul.cm_navigation_menu_list { margin: 0 !important; } ul.cm_navigation_menu_list li { list-style-type: none; padding: 10px; margin: 0 !important; } ul.cm_navigation_menu_list li a { display: block; } .cm_navigation_menu_list li:nth-child(odd) { background-color: ghostwhite; } ul.cm_navigation_menu_list li:nth-child(even) { background-color: white; } .become-partner-container { font-size: 14px; display: inline-block; vertical-align: top; } .langtop { margin-left: 5px; } .checkbox-label-text label { font-size: 10px !important; } div.partners_models_background_color { background-color: white; padding: 20px; box-shadow: 1px 1px 6px 1px; float: left; position: relative; } div.partners_models_background_color ul { display: inline-block; width: 60%; } div.partners_models_background_color button { background-color: orange; border-style: none; height: 45px; width: 220px; color: white; font-size: 16px; border-radius: 6px; cursor: pointer; float: right; transition: 0.3s; position: absolute; right: 30px; bottom: 30px; } div.partners_models_background_color button:hover { background-color: #ffcb0b; } @media screen and (min-width: 986px) { div.energitilskudsportalen_application_process { font-size: 18px; padding: 12.5px 25px 0 0; } div.energitilskudsportalen_application_process ul { width: 100%; display: flex; text-align: center; color: black; } div.energitilskudsportalen_application_process ul li { float: left; margin: 0 5px 0 5px; list-style-type: none; line-height: 19px; } div.energitilskudsportalen_application_process ul li span { line-height: 20px; } div.energitilskudsportalen_application_process ul li img { width: 60px; margin-bottom: 10px; } div.energitilskudsportalen_application_process ul li span img { width: 30px; margin: 15px 10px 15px 10px; } } @media screen and (max-width: 985px) { div.energitilskudsportalen_application_process { font-size: 18px; padding: 12.5px 25px 0 0; display: none; } div.energitilskudsportalen_application_process ul { width: 100%; display: flex; text-align: center; color: black; } div.energitilskudsportalen_application_process ul li { float: left; margin: 0 5px 0 5px; list-style-type: none; line-height: 19px; } div.energitilskudsportalen_application_process ul li span { line-height: 20px; } div.energitilskudsportalen_application_process ul li img { width: 60px; margin-bottom: 10px; } div.energitilskudsportalen_application_process ul li span img { width: 30px; margin: 15px 10px 15px 10px; } } .below_button_container { font-size: 12px; color: #999999; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; }