/* -------------------------------------------------------- */ /* */ /* B A S E */ /* */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* R E S E T */ /* -------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} hr {display:block;margin:1em 0;padding:0;border:0;border-top:1px solid #ddd;height:1px;} a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;} ins {background-color:#ff9;color:#000;text-decoration:none;} mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del {text-decoration:line-through;} abbr[title], dfn[title] {cursor:help;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:none;} nav ul {list-style:none;} input, select {vertical-align:middle;} table {border-collapse:collapse;border-spacing:0;} *:focus {outline:0;} /* -------------------------------------------------------- */ /* F O N T S */ /* -------------------------------------------------------- */ @font-face {font-family:'Farnham';src: url('fonts/FarnhamText-Regular.eot');src: url('fonts/FarnhamText-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/FarnhamText-Regular.woff') format('woff'),url('fonts/FarnhamText-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Farnham_LF';src: url('fonts/FarnhamText-RegularLF.eot');src: url('fonts/FarnhamText-RegularLF.eot?#iefix') format('embedded-opentype'),url('fonts/FarnhamText-RegularLF.woff') format('woff'),url('fonts/FarnhamText-RegularLF.ttf') format('truetype');font-weight:normal;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Farnham_Semi';src:url('fonts/FarnhamText-Semi.eot');src:url('fonts/FarnhamText-Semi.eot?#iefix') format('embedded-opentype'),url('fonts/FarnhamText-Semi.woff') format('woff'),url('fonts/FarnhamText-Semi.ttf') format('truetype');font-weight:normal;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Farnham_Semi_LF';src:url('fonts/FarnhamText-SemiLF.eot');src:url('fonts/FarnhamText-SemiLF.eot?#iefix') format('embedded-opentype'),url('fonts/FarnhamText-SemiLF.woff') format('woff'),url('fonts/FarnhamText-SemiLF.ttf') format('truetype');font-weight:normal;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Farnham_Bold';src:url('fonts/FarnhamText-Bold.eot');src: url('fonts/FarnhamText-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/FarnhamText-Bold.woff') format('woff'),url('fonts/FarnhamText-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Farnham_Bold_LF';src:url('fonts/FarnhamText-BoldLF.eot');src:url('fonts/FarnhamText-BoldLF.eot?#iefix') format('embedded-opentype'),url('fonts/FarnhamText-BoldLF.woff') format('woff'),url('fonts/FarnhamText-BoldLF.ttf') format('truetype');font-weight:bold;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Molgroup';src:url('fonts/Molgroup-Regular.eot');src: url('fonts/Molgroup-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Molgroup-Regular.woff') format('woff'),url('fonts/Molgroup-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Molgroup_Light';src: url('fonts/Molgroup-Light.eot');src:url('fonts/Molgroup-Light.eot?#iefix') format('embedded-opentype'),url('fonts/Molgroup-Light.woff') format('woff'),url('fonts/Molgroup-Light.ttf') format('truetype');font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;} @font-face {font-family:'Molgroup_Black';src: url('fonts/Molgroup-Black.eot');src: url('fonts/Molgroup-Black.eot?#iefix') format('embedded-opentype'),url('fonts/Molgroup-Black.woff') format('woff'),url('fonts/Molgroup-Black.ttf') format('truetype');font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;} /* -------------------------------------------------------- */ /* S H O R T I E S */ /* -------------------------------------------------------- */ /* --- Display --- */ .hidden {display:none;} /* --- Overflow --- */ .of_h {overflow:hidden;} /* --- No break --- */ .no_br {white-space:nowrap;} /* --- Text-Align --- */ .ta_left {text-align:left;} .ta_right {text-align:right;} .ta_center {text-align:center;} .ta_justify {text-align:justify;} /* --- Float --- */ .fl {float:left;} .fr {float:right;} /* --- ClearFix --- */ .cf:before, .cf:after {content:" ";display:table;} .cf:after {clear:both;} .cf {*zoom:1;} /* --- Transition --- */ .anim {-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .anim_150 {-webkit-transition:all 150ms ease-in-out 0ms;-moz-transition:all 150ms ease-in-out 0ms;-ms-transition:all 150ms ease-in-out 0ms;-o-transition:all 150ms ease-in-out 0ms;transition:all 150ms ease-in-out 0ms;} .anim_300 {-webkit-transition:all 300ms ease-in-out 0ms;-moz-transition:all 300ms ease-in-out 0ms;-ms-transition:all 300ms ease-in-out 0ms;-o-transition:all 300ms ease-in-out 0ms;transition:all 300ms ease-in-out 0ms;} /* -------------------------------------------------------- */ /* C U S T O M */ /* -------------------------------------------------------- */ /* --- Focus --- */ *:focus {outline:0;} /* --- Selection --- */ ::-moz-selection {background-color:#e9293f;color:#fff;} ::selection {background-color:#e9293f;color:#fff;} /* --- Placeholder --- */ ::-webkit-input-placeholder {color:#000;} :-ms-input-placeholder {color:#000;} ::-moz-placeholder {color:#000;} :-moz-placeholder {color:#000;} /* -------------------------------------------------------- */ /* J O O M L A F I X */ /* -------------------------------------------------------- */ /* .tooltip {display:none !important;} */ /* -------------------------------------------------------- */ /* C H R O M E I M A G E R E N D E R I N G F I X */ /* -------------------------------------------------------- */ img {image-rendering:-webkit-optimize-contrast;image-rendering:optimizeQuality;} /* -------------------------------------------------------- */ /* B O X - S I Z I N G F I X */ /* -------------------------------------------------------- */ body * {-moz-box-sizing:border-box;box-sizing:border-box;} /* -------------------------------------------------------- */ /* F R A M E */ /* -------------------------------------------------------- */ html {height:100%;} body {height:100%;background-color:#efefef;font-family:Calibri,Arial,Sans-Serif;color:#000;cursor:default;} body { overflow-x: hidden; } @media(max-width:996px) { body { overflow: auto; } } body.welcome {background-color:#fff;} #bc_wrapper {position:relative;width:100%;} body.our-story #bc_wrapper {height:100%;} body a {font-family:Calibri,Arial,Sans-Serif;color:#000;text-transform:none;} .bc_site_width {position:relative;margin:0 auto;width:1200px;padding:0 30px;} .bc_site_minwidth {position:relative;margin:0 auto;min-width:1200px;} #bc_header {position:relative;display:block;width:100%; max-width: 1200px; margin: 0 auto; min-height:90px;background-color:#fff;} #bc_header_left {float:left;width:75%;max-width:75%;} #bc_header_right {float:right;width:25%;max-width:25%;} #bc_preloader {position:relative;display:block;width:100%;} #bc_content {position:relative;display:block;width:100%;} #bc_footer {position:relative;display:block;width:100%;} /* --- Logo --- */ #mol_group_logo {display:block;margin:25px 0 0;width:190px;height:30px;} #mol_group_logo img {display:inline-block;width:190px;height:30px;border:none;outline:none;} /* --- Menu --- */ #bc_menu {margin:0 0 0 -15px;} #bc_menu ul {list-style:none;} #bc_menu ul li {display:inline-block;padding:15px 0px;} #bc_menu ul li a {display:inline-block;padding:11px 10px 9px;font-family:'Molgroup',Arial,Sans-Serif;color:#000;font-size:13px;text-transform:uppercase;text-decoration:none;cursor:pointer;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} #bc_menu ul li a:hover {color:#e41e26;-moz-box-shadow:inset 0 0 0px 2px #eee;-webkit-box-shadow:inset 0 0 0px 2px #eee;box-shadow:inset 0 0 0px 2px #eee;} #bc_menu ul li a:active {color:#e41e26;-moz-box-shadow:inset 0 0 30px 20px #eee;-webkit-box-shadow:inset 0 0 30px 20px #eee;box-shadow:inset 0 0 30px 20px #eee;} #bc_menu ul li.active a {color:#e41e26;} /* --- Idea --- */ #bc_idea {float:right;display:block;padding:30px 0 10px;width:100%;text-align:right;} #bc_idea img {border:none;outline:none;} /* --- Search--- */ #bc_search {float:right;position:relative;display:block;min-width:150px;margin:7px 0 0;} #bc_search input[type="text"] {width:150px;height:26px;background:#ececec url('../img/search_icon.png') no-repeat 125px 50%;border:1px solid #ececec;text-align:left;padding:6px 20px 6px 8px;color:#000;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} #bc_search input[type="text"]:hover, #bc_search input[type="text"]:focus {background:#e1e1e1 url('../img/search_icon_r.png') no-repeat 125px 50%;} #bc_search input[type="submit"].search_hidden_btn {position:absolute;right:0;top:0;width:25px;height:26px;background-color:#ececec;border:1px solid #ececec;color:#ececec;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0.0;cursor:pointer} /* --- Usermenu --- */ #bc_usermenu {float:right;position:relative;display:block;margin:7px 20px 0 0;padding:0 5px;min-width:100px;text-align:right;} #bc_usermenu .bc_usermenu_btn {position:relative;height:26px;font-family:'Molgroup_Black',Arial,Sans-Serif;color:#9f9f9f;font-size:13px;line-height:26px;cursor:pointer;} #bc_usermenu .bc_usermenu_btn:after {content:url('../img/menu_drop.png');padding:0 0 0 8px;vertical-align:middle;} #bc_usermenu .bc_usermenu_list {display:block;position:absolute;z-index:10;top:24;right:0;min-width:100%;background-color:#fff;border-top:2px solid #ececec;/* ! */display:none;} #bc_usermenu .bc_usermenu_list ul {list-style:none;} #bc_usermenu .bc_usermenu_list a {display:block;padding:6px 10px;font-family:'Molgroup_Black',Arial,Sans-Serif;color:#9f9f9f;font-size:13px;line-height:18px;cursor:pointer;text-align:left;} #bc_usermenu .bc_usermenu_list a:hover {background-color:#ececec;color:#3f3f3f;} #bc_usermenu .bc_usermenu_list a.bc_logout {color:#e41e26;} /* --- Preloader --- */ #bc_preloader {} /* --- System messages / Fix --- */ body.login #system-message-container .alert, body.welcome #system-message-container .alert {margin:0 0 30px;} body.login #system-message-container .alert-message, body.welcome #system-message-container .alert-message {display:none;} /* --- System messages / Noty --- */ #system-message-container .alert {position:relative;padding:5px 10px;} #system-message-container .alert-message {background-color:#d1d1d1;color:#000;} #system-message-container .alert-message a.close {position:absolute;top:7px;right:10px;width:24px;height:24px;background-color:#eee;line-height:24px;font-size:22px;color:#ec1c29;text-align:center;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} #system-message-container .alert-message a.close:hover {background-color:#bbb;} #system-message-container .alert-message h4.alert-heading {padding:0px 10px;line-height:24px;font-size:18px;} #system-message-container .alert-message div {} #system-message-container .alert-message div > p {padding:10px 10px;border-top:1px solid #ccc;} #system-message-container .alert-message div > p:first-child {border:none;} #system-message-container .alert-mbc-message {background-color:#d1d1d1;color:#000;} #system-message-container .alert-mbc-message a.close {position:absolute;top:7px;right:10px;width:24px;height:24px;background-color:#eee;line-height:24px;font-size:22px;color:#ec1c29;text-align:center;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} #system-message-container .alert-mbc-message a.close:hover {background-color:#bbb;} #system-message-container .alert-mbc-message h4.alert-heading {padding:0px 10px;line-height:24px;font-size:18px;} #system-message-container .alert-mbc-message div {} #system-message-container .alert-mbc-message div > p {padding:10px 10px;border-top:1px solid #ccc;} #system-message-container .alert-mbc-message div > p:first-child {border:none;} #system-message-container .alert-notice {background-color:#2ab162;color:#fff;} #system-message-container .alert-notice a.close {position:absolute;top:7px;right:10px;width:24px;height:24px;background-color:#32c971;line-height:24px;font-size:22px;color:#fff;text-align:center;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} #system-message-container .alert-notice a.close:hover {background-color:#1b8647;} #system-message-container .alert-notice h4.alert-heading {padding:0px 10px;line-height:24px;font-size:18px;} #system-message-container .alert-notice div {} #system-message-container .alert-notice div > p {padding:10px 10px;border-top:1px solid #269e58;} #system-message-container .alert-notice div > p:first-child {border:none;} #system-message-container .alert-warning {background-color:#ec1c29;color:#fff;} #system-message-container .alert-warning a.close {position:absolute;top:7px;right:10px;width:24px;height:24px;background-color:#fe3a46;line-height:24px;font-size:22px;color:#fff;text-align:center;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} #system-message-container .alert-warning a.close:hover {background-color:#d11420;} #system-message-container .alert-warning h4.alert-heading {padding:0px 10px;line-height:24px;font-size:18px;} #system-message-container .alert-warning div {} #system-message-container .alert-warning div > p {padding:10px 10px;border-top:1px solid #C81420;} #system-message-container .alert-warning div > p:first-child {border:none;} #system-message-container .alert-warning .alert-message {display:block !important;background-color:#FE3A46;color:#FFF;margin:10px 0 5px;} #system-message-container .alert-error {background-color:#ec1c29;color:#fff;} #system-message-container .alert-error p {padding:10px 10px;border-top:1px solid #C81420;} #system-message-container .alert-error p:first-child {border:none;} #upload_form_noty .alert-error {display:none;background-color:#ec1c29;color:#fff;} #upload_form_noty .alert-error.show {display: block;} #upload_form_noty .alert-error p {padding:10px 10px;border-top:1px solid #C81420;color:#fff;} #upload_form_noty .alert-error p:first-child {border:none;} form .required_noty, #form_project_upload .required_noty {padding-bottom:15px;} form .form_set_line.required label, #form_project_upload label.required {color:#ec1c29;} form .form_set_line.required input, form .form_set_line.required select, form .form_set_line.required textarea, form .form_set_line.required .helper, #form_project_upload input.required, #form_project_upload textarea.required {border-top:1px solid #ec1c29 !important;} /* --- System messages / Logout --- */ .logoutwelcome {text-align:center;padding:30px;} .logoutwelcome .btn-primary {display:inline-block;padding:15px 15px;background-color:#ec1c29;border:1px solid #ec1c29;color:#fff;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:14px;text-transform:uppercase;cursor:pointer;-moz-box-shadow:inset 0 0 0px 1px transparent;-webkit-box-shadow:inset 0 0 0px 1px transparent;box-shadow:inset 0 0 0px 1px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .logoutwelcome .btn-primary:hover {color:#fff;border:1px solid #D3171F;-moz-box-shadow:inset 0 0 0px 1px #D3171F;-webkit-box-shadow:inset 0 0 0px 1px #D3171F;box-shadow:inset 0 0 0px 1px #D3171F;} .logoutwelcome .btn-primary:active {color:#fff;border:1px solid #D3171F;-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} /* --- Content --- */ #bc_content {} /* --- Content / Topbar --- */ #bc_topbar {width:100%;} #bc_topbar .bc_topbar_bg_container {position:relative;width:100%;height:119px;overflow:hidden;} #bc_topbar .bc_topbar_bg {position:absolute;z-index:0;top:0;left:50%;margin:0 0 0 -720px;width:1580px;height:119px;overflow:hidden;} #bc_topbar .bc_topbar_bg.bg_1 {background:transparent url('../img/bc_topbar_bg_1.png') no-repeat 50% 50%;} #bc_topbar .bc_topbar_bg.bg_2 {background:transparent url('../img/bc_topbar_bg_2.png') no-repeat 50% 50%;} #bc_topbar .fresh_corner_topbar_bg.bg_3 {background:transparent url('../img/fresh_corner_topbar.jpg') no-repeat 100%;} #bc_topbar .fresh_corner_topbar_bg {position:absolute;z-index:0;top:0;width:100%;height:119px;overflow:hidden;} #bc_topbar .bc_topbar_bg_container h2 {position:absolute;display:block;z-index:1;top:0;left:50%;margin:0 0 0 -75px;font-family:'Farnham_Bold',Arial,Sans-Serif;font-size:37px;color:#fff;} #bc_topbar .bc_topbar_bg_container h2 > span {display:block;padding:0px 0px 20px 30px;} #bc_topbar .bc_topbar_bg_container h2 > span:first-child {padding:20px 0px 2px 0px;} /* --- Content / Header --- */ #bc_content_header {display:table;} #bc_content_header .bc_content_header_left {display:table-cell;width:100%;padding:0 20px 0 0;text-align:left;} #bc_content_header .bc_content_header_right {display:table-cell;width:20%;text-align:right;} #bc_content_header h2 {padding:25px 0 10px;font-family:'Farnham_Semi',Arial,Sans-Serif;font-size:45px;color:#000;} #bc_content_header p {font-family:Calibri,Arial,Sans-Serif;font-size:15px;padding:0 0 10px;} #bc_content_header a.bc_upload_project_btn {display:inline-block;padding:15px 15px;background-color:#ec1c29;color:#fff;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:14px;text-transform:uppercase;cursor:pointer;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} #bc_content_header a.bc_upload_project_btn:hover {color:#fff;-moz-box-shadow:inset 0 0 0px 2px #D3171F;-webkit-box-shadow:inset 0 0 0px 2px #D3171F;box-shadow:inset 0 0 0px 2px #D3171F;} #bc_content_header a.bc_upload_project_btn:active {color:#fff;-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} /* --- Content / Breadcumbs --- */ .breadcrumb {list-style:none;font-family:'Molgroup',Arial,Sans-Serif;font-size:12px;text-transform:uppercase;} .breadcrumb .divider {display:none;} .breadcrumb li:first-child {display:none;} .breadcrumb li {display:inline-block;} .breadcrumb a {font-family:'Molgroup',Arial,Sans-Serif;padding:0 3px 0 0;color:#8e8e8e;text-transform:uppercase;} .breadcrumb span {font-family:'Molgroup_Black',Arial,Sans-Serif;padding:0 3px 0 0;color:#ec1c29;text-transform:uppercase;} .breadcrumb a:after, .breadcrumb span:after {content:' / ';padding:0 5px;} .breadcrumb li:last-child a:after, .breadcrumb li:last-child span:after {content:'';padding:0;} body.fresh-corner .breadcrumb span {color: #543018;} /* --- Content / Box --- */ #bc_content_box {padding:0 0 50px;} #bc_content_box h4 { font-size: 17px; } #bc_content_box h4 a:hover { color: #ec1c29; } /* --- Content / Blocks --- */ .bc_content_container {position:relative;display:table;margin:15px 0 0;border-top:1px solid #e0e0e0;} .bc_content_left {display:table-cell;width:80%;border-right:1px solid #e0e0e0;padding:20px 0 0;vertical-align:top;} .bc_content_left h3 {padding:0 0 20px;font-family:'Molgroup_Light',Arial,Sans-Serif;font-size:18px;color:#000;text-transform:uppercase;} .bc_content_right {display:table-cell;width:20%;padding:10px 0 10px 20px;vertical-align:top;} .bc_content_right .bc_sidenote {padding:10px 0px;} .bc_content_right .bc_sidenote h3 {padding:0px 0px 2px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;color:#ec1c29;text-transform:uppercase;} .bc_content_right .bc_sidenote p {padding:0px 0px 2px;font-family:Calibri,Arial,Sans-Serif;font-size:15px;color:#000;} .bc_content_right .bc_sidenote a {padding:0px 0px 2px;font-weight:bold;color:#000;} .bc_content_right .bc_sidenote a:hover {color:#ec1c29;} .bc_content_right .bc_sidenote.bc_brandbook {margin: 40px 0 0;} .bc_content_right .bc_sidenote .bc_downloads_blocks .bc_downloads_block {width: 135%; margin: 20px 0 0;} body.fresh-corner-kiosk-fresh-corner .bc_content_right .bc_sidenote.hidden-kiosk {display:none;} .bc_content_right div.tags {padding:20px 0 10px;} .bc_content_right div.tags div {display:block;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#22211f;} .bc_content_right a.tag {display:inline-block;margin:10px 3px 0 0;padding:6px 10px 4px;line-height:14px;background-color:#e52230;font-family:'Molgroup',Arial,Sans-Serif;font-size:10px;text-transform:uppercase;color:#fff;-webkit-transform:skew(-25deg);-moz-transform:skew(-25deg);-ms-transform:skew(-25deg);-o-transform:skew(-25deg);transform:skew(-25deg);cursor:pointer;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_content_right a.tag:hover {color:#fff;-moz-box-shadow:inset 0 0 0px 2px #D3171F;-webkit-box-shadow:inset 0 0 0px 2px #D3171F;box-shadow:inset 0 0 0px 2px #D3171F;} .bc_content_right a.tag:active {color:#fff;-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} .bc_content_right a.tag span {display:inline-block;-webkit-transform:skew(25deg);-moz-transform:skew(25deg);-ms-transform:skew(25deg);-o-transform:skew(25deg);transform:skew(25deg);} body.fresh-corner .bc_content_right .bc_sidenote h3 {color: #543018} /* --- 'Find in guideline' link --- */ .bc_downloads_block_detail .detail_description #find {color: #e41e26;} .bc_downloads_block_detail .detail_description #find:after {display: inline-block; content: url('../img/download_icon.png'); padding: 0 0 0 10px; vertical-align: bottom; width: 17px; height: 16px;} .bc_downloads_block_detail .detail_description #find:hover:after {content: url('../img/download_icon_on.png');} /* --- Form --- */ .mol_form_contact_container {} .mol_form_contact_container fieldset {padding:5px 0;} .mol_form_contact_container legend {padding:5px;text-align:center;} .form_set_line {padding:5px 0;} .form_set_line label {font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;color:#000;text-transform:uppercase;text-align:left;} .form_set_line label a {font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;color:#000;text-transform:uppercase;text-align:left;text-decoration:underline;} .form_set_line label a:hover {text-decoration:none;color:#ec1c29;} .form_set_line label span {font-family:'Molgroup',Arial,Sans-Serif !important;} .form_set_line label .addition {font-family:Calibri,Arial,Sans-Serif !important;font-weight:normal;text-transform:none;} .form_set_line .input_set {padding:5px 0;} .form_set_line .input_set input[type="text"], .form_set_line .input_set input[type="email"], .form_set_line .input_set input[type="password"], .form_set_line .input_set select {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px; text-align:left;-moz-box-shadow:inset 0 2px 0px -2px transparent;-webkit-box-shadow:inset 0 2px 0px -2px transparent;box-shadow:inset 0 2px 0px -2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .form_set_line .input_set select {min-height: 34px;} .form_set_line .input_set textarea {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px; text-align:left;-moz-box-shadow:inset 0 2px 0px -2px transparent;-webkit-box-shadow:inset 0 2px 0px -2px transparent;box-shadow:inset 0 2px 0px -2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .form_set_line .input_set input[type="text"]:hover, .form_set_line .input_set input[type="email"]:hover, .form_set_line .input_set input[type="password"]:hover, .form_set_line .input_set select:hover, .form_set_line .input_set textarea:hover {-moz-box-shadow:inset 0 2px 0px -2px #c5c4c3;-webkit-box-shadow:inset 0 2px 0px -2px #c5c4c3;box-shadow:inset 0 2px 0px -2px #c5c4c3;} .form_set_line .input_set input[type="text"]:focus, .form_set_line .input_set input[type="email"]:focus, .form_set_line .input_set input[type="password"]:focus, .form_set_line .input_set select:focus, .form_set_line .input_set textarea:focus {-moz-box-shadow:inset 0 20px 30px -20px #c5c4c3;-webkit-box-shadow:inset 0 20px 30px -20px #c5c4c3;box-shadow:inset 0 20px 30px -20px #c5c4c3;} .form_set_line .input_set input[readonly="readonly"], .form_set_line .input_set input[readonly="readonly"]:hover, .form_set_line .input_set input[readonly="readonly"]:focus, .form_set_line .input_set select[readonly="readonly"], .form_set_line .input_set select[readonly="readonly"]:hover, .form_set_line .input_set select[readonly="readonly"]:focus {width:100%;padding:7px 15px;background-color:transparent;border:1px solid transparent;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .form_set_line .select_50 {float:left;margin:0 0 0 2%;width:49%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;font-weight:normal;text-transform:none;} .form_set_line .select_50:hover {background-color:#ec1c29;color:#fff;} .form_set_line .select_50:first-child {margin:0;} .form_set_line .select_50 input {margin:0 0 0 5px;} .form_set_line .tags {list-style:none;} .form_set_line .accept_checkbox[type="checkbox"] {width:22px;height:22px;font-size:20px;} .form_set_lastline {padding:15px 0;border-top:2px solid #dbdbdb;text-align:right;} .form_set_lastline input, .form_set_lastline button {padding:20px 20px;background-color:#ec1c29;border:1px solid #ec1c29;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:18px;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .form_set_lastline input:hover, .form_set_lastline button:hover {color:#fff;-moz-box-shadow:inset 0 0 0px 2px #D3171F;-webkit-box-shadow:inset 0 0 0px 2px #D3171F;box-shadow:inset 0 0 0px 2px #D3171F;} .form_set_lastline input:active, .form_set_lastline button:active {color:#fff;-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} .form_set_line optgroup.hide {display: none !important; visibility: hidden !important; height: 0px !important;} .form_set_line optgroup.hide option {display: none !important; visibility: hidden !important; height: 0px !important;} form.success .form_set_lastline .submit_btn_wrapper input[type="submit"] {background:#009900;border-color:#009900;} form.success .form_set_lastline .submit_btn_wrapper input[type="submit"]:hover {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} /* --- Form / Button with loader --- */ .form_set_lastline .submit_btn_wrapper {display:inline-block;background-color:#ec1c29;font-size:0px;text-align:center;cursor:default;} .form_set_lastline .submit_btn_wrapper input, .form_set_lastline .submit_btn_wrapper button {vertical-align:top;} .form_set_lastline .submit_btn_wrapper input.disabled, .form_set_lastline .submit_btn_wrapper button.disabled, .form_set_lastline .submit_btn_wrapper input.disabled:hover, .form_set_lastline .submit_btn_wrapper button.disabled:hover, .form_set_lastline .submit_btn_wrapper input.disabled:active, .form_set_lastline .submit_btn_wrapper button.disabled:active {-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:default !important;} .form_set_lastline .submit_btn_wrapper .loader-wrap {display:inline-block;overflow:hidden;width:auto;height:64px;text-align:left;vertical-align:top;} .form_set_lastline .submit_btn_wrapper .loader-wrap.hidden {display: none; width: 0px;} .form_set_lastline .submit_btn_wrapper .loader-inner {display:inline-block;width:90px;padding:21px 20px 19px 0;vertical-align:top;} /* --- Form / File input --- */ .form_set_line .input_set .fileinput_custom_btn {position:relative;display:block;width:150px;padding:7px 10px;text-align:center;line-height:18px;color:#fff;background-color:#ec1c29;border:1px solid #ec1c29;cursor:pointer;-moz-box-shadow:inset 0 0 0px 1px transparent;-webkit-box-shadow:inset 0 0 0px 1px transparent;box-shadow:inset 0 0 0px 1px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms; z-index: 5;} .form_set_line .input_set .fileinput_custom_btn:hover {border:1px solid #D3171F;-moz-box-shadow:inset 0 0 0px 1px #D3171F;-webkit-box-shadow:inset 0 0 0px 1px #D3171F;box-shadow:inset 0 0 0px 1px #D3171F;} .form_set_line .input_set .fileinput_custom_btn:active {border:1px solid #D3171F;-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} .form_set_line .input_set .fileinput_custom_btn.file_selected {color:#fff;} .form_set_line .input_set .fileinput_custom_text {font-style:normal;} .form_set_line .input_set .fileinput_custom_inp {position:absolute;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);} .form_set_line .input_set .fileinput_custom_btn .input-file {position: absolute; opacity: .01; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9;} .form_set_line .input_set.input_set_file {position: relative; display: block; overflow: hidden;} .form_set_line .input_set.input_set_file .helper {position: absolute; left: 0; top: 5px; box-sizing: border-box; width:100%; padding:7px 15px 7px 165px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px; line-height: 18px; text-align:left;-moz-box-shadow:inset 0 2px 0px -2px transparent;-webkit-box-shadow:inset 0 2px 0px -2px transparent;box-shadow:inset 0 2px 0px -2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms; z-index: 1;} .form_set_line .input_set .avatar-images {padding:10px 0 0;} .form_set_line .input_set .avatar-images img {width:150px;} /* --- Form / Noty --- */ .mol_form_contact_invalid_submit {} .mol_form_contact_retry {} .mol_form_contact_success {} .showonsuccess {display: none; padding: 20px 0;} .showonsuccess * {color: #009900;} .hideonsuccess {display: block;} form.success .showonsuccess {display: block;} form.success .hideonsuccess {display: none;} form .form_set_line .msg-error {display: none; position: relative; background: #ec1c29; color: #fff; font-size: 14px; line-height: normal; padding: 7px 15px; margin: 0;} form .form_set_line .msg-error.show {display: block;} /* --- Admin --- */ .bc_action_block_admin {margin:15px 0 15px;background-color:#e1e1e1;text-align:right;} .bc_action_block_admin > a {position:relative;display:inline-block;padding:7px 11px;padding-right:11px;background-color:#ec1c29;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;vertical-align:middle;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_action_block_admin > a:after {position:absolute;right:5px;top:6px;content:url('../img/edit_icon.png');vertical-align:middle;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0.0;-webkit-transition:all 50ms ease-in-out 0ms;-moz-transition:all 50ms ease-in-out 0ms;-ms-transition:all 50ms ease-in-out 0ms;-o-transition:all 50ms ease-in-out 0ms;transition:all 50ms ease-in-out 0ms;} .bc_action_block_admin > a:hover {padding-right:36px;} .bc_action_block_admin > a:hover:after {right:10px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1.0;-webkit-transition:all 200ms ease-in-out 0ms;-moz-transition:all 200ms ease-in-out 0ms;-ms-transition:all 200ms ease-in-out 0ms;-o-transition:all 200ms ease-in-out 0ms;transition:all 200ms ease-in-out 0ms;} .bc_action_block_admin > a > span {display:block;padding:1px 0 0;} /* -------------------------------------------------------- */ /* F O R M S */ /* -------------------------------------------------------- */ #bc_content.form {} /* --------------------- Registration --------------------- */ #bc_content.registration {} body.registration {} body.registration #bc_content_header {width:700px;margin:0 auto;} body.registration #system-message-container {width:700px;margin:0 auto;} .bc_form_registration {width:700px;margin:0 auto;} .bc_form_registration .mol_form_contact_container {} .bc_form_registration fieldset {padding:5px 0;} .bc_form_registration .form_set_line {padding:5px 0;} .bc_form_registration .form_set_line label {font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;color:#000;text-transform:uppercase;text-align:left; margin-right: 45px;} .bc_form_registration .form_set_line .optional {display:none;} .bc_form_registration .form_set_line .input_set {padding:5px 0;} .bc_form_registration .form_set_line .input_set input[type="text"] .bc_form_registration .form_set_line .input_set input[type="email"] .bc_form_registration .form_set_line .input_set input[type="password"] {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;} .bc_form_registration .form_set_line .input_set textarea {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;} .bc_form_registration .form_set_lastline {padding:15px 0;border-top:2px solid #dbdbdb;text-align:right;} .bc_form_registration .form_set_lastline input, .bc_form_registration .form_set_lastline button {padding:20px 20px;background-color:#ec1c29;border:1px solid #ec1c29;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:18px;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;} .registration .popover {padding: 5px 10px; background: #e41e26; width: 220px; display: block; color: #FFFFFF;} /* ------------------ Forgotten password ------------------ */ #bc_content.password {} body.password {} body.password #bc_content_header {width:700px;margin:0 auto;} body.password #system-message-container {width:700px;margin:0 auto;} .bc_form_password {width:700px;margin:0 auto;} .bc_form_password .mol_form_contact_container {} .bc_form_password fieldset {padding:5px 0;} .bc_form_password .form_set_line {padding:5px 0;} .bc_form_password .form_set_line label {font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;color:#000;text-transform:uppercase;text-align:left;} .bc_form_password .form_set_line .input_set {padding:5px 0;} .bc_form_password .form_set_line .input_set input[type="text"], .bc_form_password .form_set_line .input_set input[type="email"], .bc_form_password .form_set_line .input_set input[type="password"] {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;} .bc_form_password .form_set_line .input_set textarea {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;} .bc_form_password .form_set_lastline {padding:15px 0;border-top:2px solid #dbdbdb;text-align:right;} .bc_form_password .form_set_lastline input, .bc_form_password .form_set_lastline button {padding:20px 20px;background-color:#ec1c29;border:1px solid #ec1c29;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:18px;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;} /* ----------------------- Profile ------------------------ */ #bc_content.profile {padding:0 0 30px;} body.profile {} body.profile #bc_content_header {width:700px;margin:0 auto;} body.profile #system-message-container {width:700px;margin:0 auto;} .bc_form_profile {width:700px;margin:0 auto;} /* -------------------------------------------------------- */ /* W E L C O M E */ /* -------------------------------------------------------- */ #bc_content.welcome {min-height:664px;} .login #bc_content.welcome {min-height:720px;} #bc_content.welcome #bc_content_box {} #bc_welcome_page {position:relative;min-height:664px;} .login #bc_welcome_page {min-height:720px;} .bc_welcome_bg {position:absolute;z-index:0;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:1520px;height:664px;background:#fff url('../img/temp_bc_bg_1520-new-v2.png') no-repeat 50% 50%; width: 100vw; margin: 0 0 0 -8px; } .login .bc_welcome_bg { width: 1520px; height:720px; margin: 0; background-image: url('../img/temp_bc_bg_1520-new.png'); } .bc_welcome_bg.bc_welcome_bg_freshcorner {background:#fff url('../img/temp_bc_bg_1520-freshc-new.png') no-repeat 50% 50%;} .bc_welcome_msg {position:absolute;z-index:4;top:0;left:50%;margin:0 0 0 -320px;} .login .bc_welcome_msg {margin:0 0 0 -160px;} .bc_welcome_msg > div {padding:0;font-family:'Molgroup',Arial,Sans-Serif;font-size:18px;text-transform:uppercase;color:#e41e26;} .bc_welcome_msg > div:first-child {} .bc_welcome_msg > div > span {display:block;padding:0px 0px 5px 150px;font-family:'Farnham_Bold',Arial,Sans-Serif;font-size:69px;text-transform:none;color:#000;} .bc_welcome_msg > div > span:first-child {padding:5px 0px 0px 75px;} .bc_welcome_photolibrary {position:absolute;z-index:4;bottom:110px;left:11%;margin:0 0 0 -160px;} .bc_welcome_photolibrary > div {padding: 0; font-family: 'Molgroup', Arial, Sans-Serif; font-size: 16px; text-transform: uppercase; color: #e41e26;} .bc_welcome_photolibrary > div:first-child {} .bc_welcome_photolibrary > div > span {display: block; padding: 0; font-family: 'Farnham_Bold', Arial, Sans-Serif; font-size: 36px; text-transform: none; color: #000000;} /* ------------------------ Login ------------------------- */ #bc_content.downloads.login {} .bc_welcome_form {position:absolute;z-index:3;top:180px;left:50%;margin:0 0 0 -215px;width:180px;} .bc_welcome_form h3 {display:block;padding:5px 0;color:#fff;font-family:'Molgroup_Light',Arial,Sans-Serif;font-size:20px;text-decoration:left;text-transform:uppercase;} .bc_welcome_form form {} .bc_welcome_form input {display:block;margin:10px 0;width:100%;background-color:#fff;border:1px solid #fff;border-bottom:2px solid #fff;color:#000;padding:10px 15px 9px;text-align:left;font-size:14px;} .bc_welcome_form input:hover, .bc_welcome_form input:focus {border-bottom:2px solid #EC6639;} .bc_welcome_form .bc_welcome_form_bottom {text-align:right;font-size:0px;} .bc_welcome_form button {margin:5px 0 10px;background-color:#e41e26;border:1px solid #e41e26;color:#fff;padding:10px 15px;font-family:'Molgroup_Black',Arial,Sans-Serif;text-transform:uppercase;text-align:center;font-size:12px;cursor:pointer;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;} .bc_welcome_form button:hover {border:1px solid #ea323a;-moz-box-shadow:inset 0 0 0px 2px #ea323a;-webkit-box-shadow:inset 0 0 0px 2px #ea323a;box-shadow:inset 0 0 0px 2px #ea323a;} .bc_welcome_form button:active {border:1px solid #ea323a;-moz-box-shadow:inset 0 0 30px 20px #ea323a;-webkit-box-shadow:inset 0 0 30px 20px #ea323a;box-shadow:inset 0 0 30px 20px #ea323a;} .bc_welcome_form a {display:inline-block;margin:5px 0;color:#000;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;} .bc_welcome_form a:hover {color:#ffffff;} /* new paralelogramma design for login .bc_welcome_form {position:absolute;z-index:3;top:190px;left:400px;margin:0;width:180px; overflow: visible;} .bc_welcome_form h3 {position: absolute; right: 100%; left: auto; top: 0; margin: 10px 40px 0 0; white-space: nowrap; display:block;padding:5px 0;color:#fff;font-family:'Molgroup_Light',Arial,Sans-Serif;font-size:20px;text-decoration:left;text-transform:uppercase;} .bc_welcome_form .bc_welcome_form_bottom {position: relative; left: -100px;} .bc_welcome_form [type="submit"] {position: relative; width: 80px;} */ .bc_welcome_desc {position:absolute;z-index:2;bottom:0;left:0;width:40%;} .bc_welcome_desc h2 {padding:10px 0;font-family:'Farnham_Semi',Arial,Sans-Serif;font-size:28px;color:#000;} .bc_welcome_desc p {padding:5px 0;font-family:Calibri,Arial,Sans-Serif;font-size:16px;line-height:18px;color:#000;} .bc_welcome_desc a.bc_help {position:relative;display:inline-block;margin:5px 0;padding-top:10px;padding-bottom:10px;padding-left:0px;line-height:18px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:14px;text-transform:uppercase;color:#e41e26;vertical-align:middle;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_welcome_desc a.bc_help:before {position:absolute;left:5px;top:9px;content:url('../img/text_link_arrow.png');vertical-align:middle;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0.0;-webkit-transition:all 50ms ease-in-out 0ms;-moz-transition:all 50ms ease-in-out 0ms;-ms-transition:all 50ms ease-in-out 0ms;-o-transition:all 50ms ease-in-out 0ms;transition:all 50ms ease-in-out 0ms;} .bc_welcome_desc a.bc_help:hover {padding-left:25px;} .bc_welcome_desc a.bc_help:hover:before {left:0px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1.0;-webkit-transition:all 200ms ease-in-out 0ms;-moz-transition:all 200ms ease-in-out 0ms;-ms-transition:all 200ms ease-in-out 0ms;-o-transition:all 200ms ease-in-out 0ms;transition:all 200ms ease-in-out 0ms;} .bc_welcome_desc a.bc_help:active {padding-left:23px;} .bc_welcome_desc a.bc_help:active:before {left:5px;} .bc_welcome_desc a.bc_help > span {display:block;padding:2px 0;} /* ------------------------ Logged ------------------------ */ #bc_content.downloads.logged {} .bc_welcome_menupoints {box-sizing: border-box; position:absolute;z-index:2;top:254px;left:0;padding:0 0 0 52px;width:100%;} .bc_welcome_menupoints_line2 {top:490px;padding:0 0 0 190px; width: auto; left: auto; right: 0; padding: 0 410px 0 0; } .bc_welcome_menupoints a {box-sizing: border-box; position:relative;float:left;width: 272px;height:120px;margin: 0; padding: 0 0 0 52px; font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:26px;text-transform:uppercase;color:#fff;} .bc_welcome_menupoints a > span {display:inline-block;padding:15px 0;} .bc_welcome_menupoints a > div {position:absolute;bottom:0;display:inline-block;font-family:'Molgroup',Arial,Sans-Serif;margin:0;width:26px;height:26px;padding:0 0 0 24px;line-height:24px;font-size:17px;text-align:center;color:#fff;} .bc_welcome_menupoints a > div:before {position:absolute;left:0;top:2px;content:url('../img/more_arrow.png');-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_welcome_menupoints a:hover {} .bc_welcome_menupoints a:hover > span {} .bc_welcome_menupoints a:focus > span {} .bc_welcome_menupoints a:hover > div {padding:0 0 0 28px;} .bc_welcome_menupoints a:focus > div {padding:0 0 0 24px;} .bc_welcome_menupoints a:hover > div:before {left:-4px;} .bc_welcome_menupoints a:focus > div:before {left:0px;} /* .bc_welcome_menupoints a.menu_our_story {width:30%;padding:0 0 0 150px;} .bc_welcome_menupoints a.menu_guidelines {width:20%;padding:0 0 0 90px;} .bc_welcome_menupoints a.menu_downloads {width:25%;padding:0 0 0 100px;} .bc_welcome_menupoints a.menu_our_brand_in_action {width:25%;padding:0 0 0 50px;} */ /* ------------------------ Photolibrary ------------------------ */ .bc_photolibrary_menupoints {position:absolute;z-index:2;top:254px;left:0;padding:0;width:100%;} .bc_photolibrary_menupoints a {position:relative;float:left;height:120px;font-family:'Molgroup_Black',Arial,sans-serif;font-size:26px;text-transform:uppercase;color:#fff;} .bc_photolibrary_menupoints a > span {display:inline-block;padding:15px 0;} .bc_photolibrary_menupoints a > div {position:absolute;bottom:0;display:inline-block;font-family:'Molgroup',Arial,sans-serif;margin:0 25px;width:26px;height:26px;padding:0 0 0 24px;line-height:24px;font-size:17px;text-align:center;color:#fff;} .bc_photolibrary_menupoints a > div:before {position:absolute;left:0;top:2px;content:url('../img/more_arrow.png');-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_photolibrary_menupoints a:hover > div {padding:0 0 0 28px;} .bc_photolibrary_menupoints a:focus > div {padding:0 0 0 24px;} .bc_photolibrary_menupoints a:hover > div:before {left:-4px;} .bc_photolibrary_menupoints a:focus > div:before {left:0;} .bc_photolibrary_menupoints a.menu_photolibrary {position: absolute; top: 135px; left: 48.5%; width: 20%;} /* ------------------------ Fresh Corner ------------------------ */ .bc_freshcorner_menupoints {max-width: 300px; position:absolute;z-index:2;top:310px;left:50%;padding:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;} .bc_freshcorner_menupoints a {position:relative;float:left;height:120px;font-family:'Molgroup_Black',Arial,sans-serif;font-size:26px;text-transform:uppercase;color:#fff;} .bc_freshcorner_menupoints a > span {display:inline-block;padding:15px 0;} .bc_freshcorner_menupoints a > div {position:absolute;bottom:0;display:inline-block;font-family:'Molgroup',Arial,sans-serif;margin:0 25px;width:26px;height:26px;padding:0 0 0 24px;line-height:24px;font-size:17px;text-align:center;color:#fff;} .bc_freshcorner_menupoints a > div:before {position:absolute;left:0;top:2px;content:url('../img/more_arrow.png');-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_freshcorner_menupoints a:hover > div {padding:0 0 0 28px;} .bc_freshcorner_menupoints a:focus > div {padding:0 0 0 24px;} .bc_freshcorner_menupoints a:hover > div:before {left:-4px;} .bc_freshcorner_menupoints a:focus > div:before {left:0;} .bc_freshcorner_menupoints a.menu_freshcorner {position: absolute; top: 135px; left: 48.5%; width: 20%;} .bc_freshcorner_menupoints .freshcorner {width: 99px; height: 42px; display: block; position: absolute; background: url('../img/fresh_corner_logo.png') no-repeat center center; background-size: 100%;} .bc_welcome_menupoints .freshcorner {position: relative; width: 99px; height: 42px; left: 15px; top: 15px; display: block; background: url('../img/fresh_corner_logo.png') no-repeat center center; background-size: 100%;} .bc_retailcampaign_menupoints {} /* -------------------------------------------------------- */ /* G U I D E L I N E S */ /* -------------------------------------------------------- */ #bc_content.guidelines {} #bc_content.guidelines #bc_content_box {} .bc_guidelines_block_detail {position:relative;margin:0 30px 30px 0;padding:30px 30px;background-color:#e6e7e8;} .bc_guidelines_block_detail:hover {background-color:#e1e1e1;} .bc_guidelines_block_detail .detail_image {float:left;padding:0 30px 0 0;width:470px;} .bc_guidelines_block_detail .detail_image img {width:440px;min-height:90px;border:none;outline:none;background-color:#fafafa;} .bc_guidelines_block_detail .detail_info {margin:0 0 0 470px;text-align:left;} .bc_guidelines_block_detail .detail_info h2 {display:block;padding:0px 0px 10px;line-height:24px;font-family:'Farnham_Bold',Arial,Sans-Serif;font-size:20px;color:#22211f;} .bc_guidelines_block_detail .detail_info .detail_date {display:block;padding:10px 0px 10px;} .bc_guidelines_block_detail .detail_info .detail_date strong {display:block;padding:0 0 5px;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#22211f;} .bc_guidelines_block_detail .detail_info .detail_date p {display:block;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#e52230;} .bc_guidelines_block_detail .detail_info .detail_description {display:block;padding:0px 0px 30px;} .bc_guidelines_block_detail .detail_info .detail_description a {padding:5px 0;color:#ed1c29;} .bc_guidelines_block_detail .detail_info .detail_downloads {display:inline-block;padding:10px 20px;background-color:#fff;border:1px solid #fff;border-bottom:2px solid #dcdcdd;line-height:16px;font-family:'Molgroup',Arial,Sans-Serif;font-size:16px;text-transform:uppercase;color:#ed1c29;} .bc_guidelines_block_detail .detail_info .detail_downloads:hover {border-bottom:2px solid #E41E26;} .bc_guidelines_block_detail .detail_info .detail_downloads:active {margin-top:2px;border-bottom:0px solid #E41E26;} /* -------------------------------------------------------- */ /* D O W N L O A D S */ /* -------------------------------------------------------- */ #bc_content.downloads {} #bc_content.downloads #bc_content_box {} /* ------------------------- List ------------------------- */ #bc_content.downloads.list {} .bc_downloads_blocks {} .bc_downloads_blocks .bc_downloads_block {float:left;position:relative;display:block;width:31%;margin:0 2% 2% 0;background-color:#fff;border-bottom:2px solid #d5d4d3;} .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_img {position:relative;width:100%;height:166px;overflow:hidden;} .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_img img {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;min-height:166px;border:none;outline:none;background-color:#fafafa;} .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_info {padding:16px 50px 14px 15px;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:14px;color:#e41e26;text-transform:uppercase;} .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_info span {position:absolute;right:14px;bottom:10px;display:inline-block;margin:0 0 0 10px;width:26px;height:26px;padding:2px;line-height:24px;font-size:20px;text-align:center;background-color:#e0e0e0;color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .bc_downloads_blocks .bc_downloads_block:hover {background-color:#e41e26;border-bottom:2px solid #B3171D;} .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_img {} .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_img img {width:110%;} .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_info {color:#fff;} .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_info span {background-color:#fff;color:#e41e26;} .fresh-corner .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_info {color: #B78355;} .fresh-corner .bc_downloads_blocks .bc_downloads_block:hover {background-color:#543018;border-bottom:2px solid #C1D72E;} .fresh-corner .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_img {} .fresh-corner .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_img img {width:110%;} .fresh-corner .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_info {color:#fff;} .fresh-corner .bc_downloads_blocks .bc_downloads_block:hover .bc_downloads_block_info span {background-color:#C1D72E;color:#543018;} /* ------------------------- File ------------------------- */ #bc_content.downloads.file {} #bc_content.downloads .searchword {display:block;text-align:left;padding:0 0 15px;font-family:'Farnham_Semi',Arial,Sans-Serif;font-size:25px;color:#999;} .bc_downloads_block_detail {position:relative;display:block;width:98%;margin:0 2% 2% 0;background-color:#fff;border-bottom:2px solid #d5d4d3;} .bc_downloads_block_detail .detail_image {float:left;width:300px;padding:18px;} .bc_downloads_block_detail .detail_image a{display: block; text-align: center;} .bc_downloads_block_detail .detail_image img {height:90px;border:none;outline:none;background-color:#fafafa;object-fit: contain;max-width:100%} .bc_downloads_block_detail .detail_border {position:absolute;left:300px;top:0px;bottom:0px;width:1px;height:100%;background-color:#d2d1d0;} .bc_downloads_block_detail .detail_info {margin:0 0 0 301px;} .bc_downloads_block_detail .detail_description {padding:18px;line-height:18px;font-family:Calibri,Arial,Sans-Serif;font-size:15px;color:#000;text-align:justify;border-bottom:1px solid #d2d1d0;} .bc_downloads_block_detail .detail_files {} .bc_downloads_block_detail .detail_files table {width:100%;} .bc_downloads_block_detail .detail_files tr {border-top:1px solid #ececec;} .bc_downloads_block_detail .detail_files tr:first-child {border-top:none;} .bc_downloads_block_detail .detail_files td {padding:12px 18px;line-height:14px;vertical-align:middle;} .bc_downloads_block_detail .detail_files td.file_name {text-align:left;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:13px;color:#000;} .bc_downloads_block_detail .detail_files td.file_resolution {text-align:center;font-family:'Molgroup',Arial,Sans-Serif;font-size:12px;color:#969696;} .bc_downloads_block_detail .detail_files td.file_size {text-align:center;font-family:'Molgroup',Arial,Sans-Serif;font-size:12px;color:#969696;} .bc_downloads_block_detail .detail_files td.file_download {text-align:right;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;text-transform:uppercase;} .bc_downloads_block_detail .detail_files td.file_download a {color:#e41e26;} .bc_downloads_block_detail .detail_files td.file_download a:after {display:inline-block;content:url('../img/download_icon.png');padding:0 0 0 10px;vertical-align:middle;width:17px;height:16px;vertical-align:bottom;} .bc_downloads_block_detail .detail_files td.file_download a:hover:after {content:url('../img/download_icon_on.png');} .bc_downloads_block_detail .detail_files tr:hover td {background-color:#fafafa;} .bc_downloads_block_detail .detail_files tr:hover td.file_name {color:#e41e26;} body.fresh-corner .bc_downloads_block_detail .detail_files td.file_download a {color: #543018;} /* -------------------------------------------------------- */ /* I N A C T I O N */ /* -------------------------------------------------------- */ #bc_content.our_brand_in_action {} #bc_content.our_brand_in_action #bc_content_box {} .bc_action_block {} .bc_action_block_left {float:left;width:440px;padding:0 0 40px;} .bc_action_block_right {margin:0 0 0 440px;padding:0 0 20px 40px;} /* ------------------------- List ------------------------- */ .bc_action_block_left .bc_action_block_img {display:block;width:440px;position:relative;overflow:hidden;} .bc_action_block_left img {width:440px;height:auto;border:none;outline:none;} .bc_action_block_left h3 {padding:20px 0;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#e52230;} .bc_action_block_left h3 span {} .bc_action_block_left p {font-family:Calibri,Arial,Sans-Serif;line-height:18px;font-size:15px;color:#22211f;} .bc_action_block_left p a {color:#e62f3c;} .bc_action_block_right .bc_action_block_title {display:block;padding:0px 0px 20px;line-height:24px;font-family:'Farnham_Bold',Arial,Sans-Serif;font-size:20px;color:#e52230;} .bc_action_block_right div {display:block;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#22211f;} .bc_action_block_right p {display:block;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#e52230;} .bc_action_block_right div.tags {padding:20px 0 10px;} .bc_action_block_right div.tags div {display:block;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#22211f;} .bc_action_block_right a.tag {display:inline-block;margin:10px 3px 0 0;padding:6px 10px 4px;line-height:14px;background-color:#e52230;font-family:'Molgroup',Arial,Sans-Serif;font-size:10px;text-transform:uppercase;color:#fff;-webkit-transform:skew(-25deg);-moz-transform:skew(-25deg);-ms-transform:skew(-25deg);-o-transform:skew(-25deg);transform:skew(-25deg);cursor:pointer;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_action_block_right a.tag:hover {-moz-box-shadow:inset 0 0 0px 2px #D3171F;-webkit-box-shadow:inset 0 0 0px 2px #D3171F;box-shadow:inset 0 0 0px 2px #D3171F;} .bc_action_block_right a.tag:active {-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} .bc_action_block_right a.tag span {display:inline-block;-webkit-transform:skew(25deg);-moz-transform:skew(25deg);-ms-transform:skew(25deg);-o-transform:skew(25deg);transform:skew(25deg);} /* ----------------------- Article ------------------------ */ #bc_content.our_brand_in_action.article .bc_action_block_left {float:none;width:auto;margin:0 200px 0 0;padding:0 15px 40px;} #bc_content.our_brand_in_action.article .bc_action_block_right {margin:0;float:right;width:200px;padding:0 15px 40px 0;} #bc_content.our_brand_in_action.article .head_block {padding:0 0 10px;} #bc_content.our_brand_in_action.article .head_block .bc_action_block_left {padding:0 15px 0;} #bc_content.our_brand_in_action.article .head_block .bc_action_block_right {padding:0 0 0 25px;} .bc_action_block_left h2 {display:block;padding:0px 0px 20px;line-height:32px;font-family:'Farnham_Bold',Arial,Sans-Serif;font-size:28px;color:#e52230;} .bc_action_block_left div.article_tags {padding:20px 0 20px;} .bc_action_block_left div.article_tags > span {display:inline-block;padding:0 10px 0 0;line-height:14px;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:11px;text-transform:uppercase;color:#22211f;} .bc_action_block_left div.article_tags > a.tag {display:inline-block;margin:10px 3px 0 0;padding:6px 10px 4px;line-height:14px;background-color:#e52230;font-family:'Molgroup',Arial,Sans-Serif;font-size:10px;text-transform:uppercase;color:#fff;-webkit-transform:skew(-25deg);-moz-transform:skew(-25deg);-ms-transform:skew(-25deg);-o-transform:skew(-25deg);transform:skew(-25deg);cursor:pointer;-moz-box-shadow:inset 0 0 0px 2px transparent;-webkit-box-shadow:inset 0 0 0px 2px transparent;box-shadow:inset 0 0 0px 2px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .bc_action_block_left div.article_tags > a.tag:hover {-moz-box-shadow:inset 0 0 0px 2px #D3171F;-webkit-box-shadow:inset 0 0 0px 2px #D3171F;box-shadow:inset 0 0 0px 2px #D3171F;} .bc_action_block_left div.article_tags > a.tag:active {-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} .bc_action_block_left div.article_tags > a.tag > span {display:inline-block;-webkit-transform:skew(25deg);-moz-transform:skew(25deg);-ms-transform:skew(25deg);-o-transform:skew(25deg);transform:skew(25deg);} .bc_action_block_right div {} .bc_action_block_right p {} .article_gallery_left {} .article_gallery_left img {width:100%;height:auto;border:none;outline:none;} .article_gallery_right {} .article_gallery_right .gallery_img {float:left;margin:0 6px 12px 6px;position:relative;width:80px;height:55px;overflow:hidden;} .article_gallery_right .gallery_img img {position:absolute;width:100%;height:auto;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:100%;min-height:100%;border:none;outline:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.3;} .article_gallery_right .gallery_img:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1.0;} .article_content {padding:20px 0 10px;font-family:Calibri,Arial,Sans-Serif;font-size:15px;color:#000;text-align:left;border-bottom:1px solid #e0e0e0;} .article_content p {padding:5px 0;} .article_comment {padding:30px 0;} .article_comment h3 {} .article_comment .comment_block {} .article_comment .comment_block_left {float:left;width:90px;padding:0 0 24px 0;} .article_comment .comment_block_left .comment_avatar {position:relative;width:66px;height:66px;border:1px solid #d6d6d6;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden;} .article_comment .comment_block_left .comment_avatar:hover {border:1px solid #bbb;} .article_comment .comment_block_left .comment_avatar img {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:66px;width:auto;border:none;outline:none;} .article_comment .comment_block_right {margin:0 0 0 90px;} .article_comment .comment_block_right .comment_info {padding:0 0 9px;} .article_comment .comment_block_right .comment_info strong {font-family:Georgia,Calibri,Sans-Serif;font:;color:#22211f;font-size:13px;text-align:left;} .article_comment .comment_block_right .comment_info i {font-family:Calibri,Arial,Sans-Serif;font-style:normal;font-size:13px;padding:0 0 0 15px;color:#989898;} .article_comment .comment_block_right .comment_text {font-family:Calibri,Arial,Sans-Serif;line-height:18px;font-size:15px;color:#000;} .article_comment .comment_input {padding:20px 0;} .article_comment .comment_input .comment_text {width:100%;max-width:679px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;padding:10px 15px;text-align:left; font-family:Calibri,Arial,Sans-Serif;line-height:18px;font-size:15px;color:#000;} .article_comment .comment_input .comment_text::-webkit-input-placeholder, .article_comment .comment_input .comment_text:-ms-input-placeholder, .article_comment .comment_input .comment_text::-moz-placeholder, .article_comment .comment_input .comment_text:-moz-placeholder {color:#888;} .article_comment .comment_input button {display:inline-block;margin:10px 0 0;padding:10px 15px;background-color:#878787;border:1px solid #878787;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;text-transform:uppercase;color:#fff;cursor:pointer;-moz-box-shadow:inset 0 0 0px 1px transparent;-webkit-box-shadow:inset 0 0 0px 1px transparent;box-shadow:inset 0 0 0px 1px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .article_comment .comment_input button:hover {border:1px solid #777;-moz-box-shadow:inset 0 0 0px 1px #777;-webkit-box-shadow:inset 0 0 0px 1px #777;box-shadow:inset 0 0 0px 1px #777;} .article_comment .comment_input button:active {border:1px solid #777;-moz-box-shadow:inset 0 0 30px 20px #777;-webkit-box-shadow:inset 0 0 30px 20px #777;box-shadow:inset 0 0 30px 20px #777;} .article_comment .comment_input button:disabled, .article_comment .comment_input button:disabled:hover, .article_comment .comment_input button:disabled:active {isplay:inline-block;margin:10px 0 0;padding:10px 15px;background-color:#a3a3a3;border:1px solid #a3a3a3;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;text-transform:uppercase;color:#fff;cursor:default;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} /* --- Fix --- */ body[class*=' our-brand-in-action-'] .bc_content_header_left .custom, body[class^='our-brand-in-action-'] .bc_content_header_left .custom {display:none !important;} /* ----------------------- Upload form ------------------------ */ .upload .bc_action_block_left {width:70%;} .bc_form_upload {} .bc_form_upload .mol_form_contact_container {} .bc_form_upload fieldset {padding:5px 0;} .bc_form_upload .form_set_line {padding:5px 0;} .bc_form_upload .form_set_line label {font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:12px;color:#000;text-transform:uppercase;text-align:left;} .bc_form_upload .form_set_line .input_set {padding:5px 0;} .bc_form_upload .form_set_line .input_set input[type="text"], .bc_form_upload .form_set_line .input_set input[type="email"], .bc_form_upload .form_set_line .input_set input[type="password"] {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;} .bc_form_upload .form_set_line .input_set textarea {width:100%;padding:7px 15px;background-color:#e3e3e3;border:1px solid #e3e3e3;border-top:1px solid #c5c4c3;color:#000;font-family:'Molgroup',Arial,Sans-Serif;font-size:14px;text-align:left;} .bc_form_upload .form_set_lastline {padding:15px 0;border-top:2px solid #dbdbdb;text-align:right;} .bc_form_upload .form_set_lastline input, .bc_form_upload .form_set_lastline button {padding:20px 20px;background-color:#ec1c29;border:1px solid #ec1c29;font-family:'Molgroup_Black',Arial,Sans-Serif;font-size:18px;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;} /* --- Tag --- */ .form_set_line .addedTag {display:inline-block;background-color:#ec1c29;padding:5px 10px;margin:0 5px 5px 0;color:#fff;} .form_set_line .addedTag .tagRemove {display:inline-block;margin:0 0 0 5px;width:20px;height:20px;background-color:#fc3743;line-height:18px;font-size:16px;color:#fff;text-align:center;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .form_set_line .addedTag .tagRemove:hover {background-color:#d71e2a;} .form_set_line .tagAdd {} .ui-autocomplete {width:500px;list-style:none;background-color:#c5c4c3;} .ui-autocomplete li {border-top:1px solid #bbbbbb;} .ui-autocomplete li:first-child {border-top:none;} .ui-autocomplete li a {display:block;padding:5px 15px;color:#000;text-decoration:none;text-align:left;cursor:pointer;} .ui-autocomplete li a:hover {background-color:#b0b0b0;} /* --- Media --- */ .form_set_line #file-uploader-test {} .form_set_line #file-uploader-test a {position:relative;display:block;width:200px;padding:7px 10px;text-align:center;line-height:18px;color:#fff;background-color:#ec1c29;border:1px solid #ec1c29;cursor:pointer;-moz-box-shadow:inset 0 0 0px 1px transparent;-webkit-box-shadow:inset 0 0 0px 1px transparent;box-shadow:inset 0 0 0px 1px transparent;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .form_set_line #file-uploader-test a:hover {border:1px solid #D3171F;-moz-box-shadow:inset 0 0 0px 1px #D3171F;-webkit-box-shadow:inset 0 0 0px 1px #D3171F;box-shadow:inset 0 0 0px 1px #D3171F;} .form_set_line #file-uploader-test a:active {border:1px solid #D3171F;-moz-box-shadow:inset 0 0 30px 20px #D3171F;-webkit-box-shadow:inset 0 0 30px 20px #D3171F;box-shadow:inset 0 0 30px 20px #D3171F;} .form_set_line #file-uploader-test .file-upload-row {position:relative;margin:5px 0 0;min-height:50px;background-image:url('../img/preview_loader_2.gif');background-position:center;background-repeat:no-repeat;background-color:#ddd !important;} .form_set_line #file-uploader-test .file-upload-row:after {content:" ";display:table;clear:both;} .form_set_line #file-uploader-test .file-upload-row > a {position:absolute;top:0;right:0;width:100px;} /* -------------------------------------------------------- */ /* A R T I C L E S */ /* -------------------------------------------------------- */ /* --- Basic --- */ .item-page {padding:0 0 50px 0;} .item-page ul {padding:10px 35px;} .item-page ul li {} /* --- Fixes --- */ .item-page > .page-header, .item-page > .icons, .item-page > .article-info, .item-page > .pagenav {display:none;} /* -------------------------------------------------------- */ /* P R I N T */ /* -------------------------------------------------------- */ @media print { /* body * {visibility:hidden;} */ /* .print_area {display:block !important;} */ } /* -------------------------------------------------------- */ /* S C R E E N */ /* -------------------------------------------------------- */ /* --- Lower than 1200px --- */ @media(max-width:1199px) { /* --- Frame --- */ .bc_site_width {width:996px;} .bc_site_minwidth {min-width:996px;} /* --- Welcome --- */ #bc_content.welcome {min-height:408px;} .login #bc_content.welcome {min-height:440px;} #bc_welcome_page {min-height:408px;} .login #bc_welcome_page {min-height:440px;} .bc_welcome_bg {width:930px;height:408px;background:#fff url('../img/temp_bc_bg_930-new-v2.png') no-repeat 50% 50%; width: 100vw; margin: 0 0 0 -8px; } .login .bc_welcome_bg { width: 930px; height:440px; background-image: url('../img/temp_bc_bg_930-new.png'); margin: 0; } .bc_welcome_bg.bc_welcome_bg_freshcorner {background:#fff url('../img/temp_bc_bg_930-freshc-new.png') no-repeat 50% 50%;} .bc_welcome_msg {top: -10px; margin:0 0 0 -220px;} .login .bc_welcome_msg {top: 0; margin:0 0 0 -160px;} .bc_welcome_msg > div {padding:0 15px;font-size:16px;} .bc_welcome_msg > div > span {font-size:50px;} .bc_welcome_msg > div > span:first-child {padding:0px 0px 0px 75px;} .bc_welcome_photolibrary {position:absolute;z-index:4;bottom:60px;left:19%;margin:0 0 0 -160px;} .bc_welcome_photolibrary > div {padding: 0; font-family: 'Molgroup', Arial, Sans-Serif; font-size: 14px; text-transform: uppercase; color: #e41e26;} .bc_welcome_photolibrary > div > span {display: block; padding: 0; font-family: 'Farnham_Bold', Arial, Sans-Serif; font-size: 32px; text-transform: none; color: #000000;} /* --- Welcome / Login --- */ .bc_welcome_form {top:125px;margin:0 0 0 -115px;width:100px;} .bc_welcome_form h3 {padding:5px 0 0;font-size:12px;} .bc_welcome_form input {margin:5px 0;padding:5px 10px 4px;font-size:14px;} .bc_welcome_form button {margin:0px 0 5px;padding:5px 10px;font-size:12px;} .bc_welcome_form a {margin:2px 0;font-size:7px;} .bc_welcome_desc {bottom:0;left:0;width:40%;} .bc_welcome_desc h2 {padding:5px 0;font-size:24px;} .bc_welcome_desc p {padding:0px 0;font-size:12px;line-height:16px;} .bc_welcome_desc a.bc_help {margin:0 0;font-size:14px;} /* .bc_welcome_form {top:120px; left: 365px; margin:0;width:100px;} .bc_welcome_form .bc_welcome_form_bottom {position: relative; left: -30px;} .bc_welcome_form [type="submit"] {position: relative; width: 70px;} */ /* --- Welcome / Logged --- */ .bc_welcome_menupoints {top:140px;padding: 0 0 0 160px;} .bc_welcome_menupoints_line2 {top:280px;padding:0 0 0 240px; width: auto; left: auto; right: 0; padding: 0 365px 0 0; } .bc_welcome_menupoints a {font-size:17px;height:95px; width: 167px; padding: 0 0 0 25px; } .bc_welcome_menupoints a > div {margin:0;width:26px;height:26px;padding:0 0 0 24px;line-height:24px;font-size:12px;} .bc_welcome_menupoints a > span {display:inline-block;padding:15px 0;} /* .bc_welcome_menupoints a.menu_our_story {width:30%;padding:0 0 0 60px;} .bc_welcome_menupoints a.menu_guidelines {width:20%;padding:0 0 0 20px;} .bc_welcome_menupoints a.menu_downloads {width:25%;padding:0 0 0 45px;} .bc_welcome_menupoints a.menu_our_brand_in_action {width:25%;padding:0 0 0 40px;} */ /* --- Welcome / Logged / Photolibrary --- */ .bc_photolibrary_menupoints {top:125px;left:29%;padding:0;} .bc_photolibrary_menupoints a > div {font-size: 12px;} /* --- Welcome / Logged / Fresh Corner --- */ .bc_freshcorner_menupoints {top:190px;left:50%;padding:0;} .bc_freshcorner_menupoints span {top: 10px; left: 8%;} .bc_retailcampaign_menupoints {top: 325px; left: 70.5%; width: auto; padding: 0;} /* --- Downloads --- */ .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_img {height:136px;} .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_img img {min-height:136px;} } /* --- Higher than 1200px --- */ @media(min-width:1200px) { /* --- Frame --- */ .bc_site_width {width:1200px;} .bc_site_minwidth {min-width:1200px;} /* --- Welcome --- */ #bc_content.welcome {min-height:530px;} .login #bc_content.welcome {min-height:580px;} #bc_welcome_page {min-height:530px;} .login #bc_welcome_page {min-height:580px;} .bc_welcome_bg {width:1220px;height:530px;background:#fff url('../img/temp_bc_bg_1220-new-v2.png') no-repeat 50% 50%; width: 100vw; margin: 0 0 0 -8px; } .login .bc_welcome_bg { width:1220px; height:580px; background-image: url('../img/temp_bc_bg_1220-new.png'); margin: 0; } .bc_welcome_bg.bc_welcome_bg_freshcorner {background:#fff url('../img/temp_bc_bg_1220-freshc-new.png') no-repeat 50% 50%;} .bc_welcome_msg {margin:0 0 0 -270px;} .login .bc_welcome_msg {top: 0; margin:0 0 0 -160px;} .bc_welcome_msg > div {padding:0;font-size:18px;} .bc_welcome_msg > div > span {font-size:58px;} .bc_welcome_msg > div > span:first-child {padding:5px 0px 0px 75px;} .bc_welcome_photolibrary {position:absolute;z-index:4;bottom:90px;left:16%;margin:0 0 0 -160px;} /* --- Welcome / Login --- */ .bc_welcome_form {top:150px;margin:0 0 0 -165px;width:150px;} .bc_welcome_form h3 {padding:5px 0;font-size:16px;} .bc_welcome_form input {margin:10px 0;padding:8px 14px 7px;font-size:14px;} .bc_welcome_form button {margin:0px 0 10px;padding:10px 15px;font-size:12px;} .bc_welcome_form a {margin:3px 0;font-size:10px;} .bc_welcome_desc {bottom:0;left:0;width:40%;} .bc_welcome_desc h2 {padding:10px 0;font-size:28px;} .bc_welcome_desc p {padding:5px 0;font-size:14px;line-height:18px;} .bc_welcome_desc a.bc_help {margin:5px 0;font-size:14px;} /* .bc_welcome_form {top:145px;left: 435px; margin:0;width:150px;} .bc_welcome_form .bc_welcome_form_bottom {position: relative; left: -80px;} .bc_welcome_form [type="submit"] {position: relative; width: 70px;} */ /* --- Welcome / Logged --- */ .bc_welcome_menupoints {top:195px;padding: 0 0 0 155px;} .bc_welcome_menupoints_line2 {top:380px;padding:0 0 0 265px; width: auto; left: auto; right: 0; padding: 0 440px 0 0; } .bc_welcome_menupoints a {font-size:22px;height:110px; width: 218px; padding: 0 0 0 41px; } .bc_welcome_menupoints a > div {margin:0;width:26px;height:26px;padding:0 0 0 24px;line-height:24px;font-size:14px;} .bc_welcome_menupoints a > span {display:inline-block;padding:15px 0;} /* .bc_welcome_menupoints a.menu_our_story {width:30%;padding:0 0 0 100px;} .bc_welcome_menupoints a.menu_guidelines {width:20%;padding:0 0 0 40px;} .bc_welcome_menupoints a.menu_downloads {width:25%;padding:0 0 0 60px;} .bc_welcome_menupoints a.menu_our_brand_in_action {width:25%;padding:0 0 0 40px;} */ /* --- Welcome / Logged / Photolibrary --- */ .bc_photolibrary_menupoints {top:240px;left:27.5%;padding:0;} /* --- Welcome / Logged / Fresh Corner --- */ /*.bc_freshcorner_menupoints {top:400px;left:75.5%;padding:0;}*/ /* --- Downloads --- */ .bc_freshcorner_menupoints {top:310px;left:50.5%;padding:0;} .bc_freshcorner_menupoints span {top: 10px; left: 8%;} .bc_retailcampaign_menupoints {top: 445px; left: 72.5%; width: auto; padding: 0;} } /* --- Higher than 1600px --- */ @media(min-width:1600px) { /* --- Frame --- */ /* --- Welcome --- */ #bc_content.welcome {min-height:664px;} .login #bc_content.welcome {min-height:720px;} #bc_welcome_page {min-height:664px;} .login #bc_welcome_page {min-height:720px;} .bc_welcome_bg {width:1520px;height:664px;background:#fff url('../img/temp_bc_bg_1520-new-v2.png') no-repeat 50% 50%; width: 100vw; margin: 0 0 0 -8px; } .login .bc_welcome_bg { width:1520px; height:720px; background-image:url('../img/temp_bc_bg_1520-new.png'); margin: 0; } .bc_welcome_bg.bc_welcome_bg_freshcorner {background:#fff url('../img/temp_bc_bg_1520-freshc-new.png') no-repeat 50% 50%;} .bc_welcome_msg {margin:0 0 0 -320px;} .login .bc_welcome_msg {top: 0; margin:0 0 0 -160px;} .bc_welcome_msg > div {padding:0;font-size:18px;} .bc_welcome_msg > div > span {font-size:69px;} .bc_welcome_msg > div > span:first-child {padding:5px 0px 0px 75px;} .bc_welcome_photolibrary {position:absolute;z-index:4;bottom:110px;left:11%;margin:0 0 0 -160px;} /* --- Welcome / Login --- */ .bc_welcome_form {top:180px;margin:0 0 0 -215px;width:180px;} .bc_welcome_form h3 {padding:5px 0;font-size:20px;} .bc_welcome_form input {margin:10px 0;padding:10px 15px 9px;font-size:14px;} .bc_welcome_form button {margin:5px 0 10px;padding:10px 15px;font-size:12px;} .bc_welcome_form a {margin:5px 0;font-size:11px;} .bc_welcome_desc {bottom:0;left:0;width:40%;} .bc_welcome_desc h2 {padding:10px 0;font-size:28px;} .bc_welcome_desc p {padding:5px 0;font-size:16px;line-height:18px;} .bc_welcome_desc a.bc_help {margin:5px 0;font-size:14px;} /* .bc_welcome_form {left: 400px; top:190px;margin:0;width:180px;} .bc_welcome_form .bc_welcome_form_bottom {position: relative; left: -100px;} .bc_welcome_form [type="submit"] {position: relative; width: 80px;} */ /* --- Welcome / Logged --- */ .bc_welcome_menupoints {top:254px;padding:0 0 0 52px;} .bc_welcome_menupoints_line2 {top:490px;padding:0 0 0 190px; width: auto; left: auto; right: 0; padding: 0 410px 0 0; } .bc_welcome_menupoints a {font-size:26px;height:120px; width: 272px; padding: 0 0 0 52px; } .bc_welcome_menupoints a > div {margin:0;width:26px;height:26px;padding:0 0 0 24px;line-height:24px;font-size:16px;} .bc_welcome_menupoints a > span {display:inline-block;padding:15px 0;} /* .bc_welcome_menupoints a.menu_our_story {width:30%;padding:0 0 0 140px;} .bc_welcome_menupoints a.menu_guidelines {width:20%;padding:0 0 0 80px;} .bc_welcome_menupoints a.menu_downloads {width:25%;padding:0 0 0 115px;} .bc_welcome_menupoints a.menu_our_brand_in_action {width:25%;padding:0 0 0 110px;} */ /* --- Welcome / Logged / Photolibrary --- */ .bc_photolibrary_menupoints {top:355px;left:24.5%;padding:0;} /* --- Welcome / Logged / Fresh Corner --- */ .bc_freshcorner_menupoints {top:420px;left:51.5%;padding:0;} .bc_freshcorner_menupoints span {top: 10px; left: 8%;} .bc_retailcampaign_menupoints {top: 555px; left: 75.5%; width: auto; padding: 0;} /* --- Downloads --- */ .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_img {height:166px;} .bc_downloads_blocks .bc_downloads_block .bc_downloads_block_img img {min-height:166px;} } /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* ------------------------- NOTY -------------------------- */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ .mgit_notification {display:none;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;background-color:#c0252f;text-align:center;overflow:hidden;} .mgit_notification .notification_content {position:relative;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:1200px;padding:15px;height:auto;text-align:center;} .mgit_notification .notification_message {-moz-box-sizing:border-box;box-sizing:border-box;margin:0;width:1170px;height:auto;text-align:center;color:#fff;font-size:16px;} .mgit_notification .notification_text {padding:10px 0;} .mgit_notification .notification_text a {color: #FFF; text-decoration: underline;} .mgit_notification .notification_text a:hover {color: #eee;} .mgit_notification .notification_text h2 {font-family: 'Farnham_Semi',Arial,Sans-Serif; font-size: 28px; padding: 10px 0;} .mgit_notification .notification_text p {font-family: Calibri,Arial,Sans-Serif; font-size: 16px; line-height: 18px; padding: 5px 0;} .mgit_notification .notification_link {display:inline-block;margin:3px 0 0 0;-moz-box-sizing:border-box;box-sizing:border-box;padding:8px 10px;outline:none;background-color:#e41e26;border: 1px solid #e41e26;color:#ffffff;font-family: 'Molgroup_Black',Arial,Sans-Serif;text-transform:uppercase;line-height:18px;font-size:16px;text-decoration:none;cursor:pointer;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .mgit_notification .notification_link:hover {border: 1px solid #ea323a;-moz-box-shadow: inset 0 0 0px 2px #ea323a;-webkit-box-shadow: inset 0 0 0px 2px #ea323a;box-shadow: inset 0 0 0px 2px #ea323a;} .mgit_notification .notification_btn {display:inline-block;margin-left:15px;-moz-box-sizing:border-box;box-sizing:border-box;height:26px;padding:6px 6px 6px 10px;border:none;outline:none;background-color:#ffffff;color:#E41E26;font-family:'molgroupregular', futura_t_otdemi, sans-serif,serif;text-transform:uppercase;line-height:16px;font-size:14px;text-decoration:none;cursor:pointer;border-radius:2px;-moz-border-radius:2px;-webkit-right-radius:2px;-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;} .mgit_notification .notification_btn:hover {background-color: #eee;} .mgit_notification .notification_btn span {color:#E41E26;padding-left:3px;} .mgit_notification .notification_close_btn {position:absolute;display:block;float:right;top:0;right:0;margin:20px;border:none;border-radius:2px;-moz-border-radius:2px;-webkit-right-radius:2px;width:30px;height:30px;background:url('../img/noty_close.png') no-repeat 50% 50%;cursor:pointer;} .mgit_notification .notification_close_btn:hover {background-color:#C00000;} /* --- Screen / 1200PX > --- */ @media(max-width:1199px) { .mgit_notification .notification_content {width:100%;} .mgit_notification .notification_message {width:100%;margin-left: auto; margin-right: auto;} } /* --- Screen / 1200PX < --- */ @media(min-width:1200px) { .mgit_notification .notification_content {width:1200px;} }