/* =CSS Reset ========================================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height:1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } ol { list-style:decimal; margin:0; padding:0 0 0 20px; margin:10px 0 12px 8px; } ol li { margin:0; padding:0; } ol li ol { list-style-type:lower-roman; } ul { list-style:disc; margin:0; padding:0 0 0 20px; margin:10px 0 15px; } ul li { margin:0; padding:0; } ul li ul { list-style-type:circle; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* =Webfonts ========================================================================================*/ @font-face { font-family: 'proxima_nova_rgbold'; src: url('fonts/proximanova-bold-webfont.eot'); src: url('fonts/proximanova-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold-webfont.woff2') format('woff2'), url('fonts/proximanova-bold-webfont.woff') format('woff'), url('fonts/proximanova-bold-webfont.ttf') format('truetype'), url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgregular'; src: url('fonts/proximanova-regular-webfont.eot'); src: url('fonts/proximanova-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular-webfont.woff2') format('woff2'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype'), url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novaregular_italic'; src: url('fonts/proximanova-regularitalic-webfont.eot'); src: url('fonts/proximanova-regularitalic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regularitalic-webfont.woff2') format('woff2'), url('fonts/proximanova-regularitalic-webfont.woff') format('woff'), url('fonts/proximanova-regularitalic-webfont.ttf') format('truetype'), url('fonts/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novasemibold'; src: url('fonts/proximanova-semibold-webfont.eot'); src: url('fonts/proximanova-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('fonts/proximanova-semibold-webfont.woff') format('woff'), url('fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novablack_italic'; src: url('../../../../en/wp-content/themes/nirvana-asia/css/fonts/proxima_nova_black_italic-webfont.html'); src: url('../../../../en/wp-content/themes/nirvana-asia/css/fonts/proxima_nova_black_italic-webfont.html?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_black_italic-webfont.woff2') format('woff2'), url('fonts/proxima_nova_black_italic-webfont.woff') format('woff'), url('fonts/proxima_nova_black_italic-webfont.ttf') format('truetype'), url('fonts/proxima_nova_black_italic-webfont.svg#proxima_novablack_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_ththin'; src: url('../../../../en/wp-content/themes/nirvana-asia/css/fonts/proxima_nova_thin-webfont.html'); src: url('../../../../en/wp-content/themes/nirvana-asia/css/fonts/proxima_nova_thin-webfont.html?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_thin-webfont.woff2') format('woff2'), url('fonts/proxima_nova_thin-webfont.woff') format('woff'), url('fonts/proxima_nova_thin-webfont.ttf') format('truetype'), url('fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Domain Semibold'; src: url('fonts/domain.eot'); src: url('fonts/domaind41d.eot?#iefix') format('embedded-opentype'), url('../../../../en/wp-content/themes/nirvana-asia/css/fonts/domain.html') format('woff2'), url('fonts/domain.woff') format('woff'), url('fonts/domain.ttf') format('truetype'), url('fonts/domain.svg#Domain Semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Didot'; src: url('fonts/didot.eot'); src: url('../../../../en/wp-content/themes/nirvana-asia/css/fonts/didot.html?#iefix') format('embedded-opentype'), /*url('fonts/didot.woff2') format('woff2'),*/ url('fonts/didot.woff') format('woff'), url('fonts/didot.ttf') format('truetype'), url('fonts/didot.svg#Didot') format('svg'); font-weight: normal; font-style: normal; } /* =Deafult Tag & General Classes ========================================================================================*/ html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; height:100%; } body { font:15px/1.6 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; color:#000; overflow-x: hidden;} img { vertical-align:top; border:0; } a, input[type="button"], input[type="submit"], button, table th, table td, div.lSAction > a { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); } .allanim, #top-mainmenu li a:after, .locations a:after, .tag-map .locations a:after, .social a, .gallery-section-container .col-container .mask-container, .product-details h3:before, .filtertigger:after, .list-section .cols .col-container .mask-container:before, .scroll-navigation, .video-controlbox a:after, .lg-toolbar .lg-close:after, .enquiry-form-box, .country-list ul li a:before, .contact-map-box, .address-wrapper, .donation-button span, .founder-image-box { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); } .menu-rightcol, .menu-leftcol, .search-results-popup:before, .search-results-popup:after, .founder-details-box { -moz-transition:all 850ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 850ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 850ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 850ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 850ms cubic-bezier(0.450, 1.000, 0.320, 1.000); } .slower .menu-leftcol , .slower .menu-rightcol { -moz-transition:all 2s cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 2s cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 2s cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 1.2s cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 1.2s cubic-bezier(0.450, 1.000, 0.320, 1.000); } a { color:#bf9a56; text-decoration:none;} a:hover { text-decoration:underline; } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { a:active{ background-color:transparent;} } strong { font-weight:normal; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif } p { margin:0 0 30px 0; } h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-family: 'Prata', serif; color:#988057; letter-spacing:0.04em; } h1,h2 { font-size:38px; } h3 { font-size:30px; } h4 { font-size:24px; } h5 { font-size:18px; } h6 { font-size:16px; } .cf:before, .cf:after,.wrap:after,.wrap:before, .filter-nav-row:before, .filter-nav-row:after, .collection-row:before, .collection-row:after, .company-info-row:before, .company-info-row:after, .info-row:before, .info-row:after, #lightgallery:before, #lightgallery:after, .career-section:before, .career-section:after, .post-nav:before, .post-nav:after, .module-col ul:before, .module-col ul:after, .dist-circle-group:after, .charts-container:after, .nirvana-sale-box:after, .sales-by-year:after, #nirvanagallery:after, #thumbslider:after { content:""; display:table; } .cf:after,.wrap:after, .collection-row:after, .filter-nav-row:after, .company-info-row:after, .info-row:after, #lightgallery:after, .career-section:after, .post-nav:after, .module-col ul:after, .dist-circle-group:after, .charts-container:after, .nirvana-sale-box:after, .sales-by-year:after, #nirvanagallery:after, #thumbslider:after { clear:both; } .cf,.wrap, .collection-row, .filter-nav-row, .company-info-row, .info-row, #lightgallery:after, .career-section:after, .post-nav:after, .module-col ul { zoom:1; } .nodisplay { display:none; } .nodisplay_strict { display:none !important; } .alignleft { float:left; } .alignright { float:right; } :focus { outline:none; } .text_cont p { padding:0 0 10px 0; } .nopad p, p.nopad { padding:0; } .cols { *zoom:1; margin-left:-15px; margin-right:-15px; clear:both; } .cols:after {content:""; display:table; clear:both; } .cols .col { float:left; min-height:1px; padding-left:15px; padding-right:15px; } .cols1 .col { width:100% } .cols2 .col { width:50% } .cols3 .col { width:33.333333333333%; } .cols4 .col { width:25%; } .cols5 .col { width:20%; } .cols6 .col { width:16.666666666667%; } blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; } .highlight { background:#fffd64; } .col-align-left { float:left; } .col-align-right { float:right; } .alignleft { padding-bottom:20px; padding-right:25px; } .alignleft:after, .alignright:after { content:''; clear:both; display:table; } .alignright { padding-bottom:20px; padding-left:25px; } img { max-width: 100%; height: auto; } /* =Layout Width ========================================================================================*/ #wrapper.page-loaded { display:block; } #main { padding:25px 0 100px; } .history-page #main { padding:0 0 165px; } #wrapper { position:relative; min-height:100%; } #primary { float:left; width:700px; } #content { } #sidebar { float:right; width:200px; } .one-column { width:auto !important; float:none !important; } .sidebar-col { width:48%; padding-right:30px; float:left; } .primary-col { width:52%; float:left; } .career-section { padding:0 30px; } .default-page .wrap { padding:0 30px; } /* =Common-Page (common classes for all pages) ========================================================================================*/ #header { padding:10px 40px; } .wrap { padding:0 20px; margin:0 auto; } #logo { float:left; width:200px; position:relative; z-index:1; } #logo { width:185px; } #logo img { max-width:100%; height:auto; width:auto; } #top-mainmenu { float:right; margin:28px 180px 0 0; font-family:'Prata', serif; font-size:20px; } #top-mainmenu ul { margin:0; padding:0; list-style:none; } #top-mainmenu li { float:left; line-height:30px; } #top-mainmenu > ul > li { margin:0 0 0 10px; } #top-mainmenu li a { text-decoration:none; padding:0 5px; display:block; color:#8c5332; position:relative; font-size:16px; } #top-mainmenu li a:after { content:''; position:absolute; background:#8c5332; width:0; height:2px; left:0; right:0; margin:0 auto; bottom:-7px; } #top-mainmenu li a:hover:after { width:100%; } /* =Home-Page (only homepage used classes) ========================================================================================*/ .sprites { background-image: url(../images/bgi/sprites.png); } .sp-after:after { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; } .sp-before:before { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle; } /* =Form Style ========================================================================================*/ button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; } button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; } button, input { line-height:normal; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#fff; padding:4px 18px; height:44px; line-height:1.55; border:solid 1px #e5e5e5; font-family:'proxima_nova_rgregular',Arial, Helvetica, sans-serif; color:#979797; width:100%; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; } textarea {width:100%; height:145px; overflow:auto; resize:vertical; padding:10px 15px; font-family:Arial, Helvetica, sans-serif; } select { height:auto; padding:12px 42px 11px 12px; font-size:16px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; } select::-ms-expand { display:none; } .custom-select { display:block; margin:0; position:relative; background:#fff; } .custom-select:before { position:absolute; right:1px; top:0; width:42px; height:100%; background:#fff; content:''; } .custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:15px; top:50%; margin-top:-3px; } .ie select { padding-right:0;} .ie .custom-select:before { z-index:2; height:40px; } .ie .custom-select:after { z-index:3; } .ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac; } input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;} input[type="button"], input[type="submit"], button { background:#bf9a56; color:#fff; border:0; cursor:pointer; width:auto; overflow:visible; padding:12px 20px 10px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:14px; line-height:1.25; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; } input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#848690; color:#fff; } input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top; } .ez-hide { opacity:0; filter:alpha(opacity=0); } .ez-checkbox { background-position:0 -29px; display:inline-block; } .ez-checkbox.disabled, .ez-radio.disabled { opacity:0.6 } .ez-radio { background-position:-48px -29px; display:inline-block; } .ez-checked { background-position:-16px -29px; } .ez-checked.disabled { background-position:-32px -29px; } .ez-selected { background-position:-64px -29px; } .ez-selected.disabled { background-position:-80px -29px; } .ez-checkbox, .ez-radio { zoom:1; *display:inline; vertical-align:middle; margin-right:8px } .ez-checkbox input, .ez-radio input { margin:3px 0 0; display:block; width:15px; height:15px; vertical-align:top; } /* =Form list ========================================================================================*/ .formlist { margin:0; padding:0; list-style:none; } .formlist li { padding:10px 0 } .formlist li:after { clear:both; content:''; display:table; } .formlist li ul { margin:0; padding:0; list-style:none; } .forgot-link { float:right; } .formlist li label.field-lable { display:block; padding:0 0 5px; } .formlist li .other { display:none; margin-top:5px; } /* =Common button CSS ========================================================================================*/ .button { background-color:#bf9a56; text-transform:uppercase; font-size:16px; color:#fff; display:inline-block; line-height:1.2; padding:13px 30px; vertical-align:bottom; } .button:hover { background-color:#848690; text-decoration:none; color:#fff; } .button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:16px 35px; font-size:18px; } .button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:10px 25px; font-size:14px; } .button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px; } .button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#ccc; color:#454545; } .button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#b7b7b7; } .button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#656565; color:#fff; } .button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#bf9a56; } .button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:none; border:solid 2px #bf9a56; color:#bf9a56; } .button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#bf9a56; color:#fff; } .button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline { padding:14px 35px; } .button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline { padding:11px 30px; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; font-size:18px; } .button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline { padding:8px 25px; } .button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline { padding:6px 20px; } .button.btn-block { display:block; } .buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; } /* =Table CSS ========================================================================================*/ table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; } table { width:100%; margin-bottom:30px; } table th, table td { padding:10px 13px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd; } table th { border-bottom:solid 2px #ccc; font-weight:700; padding:13px; } table tr:hover td { background:#f5f5f5; } table tr.selected td { background:#e5f1f5; } table thead th { vertical-align:middle; } 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 CSS ========================================================================================*/ .tabnav { width:100%; margin:0; padding:0; list-style:none; border-bottom:solid 2px #e5e5e5; } .tabnav li { float:left; position:relative; margin:0; } .tabnav li:first-child { margin:0; } .tabnav li h2 { margin:0; font-size:12px; } .tabnav li a { display:block; padding:10px 0; text-decoration:none; color:#505061; min-width:104px; line-height:1.25; border-bottom:solid 2px transparent; margin-bottom:-2px; } .tabnav li.active a, .tabnav li a:hover { border-bottom-color:#bf9a56; color:#bf9a56 } .tabnav li.active a:after { display:block; } .tabcontent .quicklist li, .tabcontent .quicklist { margin:0; } .tabcontent { display:none; padding:15px 0; margin-bottom:10px; } .tabcontent p { color:#666; margin:0 0 20px; } .tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; } .tabcontent p a:hover, .accordion-data p a:hover { color:#00305d } .tabcontent h4 { margin:0 0 15px; } /* =Accordian CSS ========================================================================================*/ .accordion-databox .accordion-row { border-bottom:solid 2px #e5e5e5; } .accordion-databox .accordion-row:first-child { border-top:0; } .accordion-databox .accordion-row h5 { cursor:pointer; margin:0; border-bottom:solid 2px transparent; position:relative; padding:7px 40px 7px 0 } .accordion-databox .accordion-row h5:after { content:''; position:absolute; right:16px; top:50%; margin-top:-3px; border-top:solid 6px #848690; border-left:solid 6px transparent; border-right:solid 6px transparent; } .accordion-databox .accordion-row h5.open { border-bottom-color:#bf9a56;} .accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 6px #bf9a56; } .accordion-data { display:none; padding:15px 0; } .accordion-data p { padding:0 6px; } /* =Alertbox CSS ========================================================================================*/ .alert { padding:12px 12px 12px 50px; margin:10px 0; color:#fff; position:relative; } .alert:before { position:absolute; content:''; left:14px; top:11px; width:24px; height:24px; background:url(../images/bgi/sprites.png) no-repeat 0 0; } .alert-notification { background-color:#5cb1aa; } .alert-notification:before { background-position:0 0; } .alert-info { background-color:#db9e3c; } .alert-info:before { background-position:-26px 0; } .alert-warning { background-color:#db524c;} .alert-warning:before { background-position:-52px 0; } .alert-success { background-color:#34b166; } .alert-success:before { background-position:-79px 0; } .alert-normal { background-color:#999; padding-left:15px; } .alert-normal:before { display:none; } .alert-info.grey-info { background:#999; margin:20px 0 0; } /* =Intro page CSS ========================================================================================*/ .page-loader { display:block; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; text-align:center; text-transform:uppercase; font-size:0; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; background:#fff; z-index:999999; } .page-loader:before { width:0; height:100%; content:''; display:inline-block; vertical-align:middle; } .page-loader ul { margin:0; padding:0; list-style:none; vertical-align:middle; display:inline-block; color:#e5e5e5; } .page-loader ul li { display:inline-block; font-size:8vw; color:#d4d4d4; position:relative; } .page-loader ul li span.fill { position:absolute; width:0; left:0; color:#bf9a56; overflow:hidden; } .video-section { width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; } #intro { width:100%; height:100%; } #intro:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:2; opacity:0.3; /*background: #2cd664; background: -moz-linear-gradient(-45deg, #2cd664 0%, #d9cd23 100%); background: -webkit-linear-gradient(-45deg, #2cd664 0%,#d9cd23 100%); background: linear-gradient(135deg, #2cd664 0%,#d9cd23 100%); */ } #header { background: #fff; position:absolute; left:0; top:0; z-index:3; width:100%; } #footer { background:#fff; position:relative; left:0; bottom:0; z-index:10; width:100%; text-align:center; padding-bottom:10px; padding-top: 10px;; overflow: hidden; border-top: 1px solid #eee;} .copyright { margin:0; font-size:16px; padding:0 0 0 40px; float:left; } .pipe { opacity:0.25; display:inline-block; margin:0 3px; } .copyright a { color: #8c5332;text-decoration:none; } .copyright a:hover { text-decoration:underline; } .social { font-size:16px; float:left; margin-right:10px; } .social span { margin-right:8px; } .footer-rightblock .social a, .common-page .footer-rightblock .social a { width:20px; height:20px; display:inline-block; text-indent:-999em; background-color:#fff; border-radius:50%; margin:0 2px; opacity:0.9; } .common-page #footer .footer-rightblock .social a, .footer-rightblock .social a:hover { opacity:1; } .footer-rightblock .social a.fb, .menu-block .social a.fb { background-position:-361px -312px; } .footer-rightblock .social a.gp, .menu-block .social a.gp { background-position:-382px -312px; } .footer-rightblock .social a.tw, .menu-block .social a.tw { background-position:-403px -312px; } .footer-rightblock .social a.yt, .menu-block .social a.yt { background-position:-424px -312px; } .footer-rightblock .social a.wc, .menu-block .social a.wc { background-position:-528px -312px; } .footer-rightblock .social a.in, .menu-block .social a.in { background-position:-549px -312px; } .common-page #footer .footer-rightblock .social a.fb { background-position:-361px -312px; } .common-page #footer .footer-rightblock .social a.gp { background-position:-382px -312px; } .common-page #footer .footer-rightblock .social a.tw { background-position:-403px -312px; } .common-page #footer .footer-rightblock .social a.yt { background-position:-424px -312px; } .common-page #footer .footer-rightblock .social a { /*background-color:#c4a264 !important;*/ } .common-page #footer .footer-rightblock .social a:hover { background-color:#bbb !important; } /*.homepage #footer .footer-rightblock .social a.fb { background-position:-361px -291px; } .homepage #footer .footer-rightblock .social a.gp { background-position:-382px -291px; } .homepage #footer .footer-rightblock .social a.tw { background-position:-403px -291px; } .homepage #footer .footer-rightblock .social a.yt { background-position:-424px -291px; } .homepage #footer .footer-rightblock .social a.wc { background-position:-528px -291px; } .homepage #footer .footer-rightblock .social a.in { background-position:-549px -291px; }*/ .company-stock-update { display:inline-block; } #footer .stock-lg, .company-stock-update h5 { display:inline-block; vertical-align:middle; margin:0; padding-right:0; } .company-stock-update h5 { font-size:16px; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; } #footer .stock-lg .price { font-size:26px; display:inline-block; vertical-align:middle; margin:0 0 0 8px; } #footer .stock-status { position:relative; left:0; top:0; display:inline-block; vertical-align:middle; margin:0 0 0 8px; } .homepage #footer { text-align:left; } .homepage .copyright { float:left; display:inline-block; } .copyright, .social, .language-nav li { font-size:13px; margin-top:6px; } .skip-intro { position:absolute; color:#e9bd69; text-transform:uppercase; font-family: 'Prata', serif; font-size:16px; left:0; right:0; bottom:30px; margin:0 auto; width:250px; letter-spacing:0.2em; text-align:center; padding:12px 0 10px; z-index:2; text-shadow:1px 1px 1px rgba(0,0,0,.15); } .skip-intro span { position:relative; z-index:10; } .skip-intro:hover { text-decoration:none; color:#fff; } .skip-intro:before { content:''; width:80%; height:1px; background:#e9bd69; display:block; left:0; right:0; margin:0 auto; position:absolute; top:0; -moz-transition: -moz-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease; -o-transition: -o-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease } .skip-intro:after { content:''; width:80%; height:1px; background:#e9bd69; display:block; left:0; right:0; margin:0 auto; position:absolute; bottom:0; -moz-transition: -moz-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease; -o-transition: -o-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.6s ease } .skip-intro:hover:before { -webkit-transform:rotate(30deg) translateY(-20px); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg) translateY(-20px); transform:rotate(30deg) translateY(-20px); left:-20px; top:40px; /*background:#950505;*/ } .skip-intro:hover:after { -webkit-transform:rotate(-30deg) translateY(20px); -ms-transform:rotate(-30deg) translateY(20px); -moz-transform:rotate(-30deg) translateY(20px); transform:rotate(-30deg) translateY(20px); right:20px; bottom:40px; /*background:#950505;*/ } .skip-intro:hover span { opacity:0; } .skip-intro:hover .hover+span { top: 20px; opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0) } .skip-intro>.hover+span { top: 0; -moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease, top 0.3s ease; -o-transition: opacity 0.3s ease, -o-transform 0.3s ease, top 0.3s ease; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, top 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, top 0.3s ease; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .skip-intro>.hover { position: absolute; left: 0; right: 0; top: -20px; opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease, top 0.3s ease; -o-transition: opacity 0.3s ease, -o-transform 0.3s ease, top 0.3s ease; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, top 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, top 0.3s ease; } .skip-intro:hover .hover { top: 12px; opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .video-controlbox { position:absolute; left:40px; bottom:40px; border:solid 1px #fff; background:rgba(255,255,255,0.02); box-shadow:2px 2px 5px rgba(0,0,0,.25); text-shadow:2px 2px 2px rgba(0,0,0,.25); } .video-controlbox a { overflow:hidden; background:#d5a856; color:#fff; position:relative; text-decoration:none; width:90px; text-align:center; display:block; line-height:38px; float:left; } .video-controlbox a:hover { color:#d5a856; background:none; } .video-controlbox a:first-child { border-right:solid 1px #fff; } .play-video:before { background-position:-205px -118px; width:20px; height:19px; margin-right:3px; } .play-video:hover:before { background-position:-107px 0; } .play-video.pause:before { background-position:-205px -97px; } .play-video.pause:hover:before { background-position:-107px -23px; } .sound-video:before { background-position:-227px -97px; width:22px; height:19px; margin-right:10px; } .sound-video:hover:before { background-position:-130px 0; } .sound-video.mute:before { background-position:-227px -118px; } .sound-video.mute:hover:before { background-position:-130px -23px; } .video-controlbox a:after { content:''; width:200%; position:absolute; left:-40px; top:0; width:0; background:#fff; height:100%; z-index:-1; transform:skew(-60deg); } .video-controlbox a:hover:after { width:200%; } .footer-rightblock { float:left; margin:0 56px 8px 50px; } .language-nav { margin:11px 200px 0 0; padding:0; list-style:none; float:right;padding: 6px 10px; } .language-nav li { display:inline-block; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:16px; padding:0 6px; line-height:1; font-weight:normal; } .language-nav li:first-child { border-right:solid 1px #dfd7b6; border-color:rgba(250,238,84,0.20); } .language-nav li a { color:#8c5332; text-decoration:none; } .language-nav li a:hover { text-decoration:underline; } .language-nav li a figure { display:inline-block; vertical-align:middle; height:13px; margin-right:10px; position:relative; top:-1px; } .language-nav li a figure img { border:solid 1px #dfd7b6; border-color:rgba(255,255,255,0.60); } .intropage .language-nav { margin-bottom:20px; } .intropage { overflow-y:hidden; } /* =Home page CSS ========================================================================================*/ #menu { position:absolute; right:40px; top:40px; border:solid 1px #b38d73; border:solid 1px rgba(255,255,255,0.25); padding:0 15px; line-height:36px; z-index:13; padding-left:48px; } .menulines-button { padding:0; cursor: pointer; user-select: none; font-size:20px; color:#fff; text-decoration:none; font-family: 'Prata', serif; } .menulines-button em { font-style:normal; display:inline-block; padding-top:2px; } .menulines-button:hover { text-decoration:none; } .intro-heading-box { height:100%; width:100%; position:absolute; left:0; top:0; text-align:center; color:#fff; text-shadow:0 0 25px rgba(140,83,50,0.25); background:url(../images/bgi/glow-bg.png) 50% 50% no-repeat; background-size:cover; } .intro-heading-box:before { height:100%; width:0; content:''; display:inline-block; vertical-align:middle; } .intro-heading-box h2 { color:#fff; display:inline-block; vertical-align:middle; font-size:110px; text-transform:uppercase; text-shadow:0 0 10px rgba(102,48,14,.30); width:98%; } .intro-heading-box h2 span { font-weight:normal; font-size:54px; text-transform:none; display:block; font-style:italic; } .nirvana-logo { position:absolute; border-radius:10px; left:0; right:0; top:0; bottom:0; margin:auto; width:110px; height:110px; background-image: url(../images/middlelogo.png) !important; background-size: contain !important;background-position: center; background-repeat: no-repeat;background-color:#950505; z-index:3; -moz-transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); -moz-transition:all 1500ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 1500ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 1500ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 1500ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 1500ms cubic-bezier(0.450, 1.000, 0.320, 1.000); } .menu-block { position:absolute; width:100%; height:100%; z-index:9999; left:0; top:0; display:none; overflow:hidden; } .menu-leftcol { width:50%; background:#b19656 url(../images/menu-block-bg.html) 50% 50% no-repeat; background-size:cover; height:100%; position:absolute; left:-100%; } .menulogo { position:absolute; left:0; right:0; top:0; bottom:0; max-width:320px; height:92px; width:100%; margin:auto; display: none; } .menulogo img { width:100%; height:auto; } .menu-rightcol { width:50%; background:#fff; background-size:cover; height:100%; position:absolute; top:0; overflow:hidden; padding:50px 0 50px 105px; right:-100%; } .menu-rightcol:before { content:''; width:0; height:100%; display:inline-block; vertical-align:middle; background:#FF0004; } #menu.menuopen { z-index:9999999; } .menu-block.menu-visible .menu-rightcol { right:0; } .menu-block.menu-visible .menu-leftcol { left:0; } .menu-block.menu-visible .nirvana-logo { -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); } body.hidden-scrollbar { overflow:hidden; } #mainmenu { font-family: 'Prata', serif; display:inline-block; vertical-align:middle; width:98%; position:relative; z-index:4;overflow-y: scroll; height: 80%; overflow-x: hidden; } #mainmenu ul { margin:0; padding:0; list-style:none; } #mainmenu > ul { display:inline-block; } #mainmenu > ul > li { font-size:24px; padding:5px 0; } #mainmenu ul li a { text-decoration:none; color:#a67041; } #mainmenu ul li a:hover { color:#950505; } #mainmenu ul li ul { display:none; } #mainmenu ul li ul li { font-size:16px; font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; } #mainmenu ul li ul { padding:15px 0 10px 15px; } #mainmenu ul li ul li { padding:2px 0; } #mainmenu ul li ul li a { color:#888; } #mainmenu ul li ul li a:hover { color:#333; } .menu-footer { position:absolute; left:0; bottom:0; width:100%; font-size:14px; color:#999; padding:0 70px 12px; z-index:3; } .menu-footer:before { content:''; width:100%; height:1px; display:block; background:#ebebeb; margin-bottom:12px; } .menu-footer p { display:inline-block; line-height:28px; margin:0; width:70%; } .menu-footer p > a { color:#999; text-decoration:none; } .menu-footer p > a:hover { color:#a67041; } .menu-footer .pipe { display:inline-block; margin:0 2px; opacity:.4; } .menu-footer .social { float:right; margin-right:0; } .common-page .menu-footer .social a, .homepage .menu-footer .social a { /*background-color:#a67041;*/ background-color:#950505; margin:0 0 0 5px; } .common-page .menu-footer .social a:hover, .homepage .menu-footer .social a:hover { background-color:#950505; } /*.menu-footer .social a.fb, .common-page .social a.fb, .full-page .social a.fb { background-position:0 -83px; } .menu-footer .social a.gp, .common-page .social a.gp, .full-page .social a.gp { background-position:-32px -83px; } .menu-footer .social a.tw, .common-page .social a.tw, .full-page .social a.tw { background-position:-65px -83px; } .menu-footer .social a.yt, .common-page .social a.yt, .full-page .social a.yt { background-position:-96px -83px; }*/ .menu-gray-cornertop { width:0; height:0; border-style: solid; border-width: 260px 260px 0 0; border-color: #f9f9f9 transparent transparent transparent; position:absolute; left:0; top:0; z-index:1; } .menu-gray-cornerbottom { width:0; height:0; border-style: solid; border-width: 0 0 260px 260px; border-color: transparent transparent #f9f9f9 transparent; position:absolute; right:0; bottom:0; z-index:1; } .video-section .video-js { display:block } /* =Collection-page ========================================================================================*/ .common-page #header { position:relative; z-index:12; background: #fff; border-bottom:4px solid #da1515; } .full-page #header { position:relative; z-index:12; background: #fff; border-bottom:4px solid #da1515; } .page-title { font-size:34px; color:#fff; letter-spacing:0.04em; text-align:center; margin:13px 238px 13px; } .page-title { font-size:26px; visibility: hidden;} .common-page #logo { /*top:-8px;*/ margin-right:20px; } #menu { top:21px; background:#b38d73; color:#fff; border:1px solid #b38d73; } #menu.menuopen { /*color:#8b5330;*/ } #menu.menuopen .menulines:before, #menu.menuopen .menulines:after { background:#8b5330; } .menuopen .menulines { background:none; } .page-template-template-board-of-directors.common-page #header { position: absolute; } .common-page #footer { /*background:#f3efe6; color:#888; *//*padding:15px 0 19px;*/ } .common-page #footer:before { display:none; } .common-page #header:before { content:""; width:28px; height:19px; background:url(../images/bgi/sprites.png) -4px -252px no-repeat; position:absolute; left:0; top:100%; margin:-10px auto 0; right:0; } .full-page #header:before { content:""; width:28px; height:19px; background:url(../images/bgi/sprites.png) -4px -252px no-repeat; position:absolute; left:0; top:100%; margin:-10px auto 0; right:0; } .common-page .footer-rightblock, .nirvana-brand .footer-rightblock { margin-bottom:0; } .common-page .language-nav li a { color: #b38d73; } .common-page .copyright a { /*color:#888;*/ } .common-page .language-nav li:first-child { border-right:1px solid #c8c6c0; } .filter-nav-row { border-bottom:1px solid #e1e1e1; margin-top:-25px; } .filter-nav-row ul { list-style:none; font-size:0; padding:0; margin:0 auto; } .filter-nav-row li { display:inline-block; font-size:20px; padding:10px 20px; position:relative; /*font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif;*/ letter-spacing:0.04em; } .filter-nav-row li:first-child:before { display:none; } .filter-nav-row li:before { content:''; position:absolute; left:0; width:1px; height:10px; background:#e5e5e5; top:50%; margin-top:-5px; } .filter-nav-row li a { color:#888; } .filter-nav-row li a:hover, .filter-nav-row li.active > a { text-decoration:none; color:#bf9a56; } .filter-nav-row li.filter { padding:10px 30px; text-transform:uppercase; color:#bf9a56; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-right:-1px; } .filter-nav-row li ul { position:absolute; /*left:-50%;*/ left:0%;top:100%; z-index:11; width:220px; background:#c6ae83; border:1px solid #b29c76; display:none; } .filter-nav-row li li { display:block; padding:0; } .filter-nav-row li li:before { display:none; } .filter-nav-row li li a { color:#fff; border-top:1px solid #b29c76; display:block; padding:5px 15px; } .filter-nav-row li li:first-child a { border-top:0; } .filter-nav-row li li a:hover, .filter-nav-row li li.active a { color:#fff; background:#950505; } .collection-row { margin-top:20px; background:#f3f2ee; } .collection-img-box { float:left; width:66.66666666666667%; background-color:#f6f6f6; } .collection-img-box a { display:block; overflow:hidden; background:#000; } .collection-img-box a img { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; max-width:100%; } .collection-img-box a:hover img { -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1); } .collection-info-box { float:left; width:33.33333333333333%; padding:20px; text-align:center; } .product-info-box { border:1px solid #733612; display:block; height:100%; padding:20px 45px; font-size:0; } .product-info-box:after { content:''; display:inline-block; vertical-align:middle; height:100%; } .product-details { display:inline-block; vertical-align:middle; width:99%; color:#5a4a2e; line-height:1.5; } .product-details h3 { font-size:38px; padding-bottom:10px; margin:0 auto 25px; position:relative; } .product-details h3 span:after, .section-title span:after { content:''; position:absolute; width:19px; height:13px; margin:auto; background:#f3f2ee url(../images/bgi/sprites.png) no-repeat -131px -68px; left:0; right:0; bottom:-7px; z-index:1; } .section-title span:after { background: url(../images/bgi/sprites.png) no-repeat -131px -68px;} .product-details h3:before { content:""; width:232px; height:1px; background:#988057; position:absolute; left:0; right:0; bottom:0; margin:auto; } .product-details h3.animated:before { width:150px; } .product-details h3 span:before { content:''; position:absolute; bottom:0; width:41px; height:1px; background:#f3f2ee; left:0; right:0; margin:auto; } .collection-row:nth-child(even) .collection-img-box { float:right; } .product-info { display:none; } .product-details a.button { margin-top:15px; } .common-page .social a { background-color:#c4a264; } .common-page .social a:hover { background-color:#fff; } div.loading { padding: 30px; text-align:center; width:100%; height: 100%; } /* =Investors page ========================================================================================*/ .topnav ul { float:none; text-align:center; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; } .topnav li a { font-size:18px; } .company-info-row { overflow:hidden; padding:0 22px; border-bottom:1px solid #e1e1e1; margin:-1px 0; position:relative; } .investor-slider { float:left; width:68%; } .slider-box .item { position:relative; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; background-size:cover; -moz-background-position:50% 0; -webkit-background-position:50% 0; -ms-background-position:50% 0; background-position:50% 0; } .slider-box .item a:hover { text-decoration:none; } .slider-box .item img { max-width:100%; display:none; } .slide-content { position:absolute; bottom:0; left:0; right:0; font-size:17px; color:#aa936b; background:#2c2c2c; background:rgba(44,44,44,0.95); letter-spacing:0.04em; padding:20px 25px 0; line-height:1.4; } .slide-content h2 { color:#fff; line-height:1.2; font-size:30px; } .investor-slider .lSSlideOuter, .investor-slider .lSSlideWrapper, .investor-slider .slider-box, .investor-slider .item { position:relative; height:100% !important; } div.lSAction { position:absolute; right:0; top:8px; } div.lSAction > a { position:static; float:left; background:rgba(255,255,255,0.94) url(../images/bgi/sprites.png) no-repeat 0 -113px; width:44px; height:44px; margin:0 8px 0 0; opacity:1; } div.lSAction > a:hover { background-color:#950505; } div.lSAction a.lSPrev { background-position:0 -113px; } div.lSAction a.lSNext { background-position:-46px -113px; } div.lSAction a.lSPrev:hover { background-position:-234px -159px; } div.lSAction a.lSNext:hover { background-position:-280px -159px; } div.lightSlider.lsGrab > * { cursor:pointer; } .company-info-block { overflow:hidden; padding:30px 0 35px 25px; } .info-row { margin:22px -15px 0; } .info-row:first-child { margin-top:0; } .info-col h3 { font-size:26px; color:#988057; border-bottom:1px solid #cbbfab; padding-bottom:8px; margin-bottom:15px; } .info-col h3 span { font-size:22px; display:block; } .list { margin:0; padding:0; list-style:none; } .list li { margin:2px 0 0; position:relative; padding:0 0 0 31px; font-size:18px; } .list li:first-child { margin:0; } .list li a { color:#5a4a2e; } .list li:before { content:''; background:url(../images/bgi/sprites.png) -131px -43px; width:13px; height:13px; position:absolute; left:0; top:7px; } .info-col .list li { font-size:16px; padding:0 0 0 24px; } .info-col .list li:before { width:10px; height:10px; top:7px; background-position:-131px -57px; } .stock-col { background:#f8f7f5; border:1px solid #e1e1e1; padding:16px 24px; } .link { color:#5a4a2e; font-size:16px; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; } .link:after { content:''; margin:0 0 0 8px; display:inline-block; width:18px; height:12px; background:url(../images/bgi/sprites.png) no-repeat -92px -113px; position:relative; top:1px; } .link:hover { opacity:0.85; text-decoration:none; } .investors-row { padding:22px 22px 32px; background:#f8f7f5; border-bottom:1px solid #e4e4e4; } .investors-row .cols5 { overflow:hidden; margin:-20px -11px 0; padding-bottom:35px; font-size:0; text-align:center; } .investors-row .cols5 .col { padding:20px 11px 0; float:none; vertical-align:top; display:inline-block; } .investor-box { border:1px solid #e1e1e1; border-bottom-width:3px; background:#fff; } .investor-box img { max-width:100%; } .investor-info { padding:15px 15px 0; color:#5a4a2e; font-size:16px; letter-spacing:0.04em; line-height:1.3; text-align:left; } .investor-box .investor-info h4 { font-family:'Prata', serif; font-size:22px; color:#988057; letter-spacing:0.06em; opacity:1; text-transform:none; } .investor-info h4 a { text-decoration:none; } .investor-info h4 a:hover { color:#950505; } .newsletter-box { text-align:center; line-height:1.4; max-width:650px; margin:auto; color:#5a4a2e; font-size:18px; letter-spacing:0.04em; } .newsletter-box h4 { font-size:30px; color:#988057; } .section-title { text-align:center; position:relative; padding-bottom:12px; margin:0 0 35px; } .section-title:before { content:''; height:1px; bottom:0; background:#988057; width:225px; margin:auto; position:absolute; left:0; right:0; } .section-title:after { width:41px; height:1px; bottom:0; background:#f8f7f5; content:""; position:absolute; left:0; right:0; margin:0 auto; } .company-links-row .section-title:after { background:#fff; } .section-title span:after { bottom:-6px; } .company-links-row { text-align:center; margin-bottom:-26px; position:relative; overflow:hidden; } .company-links-row:after { content:''; position:absolute; left:50%; height:100%; width:1px; background:#e4e4e4; top:0; } .company-links-row h4 { font-size:30px; } .company-links-row .cols { margin:0; } .company-links-row .col .list { font-size:0; } .company-links-row .col .list li { display:inline-block; margin:0 0 0 18px; } .company-links-row .col .list li:first-child { padding-left:0; margin-left:0; } .company-links-row .col .list li:first-child:before { display:none; } .company-links-row .col { padding:70px 15px 60px; } .stock-lg { padding-right:150px; position:relative; } .stock-lg .price { font-size:44px; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; line-height:1; color:#449703; } .stock-cols { margin:10px -15px 0; } .stock-cols h3 { font-size:18px; color:#5a4a2e; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; line-height:1; margin:0; padding:0; border:0; } .stock-cols h3 span { font-size:18px; float:right; color:#777; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; } .stock-cols .price { font-size:20px; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; } .stock-cols .price.up, .stock-status.up { color:#449703; } .status-box { position:relative; padding-right:65px; } .stock-status { position:absolute; right:0; top:5px; font-size:17px; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; padding-left:18px; } .stock-status:before { content:""; width:0; height:0; border-bottom:7px solid #988057; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; left:0; top:50%; margin-top:-4px; } .stock-cols .price.down, .stock-status.down { color:#da1414; } .stock-status.up:before { border-bottom-color:#449703; } .stock-status.down:before{ border-bottom-color:transparent; border-top:7px solid #da1414; } .stock-col > p { margin:5px 0 0; line-height:1; font-size:14px; color:#5a4a2e; } .stock-cols .col:first-child { border-right:1px solid #c8bba6; } .info-col > .link { position:relative; top:8px; font-size:16px; } .subscribe-box { position:relative; } .subscribe-box input[type="text"] { color:#454648; font-size:16px; padding-right:175px; } .subscribe-box input[type="submit"] { position:absolute; background:#988454; height:44px; top:0; right:0; padding:8px 30px; } .subscribe-box input[type="submit"]:hover { background:#848690; } .subscribe-box:after { content:''; display:table; clear:both; } .newsletter-box > p { margin:0 0 20px; } .mc4wp-form .mc4wp-response { max-width:650px; width:auto; margin:8px auto 0; } .mc4wp-alert { color:#da1515; } /* =Gallery Page ========================================================================================*/ .gallery-section-container { padding:0 30px; margin:30px 0 0; } #lightgallery { margin:-12px -6px 0; padding:0; list-style:none; } #lightgallery li { float:left; width:25%; padding:0 6px; margin:12px 0 0; } .gallery-wrapper .filter-nav-row > ul > li { font-family:'Prata', serif; font-size:16px; } .col-container { position:relative; overflow:hidden; } .col-container img { width:100%; height:auto; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .col-container:hover img { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .col-container .mask-container { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; text-align:center; } .mask-box { display:table; width:100%; height:100%; text-align:center; position:relative; z-index:10; } .mask-info { display:table-cell; vertical-align:middle; padding:0 25px; } .col-container h4 { font-size:22px; color:#950505; opacity:0; } .col-container h6 { font-size:20px; margin:0 0 7px; opacity:0; color:#000; } .mask-info .zoom { width:40px; height:40px; display:block; margin:0 auto 15px; background:#fff url(../images/bgi/sprites.png) -4px -161px no-repeat; border-radius:50%; text-indent:-999em; } .col-container a:hover .zoom { background:#950505 url(../images/bgi/sprites.png) -48px -161px no-repeat; } .company-info-block > .cols1 > .col .info-col { margin:22px 0 0; } .company-info-block > .cols1 > .col .info-col:first-child { margin:0; } /* =Career Page ========================================================================================*/ .open-positions-wrapper .lSSlideWrapper { padding-top: 60px; } .job-info-box a { text-decoration: none !important; } .opening-date { width: 100%; position:absolute; left:0; top:0; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:16px; background:rgba(152,128,87,.6); color:#fff; padding:6px 20px; } .open-positions-slider .item-group ul li img { width:100%; height:auto; } .item-group ul { margin:-15px; padding:0; list-style:none; } .item-group ul:after { content:''; display:table; clear:both; } .item-group ul li { overflow:hidden; float:left; width:50%; padding:15px; } .item-group ul li .item { position:relative; overflow:hidden; } .job-info { position:absolute; left:0; bottom:0; right:0; color:#fff; padding:0 20px 20px; } .job-info h4 { color:#fff; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; display: none; } .job-info h3 { font-size:20px; letter-spacing:0.04em; line-height:1; margin:0; color:#fff; } .job-info-box { position:relative; width:100%; z-index:1; } .job-info:before { position:absolute; left:0; bottom:0; width:0; height:0; border-bottom:130px solid rgba(149,5,5,.8); border-right:450px solid transparent; content:""; display:none; } .module-col h3, .career-bottom-section .primary-col h3 { font-size:28px; line-height:1.15; border-bottom:1px solid #cbbfab; padding-bottom:15px; margin-bottom:20px; } .module-col h3 span { font-size:36px; display:block; } .module-col p { font-size:16px; } .module-col { margin:0 0 25px; } .module-col ul { margin:0; padding:0; list-style:none; } .module-col li { font-size:20px; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; position:relative; padding:0 0 0 40px; color:#888; margin:0 0 5px; } .module-col li a { color:#888; } .module-col li a:hover { color:#323232; text-decoration:none; } .module-col li:before { position:absolute; left:0; top:50%; margin-top:-13px; content:""; width:22px; height:22px; background:url(../images/bgi/sprites.png) 0 0 no-repeat; } .module-col li.email:before { background-position:-154px -97px; } .module-col li.phone:before { background-position:-182px -97px; } .list-col-box { overflow:hidden; } .career-bottom-section > div { padding:0 30px; border-top:1px solid #e1e1e1; background:#f8f7f5; } .career-bottom-section .module-col { margin:0; } .career-bottom-section .slider-gallery img { display:block; border-radius:50%; border:3px solid #e1e1e1; float:left; width:125px; height:auto; margin-right:22px; } .career-bottom-section .slider-gallery .summary-box { overflow:hidden; } .custom-list li { font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; font-size:16px; color:#5a4a2e; padding-left:32px; position:relative; } .career-bottom-section .custom-list li { margin:8px 0 0; } .career-bottom-section .custom-list li:first-child { margin:0; } .career-bottom-section .custom-list { margin:0; } .custom-list li:before { content:""; width:13px; height:13px; background:url(../images/bgi/sprites.png) -21px -207px no-repeat; position:absolute; left:0; top:7px; margin:0; } .career-bottom-section .primary-col { padding:0 0 25px 30px; border-left:1px solid #e1e1e1; width:100%; } .career-bottom-section .sidebar-col { padding:30px 30px 25px 0; width:50%; } /*.career-page #main { padding:25px 0 67px; }*/ .career-bottom-section .primary-col .lSSlideOuter .lSPager.lSpg { text-align:left; margin:0 0 0 20px; top:20px; position:relative } .career-bottom-section .primary-col .lSSlideOuter .lSPager.lSpg > li a { width:13px; height:13px; -webkit-transition:none; transition:none; -moz-transition:none; -ms-transition:none; background:url(../images/bgi/sprites.png) -21px -207px no-repeat; } .career-bottom-section .primary-col .lSSlideOuter .lSPager.lSpg > li.active a { background-position:-5px -207px; } .summary-box { border-left:1px solid #e1e1e1; padding-left:22px; } .summary-box h4 { font-size:18px; } .summary-box h5 { font-size:16px; font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; color:#000; margin-bottom: 35px; } .summary-box p { font-size:16px; } .career-bottom-section .primary-col .lSSlideOuter { overflow:inherit; } .filter-section { margin:-15px 0 15px; } .filter-section ul { margin:0; padding:0; list-style:none; font-size:0; text-align:right } .filter-section li { display:inline-block; font-size:16px; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; letter-spacing:0.04em; vertical-align:middle; margin:0 0 0 12px; } .filter-section li:first-child { margin:0; } .filter-section li .custom-select { width:180px; } .filter-section li .custom-select select { color:#979797; } .filter-section li .custom-select:before { background:#f8f7f5; } .filter-section li .custom-select:after { width:12px; height:16px; background:url(../images/bgi/sprites.png) -44px -207px no-repeat; display:block; border:0; margin-top:-7px; } .filter-section li .button.btn-outline, input[type="submit"].btn-outline, .filter-section li input[type="button"].btn-outline { padding:9px 30px 8px; } .filter-section li .button.btn-outline { padding:10px 30px; } .career-bottom-section { margin-top:15px; } .press-releases { padding:0 30px; } .times-sections { padding:0 30px 30px; } .featured-list-box { border-bottom:1px solid #e1e1e1; padding-bottom:35px; margin:0 0 30px; } .list-section .cols, .featured-list-box .cols { margin:-30px -15px 0; } .list-section .cols2 .col, .featured-list-box .cols1 .col { margin:30px 0 0; } .times-sections h3 { margin:5px 0 40px; } .list-section .cols .col-container, .featured-list-box .cols .col-container { position:relative; } .img-container img { width:100%; height:auto; } .list-section .cols .col-container figure, .featured-list-box .cols .col-container figure{ position:relative; } .list-section .cols .col-container figure:before, .featured-list-box .cols .col-container figure:before { content:""; border:1px solid #988057; position:absolute; left:10px; right:10px; bottom:10px; margin:auto; top:10px; } .cat-nav { background:#988057; position:absolute; z-index:10; left:0; top:0; } .cat-nav a { color:#fff; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; padding:5px 25px; display:inline-block; } .cat-nav a:hover { text-decoration:none; } .post-box { background:#f8f7f5; } .post-nav { padding:10px 22px; border-bottom:1px solid #e1e1e1; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; } .author-name { float:left; } .author-name a { margin-left:6px; display:inline-block; color:#988057; } .post-date { float:right; color:#979797; position:relative; padding-left:30px; } .post-date:before { content:""; width:15px; height:16px; background:url(../images/bgi/sprites.png) -13px -230px no-repeat; position:absolute; left:0; top:3px; } .post-info { padding:22px; line-height:1.4; } .post-info p { font-size:18px; margin:0; font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; letter-spacing:0.04em; color:#5a4a2e; } .list-section .section-title:after { background:#fff; } .img-container{ position:relative; overflow:hidden; } .mask-container { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } /*List view ====================================================================================*/ .col-container:hover .mask-container { opacity:1; } .mask-container .border { background-color:rgba(149,5,5,0.8); position:absolute; z-index:10; } .mask-container .border.top { left:0; top:0; } .mask-container .border.bottom { right:0; bottom:0; } .mask-container .border.right { right:0; top:0;} .mask-container .border.left { left:0; bottom:0; } .mask-container .border.right, .mask-container .border.left { width:10px; height:0%; opacity:0; } .mask-container .border.bottom, .mask-container .border.top { height:10px; width:0%; } .col-container:hover .border { transition:all .15s ease-out; -webkit-transition:all .15s ease-out; } .col-container:hover .border.bottom { transition-delay:.4s; -webkit-transition-delay:.4s; } .col-container:hover .border.right { transition-delay:.2s; -webkit-transition-delay:.2s; } .col-container:hover .border.top { transition-delay:.0s; -webkit-transition-delay:.0s; } .col-container:hover .border.left { transition-delay:.6s; -webkit-transition-delay:.6s; } .col-container:hover .border.bottom, .col-container:hover .border.top { width:100%; } .col-container:hover .border.right, .col-container:hover .border.left { height:auto; top:10px; bottom:10px; opacity:1; } .col-container .mask-container:after { content:''; transition:all .5s ease-out; -webkit-transition:all .5s ease-out; position:absolute; left:10px; top:10px; right:10px; bottom:10px; background-color:rgba(255,255,255,.8); opacity:0; } .col-container:hover .mask-container:after { opacity:1; transition:all .5s ease-out 0.5s; -webkit-transition:all .5s ease-out 0.5s; } .col-container:hover h4, .col-container:hover .read-more, .col-container:hover h6 { opacity:1; transition:all .5s ease-out 0.6s; -webkit-transition:all .5s ease-out 0.6s; } .col-container { cursor:pointer; } .read-more { position:relative; font-size:32px; font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; opacity:0; text-transform:uppercase; color:#950505; padding-right:38px; display:inline-block; } .read-more:before { content:""; width:28px; height:19px; background:url(../images/bgi/sprites.png) -36px -252px no-repeat; position:absolute; right:0; top:50%; margin-top:-11px; } .read-more:hover { text-decoration:none; } .col-container .post-info h4 { opacity:1; font-family:'Domain Semibold',Arial, Helvetica, sans-serif; font-size:23px; } .col-container .post-info h4 a { color:#988057; } .col-container .post-info h4 a:hover { color:#950505; text-decoration:none; } .times-sections .toolbar .link { float:right; margin:8px 0 0 } .toolbar { padding:0 30px 15px; border-bottom:1px solid #e1e1e1; margin:-9px -30px 25px; position:relative; z-index:9; } .times-sections .cols2 { margin:0 0 0; } .times-sections .cols2 .col { padding:0 60px; margin:60px 0 0; } .times-sections .list-section .section-title { margin:0 0 40px; } .times-sections .cols4 .col { margin-top:30px; } .times-sections .list-section .link { margin:0 auto; display:table; } .post-type-archive-nirvana-times .times-sections { padding:0; } .times-sections .list-section .cols4 { margin:30px -15px 0; } .times-sections .list-section .cols4 .col { margin:0 0 30px; } .post-type-archive-nirvana-times .times-sections .wrap { padding:0 30px; } .cols4 .col-container .post-info h4 { font-size:24px; } .times-sections .list-section .wrap { padding:0 30px; } /*History Page ====================================================================================*/ .listbox-container { padding-right:60px; margin-bottom:35px; } .listbox-container .cols { margin:0; border-left:1px solid #ccd2d9; } .listbox-container .col img { width:100%; height:auto; } .listbox-container .col { border:1px solid #ccd2d9; border-left:0; padding:0; margin:-1px 0 0; } .history-info { padding:12px; } .history-summary { border:1px solid #988057; padding:0 15px; text-align:center; } .history-summary .year { font-family:'Prata', serif; font-size:30px; color:#988057; } .history-summary .year:before { content:""; width:48px; height:48px; background:#950505 url(../images/bgi/sprites.png) -5px -278px no-repeat; display:block; margin:16px auto; } .nav-container { margin:0 0 16px; } .nav-container a { font-family:'Prata', serif; font-size:14px; color:#888; } .nav-container a:hover { color:#8c5332; text-decoration:none; } .scroll-navigation { width:60px; text-align:center; position:fixed; right:0; top:118px; z-index:10; bottom:0; background:#fff; } .scroll-navigation ul { margin:0; padding:0; list-style:none; display:inline-block; } .scroll-navigation li { text-align:center; margin:20px 0 0; } .scroll-navigation li a { position:relative; display:block; text-indent:-999em; border-radius:50%; width:12px; height:12px; background:#fff; border:1px solid #8c5332; } .scroll-navigation li a:hover { background:#8c5332 } .scroll-navigation li a span { font-family:'Prata', serif; font-size:18px; text-indent:0; width:146px; z-index:10; background:#fff; display:block; margin-right:40px; position:absolute; right:100%; top:50%; margin-top:-18px; color:#8c5332; padding:10px 0 8px; line-height:1; opacity:0; -moz-transition:opacity 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:opacity 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:opacity 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:opacity 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:opacity 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); } .scroll-navigation li a span:after { content:""; width:40px; height:1px; background:#8c5332; position:absolute; left:100%; top:50%; } .scroll-navigation li a:hover span { opacity:1; } .scroll-navigation.fixed { top:0; } .history-page #footer { z-index:11; } /*Press Releases ====================================================================================*/ .press-releases .col-container h4 { line-height:1.5; opacity:1; font-size:17px; font-family: 'Prata', serif; text-transform:none; letter-spacing:0.04em; } .press-releases .col-container h4 a { color:#988057; } .press-releases .col-container h4 a:hover { text-decoration:none; } .post-date { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; line-height:1.5; } .press-releases .post-date { float:none; } .list-section.press-releases .cols3 { margin-top:0; } .list-section.press-releases .cols3 .col { margin-top:30px; } .press-releases .link, .search-results-popup .link { font-size:18px; display:table; margin:20px auto 0; } .menulines { width:40px; height:40px; position:absolute; left:0; top:-4px; overflow:hidden; } .menulines .line { width:20px; height:2px; display:block; background:#fff;margin:4px auto; position:relative; -webkit-transition-duration:300ms; transition-duration:300ms;} .menulines .line:before { left:-50px; content:''; background:#8c5332; width:100%; height:2px; position:absolute; top:0; } .menulines .line:first-child { margin-top:16px; transition-delay:0ms } .menulines .line:nth-child(2) { transition-delay:80ms } .menulines .line:nth-child(3) { transition-delay:160ms } .menulines-button:hover .menulines .line { transform:translateX(50px); } #menu-trigger.menulines-button { display:block; text-indent:-999em; position:relative; height:50px; border-bottom:1px solid #dac9c1; } #menu-trigger .menulines { bottom:0; right:0; margin:auto; } #menu-trigger .menulines .line { width:28px; } .list-section .mask-container .border,.featured-list-box .mask-container .border { background:rgba(0,0,0,0.5); } /*.list-section .mask-container .border.right, .list-section .mask-container .border.left, .featured-list-box .mask-container .border.right, .featured-list-box .mask-container .border.left { width:20px; top:20px; bottom:20px; } .list-section .mask-container .border.top, .list-section .mask-container .border.bottom, .featured-list-box .mask-container .border.top, .featured-list-box .mask-container .border.bottom { height:20px; } .list-section .col-container .mask-container:after, .featured-list-box .col-container .mask-container:after { left:20px; bottom:20px; top:20px; right:20px; }*/ .product-details h3 { font-family:'Didot',Arial, Helvetica, sans-serif; } .product-info,.product-details a.button { font-family:'Didot',Arial, Helvetica, sans-serif; } .product-info p { font-size:17px; } html[lang="zh-CN"] .product-info p { font-size:16px; } .gallery-section-container .col-container h4 { margin:0; font-size: 12px; } .press-releases .read-more { font-size:20px; padding-right:35px; } .press-releases .read-more:before { width:23px; height:17px; background-position:-54px -279px; margin-top:-10px; } /* =Awards ========================================================================================*/ .awards-section { padding:30px 30px 0; } .awards-section table tr th { font-weight:normal; background:#f3f5f6; font-family:'Prata', serif; font-size:18px; padding:13px 16px; text-transform:uppercase; color:#323232; border-bottom:1px solid #ccd2d9 } .awards-section table tr td, .awards-section table tr th { border-left:1px solid #ccd2d9; vertical-align:middle; font-size:16px; } .awards-section table tr td { padding:6px 16px; } .serial-no { width:2.8461959496442254%; } .award-name { width:50.24630541871922%; } .award-year { width:6.294471811713191%; text-align:center; } .project-name { width:40.61302681992337%; } .serial-no span { display:inline-block; width:32px; height:32px; border:1px solid #e1e1e1; border-radius:50%; background:#fafafa; text-align:center; font-family:'Prata', serif; font-size:14px; line-height:31px } .awards-section table tr:nth-child(odd) td { background:#f3f5f6; } .awards-section table { border:1px solid #ccd2d9; margin:40px 0 0; } .awards-summary p { font-size:16px; } .awards-summary { margin:0 0 40px; } .awards-section table th.award-name span, .awards-section table th.project-name span, .awards-section table th.award-year span { display:block; position:relative; padding-left:28px; } .awards-section table th.award-name span:before, .awards-section table th.project-name span:before, .awards-section table th.award-year span:before { content:""; position:absolute; left:0; top:0; width:20px; height:20px; background:url(../images/bgi/sprites.png) -7px -338px no-repeat; } .awards-section table th.project-name span:before { background-position:-29px -338px; } .awards-section table th.award-year span:before { background-position:-51px -338px; } .award-name a { color:#888; cursor:pointer; } .award-name a:hover { color:#bf9a56; text-decoration:none; } .full-page #header { /*background:none; border:0;*/ } /*.full-page #header:before { display:none; }*/ .full-page #main { padding:0; } .full-page #footer {/* background:none; */} .full-width-slider { position:fixed; width:100% !important; left:0; top:0; right:0; height:100%; bottom:0; } .full-page .copyright, .full-page .copyright a { /*color:#fff;*/ } .full-page .company-stock-update h5 { color:#fff; } .full-page .stock-cols .price.up, .full-page .stock-status.up, .full-page .stock-lg .price, .full-page .stock-cols .price.up, .full-page .stock-status.down { color:#fff; } .full-page .stock-status.up:before, .full-page .stock-status.down:after { border-bottom-color:#fff; } .full-page .social a { background-color:#950505; } .section-info .wrap { max-width:1376px; padding:0 30px; margin:0 auto; /*position:absolute; top:50%; transform:translateY(-50%); left:0; right:0;*/ z-index:100; } .page-template-template-our-commitment .section-info .wrap { top:calc(50% - 60px); } .section-info p { font-size:18px; color:#000; text-align:justify; } .full-page .section-title { text-align:right; font-size:38px; margin:26px 0; } .full-page .section-title:before { width:100%; } .full-page .section-title:after { right:104px; left:auto; } .full-page .section-title span:after { left:auto; right:116px; } .full-page .video-section { position:relative; left:0; top:0; overflow:inherit; padding-top:56.25%; } .full-page .video-section .video-js { position:absolute; left:0; top:0; width:100%; height:100%; } .full-page .cols2 .col.content-col { padding-right:30px; } .full-page .vjs-default-skin .vjs-control-bar { display:block; height:53px; top:100%; background:#eae8e8; padding:12px 0 0; } .full-page .vjs-default-skin .vjs-slider { background:rgba(255,255,255,.5); } .full-page .vjs-default-skin .vjs-play-progress { background:#8c5332; } .full-page .vjs-default-skin .vjs-play-progress:before { content:""; width:10px ; height:10px; position:absolute; left:100%; margin-left:-5px; top:50%; margin-top:-5px; background:#fff; border-radius:50%; } .full-page .video-section .video-js:hover .vjs-play-progress:before { width:14px; height:14px; margin-top:-7px; } .full-page .video-section .vjs-default-skin .vjs-control.vjs-play-control:before { top:50%; margin-top:-6px; width:13px; height:15px; content:""; background:url(../images/bgi/sprites.png) -96px -311px no-repeat; display:block; left:20px; } .full-page .video-section .vjs-default-skin .vjs-time-controls, .full-page .video-section .vjs-default-skin .vjs-time-divider, .full-page .vjs-default-skin .vjs-mute-control, .full-page .vjs-default-skin .vjs-volume-menu-button { display:none; } .full-page .video-section .vjs-default-skin .vjs-control.vjs-play-control.vjs-playing:before { background-position:-111px -311px; } .full-page .video-section .vjs-default-skin .vjs-control { border-right:1px solid #d3d3d3; } .full-page .video-section .vjs-default-skin .vjs-control.vjs-fullscreen-control:before { content:""; width:16px; height:11px; background:url(../images/bgi/sprites.png) -174px -338px no-repeat; left:0; top:0; right:0; bottom:0; margin:auto; } .full-page .video-section .vjs-default-skin .vjs-control.vjs-fullscreen-control { border-right:0; } .full-page .vjs-default-skin .vjs-volume-level { background:url(../images/bgi/sprites.png); } .full-page .vjs-default-skin .vjs-volume-bar { background:url(../images/bgi/sprites.png) -96px -338px repeat; position:relative; top:-5px; width:72px; height:13px; } .full-page .vjs-default-skin .vjs-volume-level { background:url(../images/bgi/sprites.png) -96px -358px repeat; width:72px; height:13px; } .full-page .vjs-default-skin .vjs-volume-control.vjs-control { width:96px; } .col.video-col { position:relative; } .col.video-col:after { display:block; background:url(../images/bgi/video-shadow.png) 0 0 no-repeat; width:100%; height:161px; content:""; position:absolute; left:0; bottom:-50px; z-index:0; } .video-box { padding:15px 15px; background:#fff; position:relative; z-index:10; margin-top: 35px; } .full-page .social span { /*color:#fff;*/ } .full-page .cols1 { max-width:800px; margin:0 auto; } .full-page .cols1 .col.video-col:after { left:0; right:0; margin:auto; width:646px; } .full-width-slider { position:relative; } .full-width-slider .slides-container { display:none; } .full-width-slider .scrollable { *zoom:1; position:relative; top:0; left:0; overflow-y:auto; -webkit-overflow-scrolling:touch; height:100%; } .full-width-slider .scrollable:after { content:""; display:table; clear:both; } .full-width-slider:before { content:""; width:100%; position:absolute; left:0; top:0; right:0; opacity:0.6; background: -moz-linear-gradient(top, rgba(235,196,129,0.5) 0%, rgba(235,196,129,0.75) 50%, rgba(200,166,108,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(235,196,129,0.5) 0%,rgba(235,196,129,0.75) 50%,rgba(200,166,108,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(235,196,129,0.5) 0%,rgba(235,196,129,0.75) 50%,rgba(200,166,108,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ height:100%; z-index:10; } .full-width-slider:after { content:""; width:100%; height:100%; position:absolute; left:0; top:0; opacity:1; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); z-index:10; } .full-page #header,.full-page #menu, .full-page #footer { z-index:110; } .full-page #menu.menuopen { z-index:9999999; } #hover-sound { position:absolute; opacity:0; left:0; top:0; visibility:hidden; } /* =Search ========================================================================================*/ .search-trigger { position:absolute; right:176px; top:21px; height:39px; width:39px; background:url(../images/bgi/sprites.png) -314px -211px no-repeat; text-indent:-999em; border:1px solid #b38d73; } .search-trigger:hover { background-color:#fff; background-position:-314px -211px; } .search-results-popup { position:absolute; left:0; right:0; top:0; min-height:100%; z-index:112; width:100%; display:none; background:#fff; padding:120px 30px 20px; } .close-icon { position:absolute; border:2px solid #8c5332; right:40px; top:34px; height:40px; width:40px; background:url(../images/bgi/sprites.png) -447px -292px no-repeat; display:block; z-index:100; } .close-icon:hover { background-position:-488px -292px; background-color:#8c5332; } .quick-search { color:#5a4a2e; font-size:18px; text-align:center; margin:0 0 50px; } .quick-search input[type="text"] { line-height:1.2; border:0; text-align:center; color:#8c5332; font-size:70px; height:auto; font-family:'Prata', serif; letter-spacing:0.04em; padding:20px 40px; } .search-results-popup .col-container .post-info h4 { font-size:20px; text-transform:none; margin:0 0 10px; font-family: 'Prata', serif; } .search-results-popup .list-section .cols .col { margin-top:30px; } .nirvana-brand #footer { background:rgba(173,145,106,0.9); padding:20px 0 19px; } .back-top { text-indent:-9999px; position:fixed; bottom:45px; right:45px; z-index:100; display:none; width:38px; height:38px; background:#fff; border:1px solid #ad916a; } .back-top:before, .back-top:after { content:''; display:block; position:absolute; top:50%; right:16px; width:2px; height:6px; margin-top: -3px; background: #ad916a; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; } .back-top:after { right: 19px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .back-top:hover { background: #ad916a; } .back-top:hover:before, .back-top:hover:after { background:#fff; } .nirvana-brand .section-title { margin:0 0 32px; } .section-title.block-title { text-align:center; } body .section-title.block-title:before, body .section-title.block-title:after { content:''; position:absolute; height:1px; background:#988057; width:92px; left:50%; margin:0 0 0 21px; } body .section-title.block-title:after { left:auto; right:50%; margin:0 21px 0 0; } body .section-title.block-title span:after { left:0; right:0; } .profile-block { text-align:left; } .profile-block img { margin-bottom:15px; border:8px solid #fff; vertical-align:inherit; } .profile-block p { text-align:left; } .sort-by { float:left; } .sort-by label { font-size:18px; float:left; margin:7px 0 0 0; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; letter-spacing:0.04em; } .filter-trigger { position:relative; width:180px; padding:12px 42px 11px 12px; background:#fff; font-size:16px; line-height:1.25; height:47px; border:1px solid #e5e5e5; color:#979797; cursor:pointer; display:block; } .archive-filter-wrap { position:relative; float:left; margin:0 0 0 15px; } .archive-filter-wrap > ul { background:#fff; display:none; margin:0; padding:0; list-style:none; z-index:9; border:1px solid #e5e5e5; border-top:0; width:100%; position:absolute; left:0; top:100%; } .archive-filter-wrap > ul li a { color:#979797; padding:7px 10px; border-top:1px solid #e5e5e5; display:block; } .archive-filter-wrap > ul li a:hover { text-decoration:none; color:#bf9a56; } .archive-filter-wrap > ul li:first-child a { border-top:0; } .filter-trigger:before { content:''; position:absolute; right:0; top:0; width:44px; height:100%; background:#f8f7f5; } .filter-trigger:after { content:''; background:url(../images/bgi/sprites.png) no-repeat -44px -207px; position:absolute; right:15px; top:14px; height:16px; width:12px; } /* =Search ========================================================================================*/ .enquiry-form-box { position:absolute; left:-471px; top:0; height:100%; padding-top:165px; z-index:11; background:#fff; border-right:1px solid #e5e5e5; } .enquiry-form { padding:25px; width:470px; } .enquiry-form h3 { text-transform:uppercase; font-size:29px; margin-bottom:25px; } .enquiry-form-trigger { position:absolute; left:100%; top:402px; background:#950505; font-size:18px; text-transform:uppercase; letter-spacing:0.05em; padding:8px 10px; color:#fff; width:264px; text-align:center; -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); margin-left:-109px; } .enquiry-form-box.visible { left:0; } .enquiry-form-trigger:hover { text-decoration:none; background:#ad916a; } .contact-page #footer { background:none; } ::-webkit-input-placeholder { opacity: 1 !important; } :-moz-placeholder { opacity: 1 !important; } ::-moz-placeholder { opacity: 1 !important; } :-ms-input-placeholder { opacity: 1 !important; } .enquiry-form input[type="submit"] { font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; font-size:16px; padding:17px 40px 15px; } .contact-wrapper { text-align:center; padding-top:20px; } .contact-map { display:inline-block; position:relative; } .contact-page .contact-map { width:50%; } .contact-map > img { max-width:100%; width:auto; } .country-list { margin:0 0 20px; } .country-list ul { margin:0; padding:0; list-style:none; font-size:0; } .country-list ul li { display:inline-block; padding:0 10px; } .country-list ul li a { font-size:24px; line-height:1.2; text-transform:uppercase; color:#594b30; letter-spacing:0.04em; display:block; transform:scale(0.8); } .country-list ul li a:before { content:''; background:url(../images/bgi/sprites.png) no-repeat 0 -374px; width:85px; height:71px; opacity:0.55; filter:alpha(opacity=55); display:block; margin:0 auto 20px; } .country-list ul li.indonesia a:before { background-position:-87px -374px; } .country-list ul li.singapore a:before { background-position:-174px -374px; } .country-list ul li.thailand a:before { background-position:-261px -374px; } .country-list ul li.hong-kong a:before { background-position:-348px -374px; } .country-list ul li.china a:before { background-position:-435px -374px; } .country-list ul li.vietnam a:before { background-position:-522px -374px; } .country-list ul li a:hover:before { opacity:1; filter:alpha(opacity=100); } .country-list ul li a:hover { text-decoration:none; } .locations a { position: absolute; right: 40%; top: 32%; } .contact-page .locations a { -webkit-transform:scale(0.9); transform:scale(0.7); } .locations a:after { content:''; display:block; width:24px; height:24px; background:#950505; display:block; border:3px solid #fff; box-shadow:3px 3px 6px rgba(0,0,0,0.3); transform:rotate(45deg); } .locations a span { display:none; position:absolute; left:100%; margin-left:10px; top:-2px; color:#fff; font-size:18px; letter-spacing:0.04em; background:#950505; border:3px solid #fff; border-radius:5px; line-height:1.2; padding:9px 20px 9px; box-shadow:0 3px 8px rgba(0,0,0,0.4); z-index:999; width:230px; text-align:left; } .contact-page .locations a span { width:auto; white-space:nowrap; } .locations a:hover { z-index:1; } .locations a span:after, .locations a span:before { right: 100%; top: 5px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .locations a span strong { display:block; font-size:18px; padding:8px 0; } .locations a span p { margin:0 0 10px; } .locations a span:after { border-color: rgba(136, 183, 213, 0); border-right-color: #ad916a; border-width: 6px; margin-left: -6px; } .locations a span:before { border-color: rgba(194, 225, 245, 0); border-right-color: #fff; border-width: 10px; margin-left: -10px; top: 1px; } .locations a:hover span { display:block; } .locations a.vietnam-pin { right:36.6%; top:46.181%; } .locations a.china-pin, .locations a.al6-pin { right: 46.6%; top: 46.181%; } .locations a.thailand-pin, .locations a.al4-pin { left: 33.738%; top: 63%;} .locations a.thailand-pin span { margin-left:32px; } .locations a.indonesia-pin, .locations a.al2-pin { bottom: 6.777%; right: 53.324%; top: auto; } .locations a.malaysia-pin, .locations a.al1-pin { bottom: 20.328%; top: auto; right: 59.797%; } .locations a.singapore-pin, .locations a.al3-pin { bottom: 16%; right: 56.5%; top: auto; } .locations a.hong-kong-pin, .locations a.al5-pin { right: 47.946%; top: 50.634%;} .contact-page #main { padding-top:0; } .address-wrapper { text-align:left; } .contact-page { overflow-x:hidden; } .address-wrapper { position:absolute; z-index:11; width:34%; top:116px; bottom:0; right:-80%; /*background:url(../images/bgi/address-box-bg.jpg) no-repeat*/; background-color: #ccc; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; background-size:cover; -moz-background-position:50% 0; -webkit-background-position:50% 0; -ms-background-position:50% 0; background-position:50% 0; } .branch-address-box { overflow-y:scroll; position:absolute; top:0; height:100%; left:0; right:0; padding-left:80px; z-index:1; color:#323232; font-size:16px; background:rgba(255,255,255,0.8); padding-top:7%; } .address-col { margin-bottom:25px; padding-bottom:30%; } body .address-col .section-title.block-title:before, body .address-col .section-title.block-title:after { left:0; width:115px; } body .address-col .section-title.block-title:before { left:135px; } body .address-col .section-title.block-title span:after { right:auto; left:126px; } .address-col .section-title { text-align:left; padding-bottom:18px; text-transform:uppercase; font-size:24px; letter-spacing:0.04em; margin-bottom:30px; } .branch-address-box .custom-select:after { background:url(../images/bgi/sprites.png) no-repeat -160px 0; width:44px; height:48px; margin:0; border:0; right:0; top:0; } .branch-address-box .custom-select:before { background:#c8ac84; } .branch-address-box .custom-select select { border-color:#c8ad82; color:#c6ae83; text-transform:uppercase; } .branch-address-box .custom-select { margin-bottom:35px; max-width:520px; } .address-col h4 { text-transform:uppercase; color:#323232; font-size:20px; margin:0 0 15px; } .address-col address { margin-bottom:15px; } .contact-box span { display:block; margin:5px 0 0; } .contact-box span a { color:#323232; } .contact-box span a:hover { color:#bf9a56; text-decoration:none; } .contact-box span:before { content:''; background:url(../images/bgi/sprites.png) no-repeat -160px -50px; width:20px; height:20px; display:inline-block; vertical-align:middle; margin:-2px 15px 0 0; } .contact-box span.phone-number:before { background-position:-160px -71px; } .contact-box span.email-id:before { background-position:-182px -50px; } .contact-map-box.push-left { left:-40%; position:relative; margin-top:-150px; } .address-wrapper.visible { right:0; } .contact-map-box.push-left .country-list { display:none; } .address-view #footer { display:none; } .address-view { overflow:hidden; } .compass { position:absolute; z-index:2; right:40px; top:0; max-width:160px; } .compass img { max-width:80%;width:100%; height:auto; } .contact-map-box { position:relative; } .contact-map-box.push-left .compass { display:none; } .address-wrapper .compass { max-width:105px; top:20px; right:20px; } .close-trigger { width:50px; height:50px; border:2px solid #323232; position:absolute; left:20px; top: 10%; background:url(../images/bgi/sprites.png) no-repeat -259px -309px; z-index:2; text-indent:-999em; } .close-trigger:hover { background-color:#323232; background-position: -310px -258px; } body.footer-tall #footer { padding-top:0; border-top:1px solid #e4e4e4; } .news-ticker { background:#fff; position:relative; margin-bottom:20px; padding:10px 0; text-align:left; border-top:1px solid #e4e4e4; } .news-ticker:after { content:''; display:table; clear:both; } .news-ticker h5 { float:left; background:#ad916a; font-size:20px; height:52px; position:relative; padding:14px 18px 12px; text-transform:uppercase; margin:0 48px 0 0; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#fff; } .news-ticker h5:after { content:''; position:absolute; left:100%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); border-left:18px solid #ad916a; border-top:26px solid transparent; border-bottom:26px solid transparent; width:0; height:0; } .news-ticker .lSSlideOuter { height:52px; padding-right:85px; } .news-ticker .lSSlideOuter .lSSlideWrapper { position:static; height:100%; } .news-slider { position:relative; height:100% !important; } .news-slider .item { display:table; height:100%; } .news-slider .item a { display:table-cell; vertical-align:middle; color:#7a7a7a; font-size:18px; line-height:1.25; } .news-slider .item a:hover { color:#bf9a56; text-decoration:none; } .footer-tall .back-top { bottom:15px; right:15px; } .news-ticker div.lSAction > a { float:none; width:18px; height:10px; left:0; right:0; margin:0 auto; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .news-ticker div.lSAction a.lSPrev { background-position:-206px 0; margin-top:-9px; } .news-ticker div.lSAction a.lSNext { background-position:-226px 0; margin-top:9px; } .news-ticker div.lSAction a.lSPrev:hover { background-position:-206px -12px; } .news-ticker div.lSAction a.lSNext:hover { background-position:-226px -12px; } .news-ticker div.lSAction { width:68px; right:0; border-left:1px solid #e1e1e1; top:0; bottom:0; background:#fff; } .news-ticker div.lSAction > a:hover { background-color:transparent; opacity:0.7; } .footer-tall #main { padding-bottom:165px; } /* =Year in review Page Css ========================================================================================*/ .year-in-review { overflow-X:hidden; } #mainbanner { overflow:hidden; position:relative; } #mainbanner:after { content:''; position:absolute; left:0; top:0; background:url(../images/bgi/year-in-review.jpg) no-repeat center center / cover; opacity:0.02; width:100%; height:100%; } .year-in-review #menu { border:#151921 solid 1px; } .year-in-review #main { padding:0; position:relative; } .year-in-review #header { border-bottom:rgba(223,184,87,0.20) solid 1px; } .year-in-review #menu { color:#141720; } .year-in-review #logo { top:-8px; } .year-in-review .menulines .line, .year-in-review .menulines .line:before { background:#141720; } .banner-info { position:absolute; top:50%; left:0; right:0; margin:-225px auto 0; padding:0 20px; } .banner-info .banner-title { font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; font-size:90px; text-transform:uppercase; text-align:center; color:#fff; margin-bottom:60px; } .banner-info .banner-title > span { font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; font-size:50px; display:block; margin-bottom:10px; } .milestone-box { max-width:1194px; margin:0 auto 50px; position:relative; border:rgba(223,184,87,0.1) dashed 1px; padding:4px; } .milestone-info { background:rgba(255,255,255,0.04); padding:45px 0 35px; } .milestone-info > span { color:#fff; font-size:22px; display:block; text-align:center; letter-spacing:1.5px; } .milestone-info .milestone-title { color:#ad916a; text-transform:uppercase; font-size:28px; } .review-overview { max-width:1194px; margin:0 auto; } .overview { text-align:center; display:block; color:#fff; text-transform:uppercase; letter-spacing:6px; font-size:18px; } .overview > strong { display:block; font-size:80px; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; line-height:1.1em; letter-spacing:0; } .overview:after { content:''; display:block; background:#ad916a; width:40px; height:2px; margin:14px auto 0; } .dist-circles { padding:50px 0; border-bottom:#e7e7e8 solid 1px; } .dist-circles .wrap { max-width:1400px; margin:0 auto; } .dist-circles-group { display:table; margin:0 auto; } .dist-circle { float:left; padding:0 11px; } .dist-circle-data-group { max-width:1451px; margin:0 auto; } .dist-circle-data { border:#e7e7e8 solid 2px; border-radius:50%; width:230px; height:230px; padding:55px 0; } .dist-title { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#ad916a; font-size:20px; text-transform:uppercase; display: block; margin-bottom:25px; text-align:center; } .dist-title:after { content:''; display:block; background:#ad916a; width:40px; height:2px; margin:4px auto 0; } .dist-circle-data > strong { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; display:block; text-align:center; font-size:48px; line-height:40px; color:#141720; letter-spacing:1px; } .dist-circle-data > strong > em { display:block; font-size:20px; font-style:normal; font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; } .years-feed-section .col-align-left { float:left; } .years-feed-section .col-align-left figure { text-align:left; } .years-feed-section .col-align-right { float:right; } .years-feed-section .col-align-right figure { text-align:right; } .section-feed { padding:54px 0; border-bottom:#e7e7e8 solid 1px; } .section-feed > .wrap { max-width:1263px; margin:0 auto; padding:0 20px; } .section-feed .main-title { color:#333; font-size:70px; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:center; } .section-feed .main-title:after { content:''; display:block; background:#ad916a; width:60px; height:4px; margin:0 auto; } .section-feed .min-width { width:40%; } .section-feed .max-width { width:60%; } .feed-value { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:85px; color:#333; margin:100px auto 0; display:table; position:relative; padding-left:105px; } .feed-value:before { content:''; display:inline-block; background:url(../images/bgi/sprites.png) no-repeat -368px 0; width:70px; height:70px;position:absolute; top:50%; left:0; margin-top:-38px; } .feed-value > sub { font-size:26px; vertical-align:middle; position:relative; top:12px; left:-6px; } .feed-value .counter { width:145px; display:inline-block; } .feed-value.sales-feed .counter { width:200px; } .charts-container { margin-bottom:80px; } .charts-container .main-title.revenue-title { width:340px; } .circle-chart { width:25%; } .circle-chart .chart { margin:0; } .circle-chart-group { padding:50px 0 70px; } .circle-chart-group > .wrap { max-width:1124px; margin:0 auto; padding:0 20px; } .circle-chart { float:left; } .chart { float:none; } .chart > strong { font-size:60px; color:#333; } .sales-amount > strong { display:block; text-align:center; color:#ad916a; font-size:17px; text-transform:uppercase; } .sales-amount > span { display:block; text-align:center; color:#333; font-size:30px; } /*chart and country title ====================================================================================*/ .circle-chart-group .main-title, .sale-countries .main-title { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:60px; color:#333; text-transform:uppercase; display:table; margin:0 auto 28px; text-align:center; line-height:44px; position:relative; } .circle-chart-group .main-title > span, .sale-countries .main-title > span { display:block; font-size:20px; color:#757575; letter-spacing:2px; } .circle-chart-group .main-title > span:before, .sale-countries .main-title > span:before { content:''; position:absolute; bottom:22px; left:-63px; background:#ad916a; width:48px; height:1px; } .circle-chart-group .main-title > span:after, .sale-countries .main-title > span:after { content:''; position:absolute; bottom:22px; right:-63px; background:#ad916a; width:48px; height:1px; } .circle-chart-group .revenue-title > span:before, .sale-countries .revenue-title > span:before { left:0; } .circle-chart-group .revenue-title > span:after, .sale-countries .revenue-title > span:after { right:0; } .gold-section { background:#ad916a; padding:60px 0; border-bottom:#e7e7e8 solid 1px; } .nirvana-sale-title { font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; font-size:70px; color:#fff; letter-spacing:2px; text-transform:uppercase; text-align:center; margin-bottom:50px; } .nirvana-sale-box { background-color:#fff; max-width:944px; padding:80px 60px; margin:0 auto; color:#333; position:relative; } .tool-tip { position:absolute; background:url(../images/bgi/sprites.png) no-repeat -536px -160px; width:34px; height:34px; top:12px; right:14px; } .tool-tip-content { position:absolute; right:-30px; top:55px; background:#fff; border:2px solid #494949; width:350px; display:block; padding:10px 20px; border-radius:5px; font-size:16px; opacity:0; visibility:hidden; -moz-transition:all 0.2s ease-in-out 0.1s; -webkit-transition:all 0.2s ease-in-out 0.1s; -o-transition:all 0.2s ease-in-out 0.1s; -ms-transition:all 0.2s ease-in-out 0.1s; transition:all 0.2s ease-in-out 0.1s; } .tool-tip-content:after, .tool-tip-content:before { bottom:100%; right:46px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .tool-tip-content:after { border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:11px; margin-right:-11px; } .tool-tip-content:before { border-color:rgba(51, 51, 51, 0); border-bottom-color:#494949; border-width:14px; margin-right:-14px; } .tool-tip:hover .tool-tip-content { opacity:1; visibility:visible; } .sales-value { float:left; } .sales-value > strong { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:70px; display:block; line-height:90px; } .sales-value > span { font-size:22px; text-transform:uppercase; } .sales-in-year { float:right; position:relative; padding-left:85px; } .arrow-image { position:absolute; left:0; top:50%; margin-top:-46px; } /*.sales-in-year:before { content:''; position:absolute; background:url(../images/bgi/sprites.png) no-repeat 0 0; width:60px; height:92px; left:0; top:50%; margin-top:-47px; } .sales-in-year-up:before { background-position:-503px 0; } .sales-in-year-down:before { background-position:-440px 0; }*/ .sales-in-year > span { font-size:36px; display:block; margin:4px 0; } .sales-in-year > span > sub { font-size:22px; display:inline-block; vertical-align:middle; } .sales-by-year { padding:74px 0; } .sales-by-year .main-title { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:44px; color:#ad916a; text-transform:uppercase; text-align:center; margin-bottom:80px; } .sales-by-year .main-title:after { content:''; display:block; background:#ad916a; width:60px; height:4px; margin:24px auto 0; } .sales-by-year .main-title > span { display:block; color:#333; font-size:30px; } .sales-by-year > .wrap { max-width:1830px; margin:0 auto; } .sale-box { width:50%; float:left; padding:0 20px; } .sales-by-year .nirvana-sale-box { background-color:#fcfcfc; border:#eaeaea solid 1px; margin:0 40px 0 0; padding:60px 70px; } .sales-by-year .nirvana-sale-box:last-child { margin:0; } .sales-by-year .sales-value > strong { font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; line-height:70px; } .sales-by-year .sales-in-year > span > sub { display:block; } .gross-profit-section .sales-in-year { margin-top:18px; } .gross-profit-section .sales-in-year > span > sub { display:block; } .sale-countries .wrap { max-width:1800px; margin:0 auto; } .revenue-countries, .sales-countries { padding:80px 0; border-bottom:#e7e7e8 solid 1px; } .sale-countries .main-title { margin-bottom:70px; width:290px; } .sale-countries .main-title > span:before, .sale-countries .main-title > span:after { width:70px; } .sale-countries .revenue-title > span:before { left:-10px; } .sale-countries .revenue-title > span:after { right:-10px; } .country-box { width:25%; float:left; padding:0 20px; } .country-box:before { content:''; display:block; background:url(../images/bgi/sprites.png) no-repeat 0 0; width:95px; height:84px; margin:0 auto 40px; } .country { padding:20px 30px; text-align:center; text-transform:uppercase; position:relative; } .country strong, .country .country-name { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:46px; color:#333; } .country strong { margin-top:6px; display:block; } .country .country-name { background:#fff; padding:0 15px; color:#ad916a; font-size:30px; position:absolute; top:-24px; right:0; left:0; margin:0 auto; max-width:250px; } .malaysia:before { background-position:-332px -118px; } .singapore:before { background-position:-438px -118px; } .indonesia:before { background-position:-463px -204px; } .hong-kong:before { background-position:-361px -204px; } .tag-map { padding:80px 0; text-align:center; } .tag-map .locations a:hover:after { -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } /*.tag-map .locations a.hong-kong-pin { right:33.9%; top:43%; } .tag-map .locations a.thailand-pin { right:39%; top:57.6%; } .tag-map .locations a.malaysia-pin { bottom:34.6%; right:36.8%; } .tag-map .locations a.singapore-pin { bottom:34.5%; right: 28%; } .tag-map .locations a.indonesia-pin { bottom:40.4%; right:24.3%; }*/ .net-profit-section .sales-in-year > span > sub { display:block; } .net-profit-section .sales-in-year { margin-top:18px; } .country-info { font-style:normal; } .contract-chart-section { padding:80px 0; } .contract-chart-section .wrap { max-width:1090px; margin:0 auto; } .contract-chart-tab { padding-top:100px; position:relative; } .contract-chart-section .main-title { font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; font-size:40px; color:#333; text-transform:uppercase; text-align:center; margin-bottom:50px; } .contract-chart-section .main-title:after { content:''; display:block; background:#ad916a; width:60px; height:4px; margin:0 auto; margin-top:26px; } .contract-chart { max-width:1085px; margin:0 auto; border:#dedede solid 1px; } .contract-chart-section .yearnav { margin:0 auto; width:260px; border-bottom:0; padding:0; list-style:none; } .contract-chart-section figure { display:table; margin:0 auto; } .chart-data { padding:0 26px; } .tab-images { margin-bottom:25px; } .contract-chart-section .yearnav li { float:left; } .contract-chart-section .yearnav li a { font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; color:#fff; width:120px; background:#ad916a; border-bottom:0; font-size:24px; text-align:center; margin-right:10px; padding:5px 20px; display:block; } .contract-chart-section .yearnav li a:hover, .contract-chart-section .yearnav li a.active { background:#867050; text-decoration:none; } .contract-chart-section .yearnav { position:absolute; top:0; left:0; right:0; margin:0 auto; } .radiotabnav { display:table; margin:0 auto; position:relative; margin:25px auto 0; padding:0; list-style:none; } .radiotabnav li { float:left; } .radiotabnav li a { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#808080; font-size:26px; cursor:pointer; position:relative; padding-left:36px; margin-right:38px; } .radiotabnav li a:hover { text-decoration:none; } .radiotabnav li a:before { content:''; position:absolute; left:0; top:50%; margin-top:-15px; background:url(../images/bgi/sprites.png) no-repeat -566px 0; width:26px; height:26px; } .radiotabnav li a.active:before { background-position:-566px -28px; } .tab-img { display:none; } .chart-info { margin:12px auto 30px; display:table; } .chart-info ul { list-style:none; margin:0; padding:0; } .chart-info li { float:left; } .chart-info li { font-size:18px; margin-right:20px; } .chart-info li.red a { color:#ea4335; } .chart-info li a:hover { text-decoration:none; } .chart-info li:before { content:''; display:inline-block; vertical-align:middle; background:#333; width:14px; height:14px; border-radius:100%; position:relative; top:-2px; margin-right:10px; } .chart-info li.red:before { background:#ea4335; } .chart-info li.green:before { background:#34a853; } .chart-info li.yellow:before { background:#fbbc05; } .chart-info li.blue:before { background:#4285f4; } .chart-info li.light-green:before { background:#8cc63e; } .chart-info li.red a { color:#ea4335; } .chart-info li.green a { color:#34a853; } .chart-info li.yellow a { color:#fbbc05; } .chart-info li.blue a { color:#4285f4; } .chart-info li.light-green a { color:#8cc63e; } .contract-chart-section { margin-bottom:50px; } .about-nirvana { background: #ad916a url(../images/bgi/about-nirvana-bg.png) repeat-x center bottom; -moz-animation:buildings 20s linear infinite; -webkit-animation:buildings 20s linear infinite; -ms-animation:buildings 20s linear infinite; -o-animation:buildings 20s linear infinite; animation:buildings 20s linear infinite; } .about-nirvana > .wrap { max-width:1244px; margin:0 auto; } .about-nirvana > .wrap > h4 { font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif; color:#fff; font-size:40px; text-align:center; text-transform:uppercase; } .about-nirvana h4:after { content:''; display:block; background:#fff; width:60px; height:4px; margin:16px auto 0; } .nirvana-info .about { float:left; } .nirvana-info { margin:80px 0 40px; } .nirvana-info .about { width:25%; } .nirvana-info .about > span { font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif; font-size:20px; color:#fff; display:block; text-align:center; text-transform:uppercase; } .nirvana-info .about strong { font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:62px; display:block; line-height:normal; } .gallery-section { overflow:hidden; } #nirvanagallery { margin:3px -4px 3px -4px; } #nirvanagallery > a { width:16.666%; float:left; } #nirvanagallery > a img { padding:3px 4px; width:100%; } .thank-you-section { background:#000 url(../images/bgi/thank-you-bg.jpg) no-repeat center center / cover; position:relative; overflow:hidden; padding:200px 0 180px; } .thank-you-content { text-align:center; } .thank-you-content .section-inner-content { display:none; } .thank-ie { position:relative; width:75%; margin:0 auto; } .thank-img-ie { position:absolute; top:6px; left:2px; padding:0 20px; width:100%; display:none; } .thank-img-ie img { width:98%; } .section-inner-content > span { font-size:30px; color:#fff; text-transform:uppercase; margin-top:80px; display:block; } .social-group { list-style:none; margin:0; padding:0; position:fixed; top:50%; right:25px; bottom:0; } .social-group .thank-social { display:block; background:#0ff url(../images/bgi/sprites.png) no-repeat 0 0; border-radius:100%; width:32px; height:32px; margin-bottom:10px; text-indent:-999em; } .social-group .thank-social.fb { background-color:#3b5998; background-position:-566px -58px; } .social-group .thank-social.gp { background-color:#dd4b39; background-position:-566px -92px; } .social-group .thank-social.tw { background-color:#55acee; background-position:-566px -126px; } .social-group .thank-social.fb:hover { background-color:#2a457c; } .social-group .thank-social.gp:hover { background-color:#bd3929; } .social-group .thank-social.tw:hover { background-color:#4090cd; } #snow { background:none; font-family:Androgyne; background-image:url(../images/bgi/s1.png), url(../images/bgi/s2.png), url(../images/bgi/s3.png); height:100%; left:0; position:absolute; top:0; width:100%; -webkit-animation:snow 20s linear infinite; -moz-animation:snow 20s linear infinite; -ms-animation:snow 20s linear infinite; animation:snow 20s linear infinite; opacity:0.40; } .thank-text { fill-opacity:0; fill:#fff !important; stroke:#fff; stroke-width:1; stroke-dasharray:2000; stroke-dashoffset:2000; animation:draw infinite linear; animation-name:draw; animation-duration:6s; animation-iteration-count:1; animation-fill-mode:forwards; animation-timing-function:linear; } .pace-inactive { overflow-x:hidden; } /** allan usual **/ .career-bottom-section .filter-section { margin: 30px 0 5px 0; } body .address-wrapper { width: 80%; } .page-template-template-foundation #main { padding-bottom: 0; } .rptable td a { } h1.timeline-main-title { display: none; } /* Tabs container */ .r-tabs { position: relative; background-color: #bf9a56; border-top: 1px solid #bf9a56; border-right: 1px solid #bf9a56; border-left: 1px solid #bf9a56; border-bottom: 4px solid #bf9a56; border-radius: 4px; } /* Tab element */ .r-tabs .r-tabs-nav .r-tabs-tab { position: relative; background-color: #8c5332; } /* Tab anchor */ .r-tabs .r-tabs-nav .r-tabs-anchor { display: inline-block; padding: 10px 42px; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.4); font-weight: bold; color: #fff; } /* Disabled tab */ .r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; } /* Active state tab anchor */ .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #8c5332; text-shadow: none; background-color: white; border-top-right-radius: 4px; border-top-left-radius: 4px; } /* Tab panel */ .r-tabs .r-tabs-panel { background-color: white; border-bottom: 4px solid white; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /* Accordion anchor */ .r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #bf9a56; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.4); font-size: 14px; border-top-right-radius: 4px; border-top-left-radius: 4px; } /* Active accordion anchor */ .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #8c5332; color: #fff; text-shadow: none; } #responsiveTabsDemo .r-tabs-panel table { margin-top: 0 !important; } /* Disabled accordion button */ .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .foundation-donation-box li { padding-bottom: 15px; } .foundation-donation-box table tr:hover td { background: none !important; } .foundation-donation-box td { padding: 50px 30px 20px 30px; } ul.algallery { overflow: hidden; } ul.algallery li { list-style: none; float: left; margin: 0 10px; width: 22.66%; } .single-promotions-events .gallery-section-container { padding-left: 0; padding-right: 0; } ul.algallery li img { width: 100%; border: 3px solid #bf9a56; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } ul.algallery li img:hover { width: 100%; border: 3px solid #950505; opacity: 0.7; } .algallery { padding: 0 !important; } .searchandfilter ul li { display: inline-block; margin-right: 15px; } .searchandfilter ul li select { padding: 9px 42px 8px 12px; } .branch-address-box .section-title.block-title { /*text-align: left;*/ margin-bottom: 35px; } .tablectn { /*display: table;*/ } .tablectn .address-col2 { /*display: table-cell;*/ width: 31%; float: left; padding-right: 15px; padding-bottom: 35px; } .country-list { padding: 30px 0 50px 0 !important; } img.countryimg { /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/ /*filter: url(grayscale.svg); Firefox 4+ */ /*filter: gray; */ max-width: 65px; height: auto; opacity: 1; margin-bottom: 20px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } img.countryimg:hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.7; } .contact-map-box .country-list ul li a:before { display: none; } body .fullsidebar { width: 100% !important; } .single #primary, .page-template-default #primary/*, .page-template-template-announcements #primary*/ { max-width: 980px; margin-left: auto; margin-right: auto; } .page-template-template-announcements th.project-name { width: 15%; } .page-template-template-announcements th.award-name { width: 60%; } .page-template-template-announcements th.award-year { width: 20%; text-align: left; } .page-template-template-announcements th.award-no { width: 5%; } .page-template-template-announcements td.award-year { text-align: left; } .page-template-template-announcements .awards-section { padding-left: 0; padding-right: 0; padding-top: 0; } .single #main, .page-template-default #main { padding-top: 45px; } h3.jobquote { position: relative; padding-left: 100px !important; border: 0 !important; padding-bottom: 0; margin-bottom: 25px !important; min-height: 81px; } h3.jobquote:before { content: ""; height: 89px; width: 89px; background: #fff url(../images/bgi/sprites.png); background-repeat: no-repeat; background-position: -599px 0; position: absolute; left: -9px; top: 0; z-index: 1; } .job-lists .lSSlideOuter .lightSlider { height: auto !important; } .job-lists h3{ font-size: 26px; padding-left: 22px; line-height: 1.15; border-bottom: 1px solid #cbbfab; padding-bottom: 15px; margin-bottom: 20px; } .job-lists h3 span { font-size: 30px; display: block; } a.joinusbtn { background: #da1515; color: #fff; font-weight: bold; padding: 12px 38px; border: 2px solid #da1515; text-decoration: none; font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif; font-size: 18px; } a.joinusbtn:hover { background: #fff; color: #da1515; border: 2px solid #da1515; } .careers-page-main { padding-top: 65px !important; } .career-section .sidebar-col { width: 50%; padding-right: 45px; } .career-section .primary-col { width: 50%; } .owl-prev { width: 15px; height: 100px; position: absolute; top: 40%; margin-left: 14%; display: block!IMPORTANT; border:0px solid black; } .owl-next { width: 15px; height: 100px; position: absolute; top: 40%; right: 14%; display: block!IMPORTANT; border:0px solid black; } .owl-nav .fa { font-size: 60px; color: #988057; } .clearfix { clear: both; } .award-left .section-title { } .awards-section { padding-top: 60px; } .award-left { width: 40%; float: left; } .award-right { width: 60%; float: right; } .awardcaro { margin-top: 0; } .awardcaro { text-align: center; } .awardcaro img { border: 3px solid #988057; display: inline-block !important; max-width: 340px; height: auto; } .awardcaro h6 { max-width: 500px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 0px; } .awardcaro h3 { padding-top: 25px; } .product-filters li a { font-size: 14px; color: #000; font-weight: 600; } .filtertigger { margin-right: 10px; color: #888; } .filter-nav-row li li a { font-size: 15px; } html[lang="zh-CN"] .director-title { font-size: 34px; } .cool_timeline h1.timeline-main-title { font-size: 28px !important; margin: 0 0 26px !important; padding-bottom: 12px !important; font-family: 'Prata', serif !important; color: #988057; letter-spacing: 0.04em; position: relative; } .cool_timeline h1.timeline-main-title:before { content: ''; height: 1px; bottom: 0; background: #988057; width: 100%; margin: auto; position: absolute; left: 0; right: 0; } .cool_timeline h1.timeline-main-title:after { position: absolute; content: ""; width: 28px; height: 13px; margin: auto; background: #fff url(../images/bgi/sprites.png) no-repeat -126px -68px; left: 0; right: 0; z-index: 1; -moz-background-size: 710px 450px; -ms-background-size: 710px 450px; -o-background-size: 710px 450px; -webkit-background-size: 710px 450px; background-size: 710px 450px; bottom: -6px; } .clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-left .timeline-content h2.content-title, .clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-right .timeline-content h2.content-title { /*visibility: hidden;*/ } .timeline-post.even .timeline-img { text-align: right; padding-right: 15px; } .timeline-post.odd .timeline-img { text-align: left; padding-left: 15px; } .ctl_info.event-description li { list-style: none; padding-bottom: 8px; } .ctl_info.event-description ul { padding-left: 0; margin-left: 0 !important; margin-right: 0 !important; } .clean-skin-tm .cool-timeline.white-timeline.compact .timeline-content { background: #F8F8F8 !important; } /*.cool-timeline .timeline-post.timeline-mansory.ctl-right .timeline-content { margin-top: 50px !important; } .cool-timeline .timeline-post.timeline-mansory.ctl-right .timeline-icon { margin-top: 69px !important; } */ /** end allan **/ /*building animation -----------------------------------------------------------------*/ @-moz-keyframes buildings { 0% { background-position: center bottom, 1100px bottom/*, 100px bottom*/; } 100% { background-position: 1000px bottom/*, 1200px bottom*/, 1100px bottom; } } @-webkit-keyframes buildings { 0% { background-position: center bottom, 1100px bottom/*, 100px bottom*/; } 100% { background-position: 1000px bottom/*, 1200px bottom*/, 1100px bottom; } } @-ms-keyframes buildings { 0% { background-position: center bottom, 1100px bottom/*, 100px bottom*/; } 100% { background-position: 1000px bottom/*, 1200px bottom*/, 1100px bottom; } } @keyframes buildings { 0% { background-position: center bottom, 1100px bottom/*, 100px bottom*/; } 100% { background-position: 1000px bottom/*, 1200px bottom*/, 1100px bottom; } } /*thank you section animation ------------------------------------------------------------------*/ @-moz-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px; } 100% {background-position: 500px 500px, 100px 200px, -100px 150px; } } @-webkit-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px; } 100% {background-position: 500px 500px, 100px 200px, -100px 150px; } } @-ms-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px; } 100% {background-position: 500px 500px, 100px 200px, -100px 150px; } } @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px; } 100% {background-position: 500px 500px, 100px 200px, -100px 150px; } } /*thank you section text animation ------------------------------------------------------------------*/ /*@-moz-keyframes draw { 90% { stroke-dashoffset:220; stroke-width:1; fill-opacity:0; } 100% { stroke-width:0; fill-opacity:1; } } @-webkit-keyframes draw { 90% { stroke-dashoffset:220; stroke-width:1; fill-opacity:0; } 100% { stroke-width:0; fill-opacity:1; } } @-ms-keyframes draw { 90% { stroke-dashoffset:220; stroke-width:1; fill-opacity:0; } 100% { stroke-width:0; fill-opacity:1; } }*/ @keyframes draw { 90% { stroke-dashoffset:20; stroke-width:1; fill-opacity:0; } 100% { stroke-width:0; fill-opacity:1; } } .country .border { background:#e7e7e8; position:absolute; transition:all .30s linear; z-index:-1; } .country .border-top-left { width:0%; height:5px; top:-5px; left:0; right:50%; transition-delay:1.5s; } .country .border-top-right { width:0%; height:5px; top:-5px; left:50%; transition-delay:0.3s; } .country .border-left { width:5px; height:0%; bottom:5px; left:0; transition-delay:1.2s; } .country .border-right { width:5px; height:0%; top:-5px; right:0; transition-delay:0.6s; } .country .border-bottom { width:0%; height:5px; bottom:5px; right:0; transition-delay:0.9s; } .country .border-top-left.active { width:50%; } .country .border-top-right.active { width:50%; } .country .border-left.active { height:100%; } .country .border-right.active { height:100%; } .country .border-bottom.active { width:100%; } /* =Popup Css ========================================================================================*/ .close-dialogbox { position:absolute; top:30px; right:20px; background:#ad916a; color:#fff; line-height:30px; width:54px; height:52px; text-align:center; font-size:12px; border-top-right-radius:5px; } .close-dialogbox:before { content:''; background:url(../images/bgi/sprites.png) no-repeat -175px -130px; position:absolute; top:18px; left:18px; width:16px; height:16px; } .close-dialogbox:hover { background:#8f7653; text-decoration:none } body.overflowhidden { overflow:hidden; padding-right:17px; } .popouterbox .popup-block { display:block; position:absolute; top:50%; left:0; right:0; margin:0 auto; z-index: 99999; max-width:720px; width:100%; padding:30px 20px; } .popouterbox .popup-block.taller { top:0; } .popouterbox { bottom: 0; display: none; left: 0; overflow: hidden; overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 999999999; } .modal-backdrop { display:none; background: #000; position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 9999; } .pop-contentbox { background:#fff; padding:40px 26px; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.25); } .pop-contentbox > img { display:block; margin:0 auto; } .popup-block .account-box { margin:0; } body.overflowhidden #header { padding-right:17px; } body.overflowhidden .main-bannerbox { left:-17px; } #services-popup .popup-block { max-width:1036px; } .content-popup { max-width:920px; text-align:center; margin:0 auto; } .pop-contentbox .section-title { color:#c6ae83; } .pop-contentbox .section-title:before { background:#c6ae83; width:800px; } .pop-contentbox .section-title:after { background-color:transparent; } .pop-contentbox .section-title span:after { background-position:-32px -233px; width:19px; height:13px; } .pop-contentbox p { color:#888; font-size:16px; line-height:26px; letter-spacing:1px; } .popup-slider { max-width:945px; margin:0 auto; } #thumbslider { display:table; clear:both; } /*.popup-slider li { display: block; float: left; margin-right: 6px; cursor: pointer; } .popup-slider li img { display: block; height: auto; max-width: 100%; }*/ /* =Board of Directors Css ========================================================================================*/ .directors-banner { background:#fff url(../images/bgi/directors-banner.jpg) no-repeat 50% center / cover; border-bottom:#c3c8ce solid 1px; } .directors-banner .wrap { display:block; height:100%; text-align:center; vertical-align:middle; } .directors-banner .wrap:after { content:""; display:inline-block; height:100%; vertical-align:middle; } .banner-content { text-align:center; display:inline-block; vertical-align:middle; margin-top:-120px; } .banner-content .banner-title { text-transform:uppercase; color:#988057; position:relative; font-size:75px; } .banner-content .banner-title { font-size:64px; } .banner-content .banner-title > span { font-size:34px; display:block; color:#988057; margin:0; } .banner-content .banner-title > span { font-size:28px; } .banner-content .directors-title-info { color:#323232; margin-top:12px; display:block; max-width:500px; width:100%; } .decore-line { display:block; margin:0 auto; max-width:293px; } .decore-line > span { display:inline-block; background:url(../images/bgi/sprites.png) no-repeat -131px -68px; width:19px; height:13px; position:relative; } .decore-line > span:before, .decore-line > span:after { content:""; width:137px; height:1px; background:#988057; position:absolute; top:6px; } .decore-line > span:before { left:34px; } .decore-line > span:after { right:34px; } #fullpage .wrap { max-width:1315px; position:relative; padding-bottom:62px; padding-top:104px; } .director { border-bottom:#c3c8ce solid 1px; } .gray-section { background:#f3f5f6; } .director-img { text-align:center; position:relative; padding:0 25px 0 45px; border:#e2d6c1 solid 12px; border-bottom:0; } .director-img.min-width { width:495px; position:relative; } .director-img.min-width { width:440px; } .director-img img { margin-top:-74px; width:100%; } .position-name { font-size:16px; display:block; color:#807a7a; position:absolute; text-transform:uppercase; text-align:right; } .director-info.max-width { width:60%; } .director-title { font-size:28px; text-transform:uppercase; color:#323232; margin-bottom:16px; } .director-title { font-size:32px; margin-bottom:10px; } .director-position { font-size:19px; color:#ad916a; text-transform:uppercase; display:block; letter-spacing:1px; margin-bottom:40px; } .director-position { font-size:16px; } .director-info { padding-bottom:25px; } .director-info > p { font-size:20px; line-height:33px; color:#888; letter-spacing:0.2px; } .director-info.col-align-left { padding:50px 57px 25px 27px; } .director-info.col-align-right { padding:50px 27px 25px 57px; } .director-img.col-align-left { padding:0 25px 0 50px; } .director-img.col-align-right { padding:0 50px 0 25px; } /* .director-img.col-align-left .position-name { left:-133px; transform:rotate(-90deg); bottom:33%; } .director-img.col-align-right .position-name { height:100%; right:0; top:calc(100% + -30px); transform:rotate(90deg); transform-origin:100% 0 0; width:100%; } #section3 .director-img.col-align-left .position-name { left:-72px; }*/ .board-of-director #main { padding:0 0 97px; } #section4 #footer { bottom:110px; } .director-img.col-align-left .position-name, .director-img.col-align-right .position-name { width:100%; height:100%; -webkit-transform-origin:0 0 0; transform-origin:0 0 0; top:100%; } .director-img.col-align-left .position-name { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left:15px; } .director-img.col-align-right .position-name { -webkit-transform: rotate(90deg); transform: rotate(90deg); left:calc(100% - 15px); top:0; } .directors-banner .banner-content { margin-top:0;background: wheat; padding: 25px; } /* =Foundation Research Css ========================================================================================*/ .foundation-main-box ul { list-style:none; margin:0 -5px; padding:0; } .foundation-main-box ul:after { content:""; display:table; clear:both; } .foundation-main-box li { padding:5px; float:left; width:33.333333%; } .foundation-main-box li:nth-child(1), .foundation-main-box li:nth-child(2) { width:50%; } .foundation-main-box { margin-top:10px; position:relative; overflow:hidden; } .foundation-research-box { position:relative; overflow:hidden; } .foundation-research-box figure img { opacity:0.9; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; } .foundation-research-box figure figcaption:before { position:absolute; top:40px; right:40px; bottom:40px; left:40px; border:2px solid #dcd4cf; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale3d(1.4,1.4,1); transform:scale3d(1.4,1.4,1); z-index:-1; } .foundation-research-box figure figcaption:after { background:-webkit-linear-gradient(#c6ae83, #b09c91); background:-o-linear-gradient(#c6ae83, #b09c91); background:-moz-linear-gradient(#c6ae83, #b09c91); background:linear-gradient(#c6ae83, #b09c91); content:""; position:absolute; top:0; left:0; height:100%; width:100%; z-index:-2; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1.5); transform:scale(1.5); } .foundation-research-box figure:hover figcaption:after { opacity:0.85; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } .foundation-research-box figure figcaption { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1.5); transform:scale(1.5); position:absolute; top:0; left:0; height:100%; width:100%; z-index:2; padding:80px 80px 130px; } .foundation-research-box figure:hover figcaption { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } .foundation-research-box figure:hover figcaption:before { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } .foundation-research-box h2 { color:#fff; font-size:24px; margin-bottom:22px; text-decoration:none; } .foundation-research-box p { color:#fff; font-size:18px; line-height:1.3; text-decoration:none; } .foundetion-sign { border-color:#dcd4cf; border-style:solid; border-width:2px; bottom:40px; color:#fff; font-family:"proxima_novasemibold",Arial,Helvetica,sans-serif; font-size:16px; padding:10px 30px; /*position:absolute;*/ right:40px; text-transform:uppercase; display: block; margin-bottom: 10px; } .foundetion-sign.sign1 { } .foundetion-sign:hover { border-color:#dcd4cf; background:#dcd4cf; color:#bf9a56; text-decoration:none; } .foundation-donation-main-box { margin:auto; max-width:1300px; padding:10px 0 0px; text-align:left; } .foundation-donation-box .section-title:before { width:100%; background:#c6ae83; } .foundation-donation-box .section-title:after { background:#fff; bottom:-7px; height:15px; left:0; width:19px; } .foundation-donation-box h3 { font-size:34px; color:#c6ae83; display:inline-block; padding:0 50px 20px; } .foundation-donation-box p { color:#988057; font-size:17px; font-family:'proxima_novaregular_italic',Arial,Helvetica,sans-serif; margin-top:10px; margin-bottom:30px; display:inline-block; } .donation-button { background:#fff; border:4px solid #e7e7e8; color:#000; font-size:30px; margin:0 17px 35px; min-width:216px; padding:21px 14px 10px; position:relative; } .donation-button span { color:#ad916a; display:block; font-size:20px; left:0; margin:-34px auto auto; position:relative; right:0; top:0; z-index:1; } .donation-button span:before { background:#fff; bottom:2px; content:""; height:auto; left:0; margin:auto; max-width:123px; position:absolute; right:0; top:0; width:100%; z-index:-1; } .donation-button:hover, .donation-button.active { background:#bf9a56; color:#fff; } .donation-button:hover span, .donation-button.active span { color:#000; -webkit-transform:translateY(-20px); transform:translateY(-20px); } .donation ul { list-style:none; margin:auto auto 50px; padding:0; max-width:500px; } .donation li { margin:auto auto 9px; max-width:435px; text-align:left; } .donation label { color:#ad916a; font-size:18px; } .donation .button { font-family:'proxima_nova_rgregular',Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; margin:0 10px; padding:20px 33px; position:relative; } .donation .button:before { border:4px solid #fff; bottom:1px; content:""; left:1px; position:absolute; right:1px; top:1px; } .donation .button.btn-secondary { margin-left:0; margin-right:10px; background:#343434; } .donation .button.btn-lg { margin-right:0; } .donation .button.btn-lg:hover { background:#343434; } .donation .button.btn-secondary:hover { background:#bf9a56; } .data-tab { position:relative; padding-top:43.869%; } .tab-data { display:none; position:absolute; top:43px; left:0; right:0; text-align:center; } /* =wp Css Changes ========================================================================================*/ #announcement-popup .popup-block { max-width:980px; } #announcement-popup .section-title { text-align:center; } .company-profile .news-ticker { padding:0; background:rgba(255,255,255,0.5); border-top:0; } .company-profile .news-ticker div.lSAction { background:transparent; border:none; } .company-profile .news-ticker div.lSAction > a { background-color:transparent; } .company-profile .news-ticker h5:after { border-left-color:#991511; } .company-profile .news-ticker h5 { background:#991511; } .homepage .news-ticker { padding:0; background:rgba(255,255,255,0.75); border-top:0; } .homepage .news-ticker div.lSAction { background:transparent; } .homepage .news-ticker div.lSAction > a { background-color:transparent; } .products-services #main { padding-bottom:159px; } .search-results #main { padding-bottom:139px; } .career-page #main { padding-bottom:0; } .homepage #top-mainmenu { margin:16px 205px 0 0; } .homepage { background:#c6a87f; } .board-of-director #footer { position:fixed; } .board-of-director .fullpage-wrapper .director .wrap { padding-bottom:0; } .fp-viewing-director4 .fullpage-wrapper .director .wrap { padding-bottom: 6px; } /*======================================================================================= WP Page Navi css =======================================================================================*/ .wp-pagenavi { padding:30px 0; text-align:center; display:block; clear:both; } .wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span, .wp-pagenavi span.extend, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { color:#7a7a7a; padding:0 8px; margin-right:5px; text-decoration:none; font-size:18px; border:1px solid #e5e5e5; background:#F8F7F5; height:40px; width:40px; line-height:2.1; display:inline-block; } .wp-pagenavi a:hover, .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover { background:#ad916a; color:#fff; border-color:#a38459; } .wp-pagenavi span.current { color:#fff; background:#ad916a; border-color:#a38459; } /* =Founder Page Css ========================================================================================*/ .founder-page { overflow:hidden; } .founder-page .menu-block { position:fixed; } .founder-main-box { position:relative; min-height:100%; } .founder-main-box:after { content:""; display:table; clear:both; } .founder-image-box { background:#fff; position:fixed; top:0; bottom:0; width:60%; padding-top:108px; padding-bottom:140px; } .founder-image-box figure { background-color:#f3efe6; -webkit-background-position:50% 0; -moz-background-position:50% 0; -ms-background-position:50% 0; background-position:50% 0; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover; height:100%; min-height:100%; } .founder-image-box img { width:100%; } .founder-details-box { background:#fff; height:100%; position:fixed; right:0; top:0; width:100%; padding:175px 60px 0 40px; box-shadow:0 20px 17px 0 rgba(0, 0, 0, 0.052); overflow-y:scroll; width:40%; margin-left:auto; } .founder-details { padding-bottom:70px; } .founder-details h3 { color:#323232; font-size:28px; margin-bottom:25px; text-transform:uppercase; } .founder-details h3 span { font-family:'proxima_nova_rgregular',Arial,Helvetica,sans-serif; display:block; font-size:19px; color:#da1515; margin-top:10px; } .founder-details > p > strong { text-transform:uppercase; color:#ad916a; font-size:19px; font-family:'proxima_novasemibold',Arial,Helvetica,sans-serif; } .founder-details p { margin-bottom:25px; font-size:15px; color:#000; font-family:'proxima_nova_rgregular',Arial,Helvetica,sans-serif; line-height:1.7; } .founder-close { background:#ad916a; height:43px; left:0; position:absolute; text-align:center; text-indent:-999em; width:43px; z-index:1; margin-top:-67px; } .founder-close:hover { background:#323232; } .founder-close:before { content:""; height:16px; width:16px; background:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-175px -130px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; } .founder-page #header { position:absolute; } .founder-page #main { padding:0; } .founder-page #footer { position:fixed; } .push-right .founder-details-box { right:-40%; overflow:inherit; } .push-right .founder-image-box { width:100%; } .push-right .founder-image-box figure { background-position:50% 50%; } .push-right .founder-close:before { background-position:-234px -159px; height:100%; width:100%; } .push-right .founder-close { margin-left:-43px; background:#323232; } .founder-details .animated-borders { border:9px solid #bda788; margin:40px 0 0 0; padding:50px 35px 60px; position:relative; font-size:15px; color:#323232; } .founder-details .animated-borders:before { content:""; height:89px; width:89px; background:#fff url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-599px 0; position:absolute; left:-9px; top:-35px; z-index:1; } .founder-details .animated-borders p { font-family:"Prata",Arial,Helvetica,sans-serif; line-height:2.1; margin-bottom:0; } .animated-borders .border { background:#bda788; position:absolute; transition:all .30s linear; z-index:-1; } .animated-borders .border-top { width:0%; height:9px; top:-5px; left:0; right:50%; transition-delay:0.6s; } .animated-borders .border-left { width:9px; height:0%; bottom:5px; left:0; transition-delay:1.5s; } .animated-borders .border-right { width:9px; height:0%; top:-5px; right:0; transition-delay:0.9s; } .animated-borders .border-bottom { width:0%; height:9px; bottom:5px; right:0; transition-delay:1.2s; } .animated-borders .border-top.active { width:100%; } .animated-borders .border-left.active { height:100%; } .animated-borders .border-right.active { height:100%; } .animated-borders .border-bottom.active { width:100%; } .page-template-template-our-commitment .section-title.block-title { text-align:left; padding-top: 0; } .page-template-template-our-commitment .section-title:before { margin:0; left:0; right:auto; } /*menu css ===================================================================================================*/ .menu-block .menu-rightcol .copyright { padding:0; } .menu-block .menu-rightcol .copyright a { color:#999; } .menu-block .menu-rightcol .copyright, .menu-block .menu-rightcol .copyright a { color:#000; } .menu-block .social a { width:20px; height:20px; display:inline-block; text-indent:-999em; background-color:#988354; border-radius:50%; margin:0 3px; opacity:0.9; } .menu-block .social a:hover { background-color:#970a0a; } /*Our-commitment Page css ===================================================================================================*/ .profile-block { text-align:center; } .page-template-template-our-commitment .section-title.block-title > span { display:table; margin:0 auto; } .page-template-template-our-commitment { overflow-x:hidden; } .page-template-template-our-commitment #footer { /*background: #f3efe6*/background: #ffffff; /*color: #8c5332;*/ padding: 15px 0 19px;/*position:fixed; left:0; bottom:0;*/ } .page-template-template-our-commitment .section-info p { text-align:center; } /*Latest-promotions-events Page css ===================================================================================================*/ .page-template-template-latest-promotions-events .section-title { font-size:34px; } .product-details h3 { font-size:32px; } .locations a:hover:after { -webkit-transform:rotate(132deg); transform:rotate(132deg); } .announcements-enabled .common-page #footer { padding-top:0; } .founder-image-box .video-section .video-js .vjs-tech, .vjs-playing .vjs-tech { -moz-transform:translate(0%, 0%); -webkit-transform:translate(0%, 0%); transform:translate(0%, 0%); } #founder.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display: none; } .contact-page #main { padding-bottom:100px; } /*style dev css ----------------------------------------------------------------------------------------------*/ body.products-services{ overflow-x: hidden; } body.not-loaded{ overflow: hidden; } div.ajax-loading { padding: 100px 0 100px; text-align: center; width: 100%;} .page-loader { position:fixed; left: 0; top: 0; bottom: 0; right: 0; margin: auto;background: #fff; } .page-loader .logo-holder { text-align: center; max-width:550px; width: 100%; top: 50%; position: absolute; margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-55%); left:0; right: 0; } div.loading.page-loader { padding: 0; } .page-loader img { max-width: 100%; width: auto; height: auto; } .page-loader .fill-logo { position: absolute; left: 0; top: 0; width:0; height: 100%; background-position: 0 0; background-repeat: no-repeat; background-size:cover; width:100%; } .history-list .hidden{ display:none; } .page-template-template-board-of-directors #main { padding-bottom:62px; } .btn-outline.brand-film-btn { border-color:#fff; color:#fff; margin:22px auto 0; position:relative; display:table; z-index:2; background:#fff; color:#bf9a56; } .btn-outline.brand-film-btn:hover { border-color:#ad916a; background:#ad916a; } img.aligncenter { display:block; margin:0 auto; } :lang(zh) .director-img.col-align-right .position-name, :lang(zh) .director-img.col-align-left .position-name { line-height:1.1; top:50%; -webkit-transform:rotate(0deg); transform:rotate(0deg); width:15px; } :lang(zh) .director-img.col-align-right .position-name { left:auto; right:15px; } :lang(zh) .director-img.col-align-left .position-name { right:0; text-align:left; } /** start allan normal**/ a.alblock { display: block; } .companyiframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .alwhite .wrap { background: rgba(255,255,255,0.90); padding-top: 65px; padding-bottom: 65px; } body .language-nav { border: 1px solid #b38d73; } #top-mainmenu { display: none !important; visibility: hidden !important; } body.page-template-template-intro #header { background: none !important; } .page-template-template-our-commitment .page-title { visibility: hidden; } .page-template-template-our-commitment { height: inherit !important; } .page-template-template-our-commitment .section-info .wrap { max-width:1376px; padding:0 30px 50px 30px; margin:30px auto 20px auto; position:relative; top:0%; transform:none; left:0; right:0; z-index:100; } .page-template-template-our-commitment .full-width-slider { position: absolute !important; } figure img.aligncenter { margin-bottom: 24px; } .page-template-template-intro #footer { position: fixed; } .skip-intro { position: fixed; } .page-template-template-home #footer { position: absolute; } .page-template-template-company-profile #footer { position: absolute; } #footer .social a { background-color: #950505 !important; color: #fff !important; } .page-template-template-founder #footer { position: fixed; } .founderAch { padding-top: 40px; padding-bottom: 50px; }