/*-------------------------------------------- * Delux Accordian Starts *--------------------------------------------*/ .accordianContentWrapper { margin: 50px auto; padding: 0; width: 75%; clear: both; background: #fff; overflow: hidden; position: relative; padding-bottom:100px; margin-top: 0; } /*.accordianContentWrapper .sectionTitleWithMask h2{ text-transform: none !important; }*/ .deluxeAccordian { margin: 40px auto; padding: 0; width: 100%; clear: both; outline: none; overflow: auto; } .deluxeAccordian h2 { clear: both; font-family: 'BrandonGrotesqueBlack'; font-size: 30px; padding-left: 36px !important; margin-top: 0 !important; outline: none; overflow: auto; text-transform: none; padding-right: 20% !important; } .deluxeAccordian h2 * { margin: 0; padding: 0; cursor: pointer; } .deluxeAccordian h2 img { float: left; margin-top: 4px; } .deluxeAccordian h2 .mainTitle { display:block; padding: 12px 0 0; margin-left: 170px; line-height: 30px; } .deluxeAccordian h2 .subTitle { font-family: 'BrandonGrotesqueBold'; font-size: 14px; display:block; padding: 0px 0 7px; margin-left: 170px; } .deluxeAccordian h2.ui-state-default { background:url('../images/accordian-icon-blue.png') 97% center no-repeat; color: #00747e; border-bottom: 1px solid #C2C2C2; } .deluxeAccordian h2.ui-state-default:hover { background:#E1E1E1 url('../images/accordian-icon-black.png') 97% center no-repeat; color:black; } .deluxeAccordian h2.ui-state-active, .deluxeAccordian h2.ui-state-active:hover { background:url('../images/accordian-icon-minus-blue.png') 97% center no-repeat #E1E1E1; cursor: default; color:#00747e; border-bottom: none; } .deluxeAccordian h2.ui-state-active * { cursor: default; } .deluxeAccordian h2.ui-state-active img { display: none; } .deluxeAccordian h2.ui-state-active span { margin-left: 0px; } .deluxeAccordian .accordianContent a, .deluxeAccordian .accordianContent p a{ font-family:'BrandonGrotesqueBold'; font-size:1em; line-height:1em; color:#2a2b33; text-decoration:underline; text-transform: uppercase; } .deluxeAccordian .accordianContent a:hover, .deluxeAccordian .accordianContent p a:hover{ color:#00747e; } .deluxeAccordian h2.ui-state-active .mainTitle { font-size: 60px; line-height: 55px; } .deluxeAccordian h2.ui-state-active .subTitle { font-size: 20px; } .deluxeAccordian .accordianContent { margin: 0; padding: 0 !important; width: 100%; clear: both; overflow: hidden; position: relative; } .deluxeAccordian .accordianContent .contCols { clear: both; width: 100%; overflow: hidden; background: #E1E1E1; padding: 0 36px; } .deluxeAccordian .accordianContent .imgCol { margin: 0; float: left; width: 40%; } .deluxeAccordian .accordianContent .imgCol .quoteText { font-family: 'BrandonGrotesqueBold'; font-size: 1.125em; text-transform: uppercase; padding: 10px 50px 18px 0; line-height: 20px; } .deluxeAccordian .accordianContent .textCol { margin: 0; padding: 0; float: right; width: 55%; padding: 0 36px; } .deluxeAccordian .accordianContent .textCol p { clear: both; width: 100%; margin: 0; padding: 0 0 20px; font-family: Georgia; font-size: 1.125em; line-height: 24px; } .deluxeAccordian .accordianContent .textCol p:last-child { padding: 0 0 30px 0; } .deluxeAccordian .accordianContent .textCol p.copyText { clear: both; width: 100%; margin: 0; padding: 0 0 20px; font-family: Georgia; font-size: .875em; line-height: 20px; } .deluxeAccordian .accordianContent .textCol p.subHeadText { font-weight: bold; } /*-------------------------------------------- * Delux Accordian Ends *--------------------------------------------*/ /*-------------------------------------------- * Responsive Starts *--------------------------------------------*/ @media only screen and (min-width: 280px) and (max-width: 640px) { .deluxeAccordian { margin: 0 auto; } .accordianContentWrapper { margin: 0 auto; padding-bottom: 35px; } .deluxeAccordian h2 img, .deluxeAccordian h2 .subTitle { display: none; } .deluxeAccordian h2 { padding: 10px 20% 0 12px !important; font-size: 1em; line-height: 20px; } .deluxeAccordian h2 .mainTitle { margin-left: 0; padding: 6px 0 10px; } .deluxeAccordian h2.ui-state-active .mainTitle { margin-left: 0; padding: 8px 0 0; } .deluxeAccordian h2.ui-state-active .mainTitle { font-size: 1em; line-height: 20px; padding: 7px 0 0; } .deluxeAccordian .accordianContent a, .deluxeAccordian .accordianContent p a{ font-size:0.7em; line-height:1.6em; } .deluxeAccordian .accordianContent .imgCol, .deluxeAccordian .accordianContent .textCol { clear: both; } .deluxeAccordian .accordianContent .contCols { padding: 0 12px; } .deluxeAccordian .accordianContent .imgCol, .deluxeAccordian .accordianContent .textCol { width: 100%; padding-left: 0; padding-right: 0; } .deluxeAccordian .accordianContent .imgCol .quoteText { font-size: 0.875em; line-height: 18px; } .deluxeAccordian .accordianContent .textCol p { font-size: 0.875em; line-height: 18px; padding: 0 0 15px; } .deluxeAccordian h2.ui-state-active .subTitle { font-size: 0.75em; line-height: 15px; } .deluxeAccordian h2.ui-state-active span { display: block; } .deluxeAccordian h2.ui-state-default { background:url('../images/accordian-icon-blue-mobile.png') 97% center no-repeat; } .deluxeAccordian h2.ui-state-default:hover{ background: #E1E1E1 url('../images/accordian-icon-black-iphone.png') 97% center no-repeat; color:black; } .deluxeAccordian .accordianContent .imgCol img { width: 100%; } .deluxeAccordian h2.ui-state-active, .deluxeAccordian h2.ui-state-active:hover { background: none repeat scroll 0 0 #E1E1E1; border-bottom: 0 none; color: #00747E; } .deluxeAccordian .accordianContent .imgCol .quoteText { padding: 10px 50px 6px 0; } .deluxeAccordian .accordianContent .contCols { min-height: 0; } .deluxeAccordian h2.ui-state-active, .deluxeAccordian h2.ui-state-active:hover { background:url('../images/accordian-icon-minus-blue-mobile.png') 97% center no-repeat #E1E1E1; cursor: default; color:#00747e; border-bottom: none; } .deluxeAccordian .accordianContent .textCol p:last-child { padding: 0 0 20px 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .accordianContentWrapper { width: 77%; } .deluxeAccordian h2 { padding: 15px 20% 10px 25px !important; } .deluxeAccordian h2.ui-state-default { background: url("../images/accordian-icon-blue-ipad.png") no-repeat scroll 97% center; color: #00747E; } .deluxeAccordian h2.ui-state-default:hover{ background: #E1E1E1 url('../images/accordian-icon-black-ipad.png') 97% center no-repeat; color:black; } .deluxeAccordian h2 .subTitle { margin-top: -8px; } .deluxeAccordian .accordianContent .imgCol .quoteText { font-size: 1.25em; line-height: 20px; } .deluxeAccordian .accordianContent .imgCol img { width: 248px; height: 140px; } .deluxeAccordian .accordianContent .contCols { padding: 0 25px; } .deluxeAccordian .accordianContent .imgCol { width: 47%; } .deluxeAccordian .accordianContent .textCol { width: 53%; padding-left: 24px; padding-right: 0; } .deluxeAccordian h2 .subTitle { padding: 0 0 5px; } .deluxeAccordian .accordianContent .contCols { min-height: 0; } .deluxeAccordian h2.ui-state-active, .deluxeAccordian h2.ui-state-active:hover { background:url('../images/accordian-icon-minus-blue-ipad.png') 97% center no-repeat #E1E1E1; cursor: default; color:#00747e; border-bottom: none; } .deluxeAccordian .accordianContent .textCol p:last-child { padding: 0 0 30px 0; } } /*-------------------------------------------- * Responsive Ends *--------------------------------------------*/ /*-------------------------------------------- * Regular Accordian Starts *--------------------------------------------*/ .accordianContentWrapper { margin: 50px auto; padding: 0; width: 75%; clear: both; background: #fff; overflow: hidden; position: relative; padding-bottom:100px; margin-top: 0; } .regularAccordian { margin: 40px auto; padding: 0; width: 100%; clear: both; } .regularAccordian h2 { margin: 0; padding: 0; cursor: pointer; clear: both; font-family: 'BrandonGrotesqueBlack'; font-size: 1.250em; line-height:28px; padding: 28px 20% 18px 30px !important; margin-top: 0 !important; text-transform: none; } .regularAccordian h2.ui-state-default { background:url('../images/accordian-icon-blue.png') 97% center no-repeat; color: #00747e; border-bottom: 1px solid #C2C2C2; } .regularAccordian h2.ui-state-default:hover{ background: #E1E1E1 url('../images/accordian-icon-black.png') 97% center no-repeat; color:black; } .regularAccordian h2.ui-state-active, .regularAccordian h2.ui-state-active:hover { background:url('../images/accordian-icon-minus-blue.png') 97% center no-repeat #E1E1E1; cursor: default; color:#00747e; border-bottom: none; } .regularAccordian .accordianContent { margin: 0; padding: 0 !important; width: 100%; clear: both; overflow: hidden; position: relative; background: #E1E1E1; } .regularAccordian .accordianContent .contCols { clear: both; width: 100%; overflow: hidden; background: #E1E1E1; padding: 0 36px; } .regularAccordian .accordianContent .imgCol { padding: 0; float: left; width: 55%; padding-left: 30px; } .regularAccordian .oneColumn { width: 80% !important; } .regularAccordian .accordianContent .imgCol ul { list-style: disc; padding-left: 16px; font-family: Georgia; } .regularAccordian .accordianContent .imgCol p, .regularAccordian .accordianContent .imgCol li { clear: both; width: 100%; margin: 0; padding: 0 0 20px; font-family: Georgia; font-size: 1em; line-height: 20px; } .regularAccordian .accordianContent .imgCol p.copyText{ clear: both; width: 100%; margin: 0; padding: 0 0 20px; font-family: Georgia; font-size: .875em; line-height: 18px; } .regularAccordian .accordianContent .imgCol p a { color: #00747E; text-decoration: underline; } .regularAccordian .accordianContent .textCol { padding: 0; float: right; width: 45%; padding: 0 36px; } .regularAccordian .accordianContent .textCol h3, .regularAccordian .accordianContent .imgCol h3 { clear: both; width: 100%; margin: 0; padding: 0 0 20px; font-family: 'BrandonGrotesqueBold'; font-size: 18px; text-transform: uppercase; color: #000000; font-weight: bold; } .regularAccordian .accordianContent .textCol h3.subHead { padding-top: 35px; } .regularAccordian .accordianContent .textCol p, .regularAccordian .accordianContent .textCol li { font-family: Georgia; font-size: 1em; line-height: 20px; } .regularAccordian .accordianContent .imgCol.twoColumn { width:50%; } .regularAccordian .accordianContent .textCol.twoColumn { width:50%; } .regularAccordian .accordianContent .textCol li a { color: #017487; display: block; font-family: 'BrandonGrotesqueRegular'; font-size: 0.8em; font-weight: bold; position: relative; text-transform: uppercase; width: 100%; } .regularAccordian .accordianContent .textCol li a img { position: absolute; right: 0; top: 0; } .negativeMarginAcc{ margin-top: -22px; } .regularAccordian .accordianContent .imgCol p:last-child, .regularAccordian .accordianContent .textCol p:last-child { padding: 0 0 30px 0; } /*-------------------------------------------- * Regular Accordian Ends *--------------------------------------------*/ /*-------------------------------------------- * Responsive Starts *--------------------------------------------*/ @media only screen and (min-width: 280px) and (max-width: 640px) { .regularAccordian h2 { font-size: 1em; line-height:20px; padding: 23px 20% 13px 12px !important; } .accordianContentWrapper { margin: 0 auto; padding-bottom: 35px; width: 100%; } .regularAccordian .accordianContent .contCols { padding: 0; } .regularAccordian .accordianContent .imgCol, .regularAccordian .accordianContent .textCol { clear: both; width: 100%; } .regularAccordian .accordianContent .imgCol { padding-left: 0; } .regularAccordian .accordianContent .textCol { padding: 0; } .regularAccordian h2.ui-state-active { font-size: 1em; padding: 17px 20% 2px 12px !important; line-height: 20px; } .regularAccordian .accordianContent .imgCol p, .regularAccordian .accordianContent .imgCol li, .regularAccordian .accordianContent .textCol p, .regularAccordian .accordianContent .textCol li{ font-size: 0.875em; line-height: 18px; padding: 0 0 15px 12px; } .regularAccordian .accordianContent .textCol li a { padding: 5px 0; } .regularAccordian h2.ui-state-default { background:url('../images/accordian-icon-blue-mobile.png') 97% center no-repeat; } .regularAccordian { padding: 0 10px !important; } .regularAccordian h2.ui-state-active { font-size: 1em; padding: 21px 20% 15px 12px !important; line-height: 20px; background: none repeat scroll 0 0 #E1E1E1; } .regularAccordian h2.ui-state-default:hover{ background: #E1E1E1 url('../images/accordian-icon-black-iphone.png') 97% center no-repeat; color:black; } .regularAccordian h2.ui-state-active, .regularAccordian h2.ui-state-active:hover { background:url('../images/accordian-icon-minus-blue-mobile.png') 97% center no-repeat #E1E1E1 !important; cursor: default; color:#00747e; border-bottom: none; } .regularAccordian .accordianContent .imgCol p:last-child, .regularAccordian .accordianContent .textCol p:last-child { padding:0 0 20px 12px; } .regularAccordian .accordianContent .imgCol.twoColumn { width:100%; } .regularAccordian .accordianContent .textCol.twoColumn, .regularAccordian .accordianContent .textCol { width:100%; padding: 0; margin: 0; } .regularAccordian .accordianContent .textCol h3, .regularAccordian .accordianContent .imgCol h3 { padding-left: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .regularAccordian h2 { padding: 22px 20% 14px 20px !important; } .regularAccordian .accordianContent .imgCol { padding-left: 20px; } .regularAccordian .accordianContent .textCol { margin-bottom: 0; } .regularAccordian h2.ui-state-default { background: url("../images/accordian-icon-blue-ipad.png") no-repeat scroll 97% center; color: #00747E; } .regularAccordian h2.ui-state-active { padding: 31px 20% 8px 20px !important; background: none repeat scroll 0 0 #E1E1E1; } .regularAccordian h2.ui-state-active, .regularAccordian h2.ui-state-active:hover { background:url('../images/accordian-icon-minus-blue-ipad.png') 97% center no-repeat #E1E1E1 !important; cursor: default; color:#00747e !important; border-bottom: none; } .regularAccordian .accordianContent .imgCol p, .regularAccordian .accordianContent .imgCol li, .regularAccordian .accordianContent .textCol p, .regularAccordian .accordianContent .textCol li{ font-size: 0.875em; line-height: 18px; } .regularAccordian h2.ui-state-default:hover{ background: #E1E1E1 url('../images/accordian-icon-black-ipad.png') 97% center no-repeat; color:black; } .regularAccordian .accordianContent .imgCol p:last-child, .regularAccordian .accordianContent .textCol p:last-child { padding: 0 0 30px 0; } .regularAccordian h2, .regularAccordian h2:hover, .regularAccordian h2.ui-state-active, .regularAccordian h2.ui-state-active:hover { padding: 22px 20% 14px 20px !important; } .regularAccordian h2.ui-state-active:hover { color: #00747E; background: #E1E1E1 url('../images/accordian-icon-minus-blue-ipad.png') 97% center no-repeat; } } /*-------------------------------------------- * Responsive Ends *--------------------------------------------*/ /*-------------------------------------------- * Regular Accordian - Contextual Links Starts *--------------------------------------------*/ .contextualLinks.regularAccordian h2 { font-size:1.875em; line-height: 30px; padding: 26px 20% 20px 30px !important; text-transform: none; } .contextualLinks.regularAccordian h2 .subTitle { font-size: 14px; line-height: 18px; display: block; } .contextualLinks.regularAccordian h2.ui-state-active, .contextualLinks.regularAccordian h2.ui-state-active:hover { background: url("../images/accordian-icon-minus-blue.png") no-repeat scroll 97% 25% #E1E1E1; } .contextualLinks.regularAccordian h2.ui-state-active .subTitle, .contextualLinks.regularAccordian h2.ui-state-active:hover .subTitle { color: #2a2b33; } .contextualLinks.regularAccordian h2 .title { font-family: 'BrandonGrotesqueBold'; font-size: 18px; line-height: 20px; display: none; margin-top: 55px; } .contextualLinks.regularAccordian h2.ui-state-active .title { display: block; color: #2a2b33; } .contextualLinks.regularAccordian .imgCol a, .contextualLinks.regularAccordian .imgCol p a, .contextualLinks.regularAccordian .textCol a, .contextualLinks.regularAccordian .textCol p a { font-family: 'Georgia'; font-size: 1em; line-height: 16px; color: #00747E; text-decoration: underline; /*text-transform: uppercase;*/ } .contextualLinks.regularAccordian .imgCol a:hover, .contextualLinks.regularAccordian .imgCol p a:hover, .contextualLinks.regularAccordian .textCol a:hover, .contextualLinks.regularAccordian .textCol p a:hover { color: #2a2b33 !important; } .contextualLinks.regularAccordian .accordianContent .imgCol p, .contextualLinks.regularAccordian .accordianContent .imgCol li, .contextualLinks.regularAccordian .accordianContent .textCol p, .contextualLinks.regularAccordian .accordianContent .textCol li { padding: 0 0 10px; } .contextualLinks.regularAccordian .accordianContent .imgCol p:last-child, .contextualLinks.regularAccordian .accordianContent .imgCol li:last-child, .contextualLinks.regularAccordian .accordianContent .textCol p:last-child, .contextualLinks.regularAccordian .accordianContent .textCol li:last-child { padding: 0 0 38px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .contextualLinks.regularAccordian h2, .contextualLinks.regularAccordian h2:hover, .contextualLinks.regularAccordian h2.ui-state-active, .contextualLinks.regularAccordian h2.ui-state-active:hover { padding: 18px 20% 11px 20px !important; } .contextualLinks.regularAccordian h2.ui-state-active:hover .mainTitle { color: #00747E; } .contextualLinks.regularAccordian h2 .subTitle { font-size: 14px; line-height: 18px; display: block; } .contextualLinks.regularAccordian h2.ui-state-active, .contextualLinks.regularAccordian h2.ui-state-active:hover { background: url("../images/accordian-icon-minus-blue-ipad.png") no-repeat scroll 97% 25% #E1E1E1; } .contextualLinks.regularAccordian h2 .title { font-family: 'BrandonGrotesqueBold'; font-size: 20px; line-height: 20px; display: none; margin-top: 25px; } .contextualLinks.regularAccordian .accordianContent .imgCol p:last-child, .contextualLinks.regularAccordian .accordianContent .imgCol li:last-child, .contextualLinks.regularAccordian .accordianContent .textCol p:last-child, .contextualLinks.regularAccordian .accordianContent .textCol li:last-child { padding: 0 0 28px; } } @media only screen and (min-width: 280px) and (max-width: 640px) { .contextualLinks.regularAccordian h2 { font-size:1em; line-height: 20px; padding: 23px 20% 13px 12px !important; } .contextualLinks.regularAccordian h2, .contextualLinks.regularAccordian h2:hover, .contextualLinks.regularAccordian h2.ui-state-active, .contextualLinks.regularAccordian h2.ui-state-active:hover { padding: 23px 20% 13px 12px !important; } .contextualLinks.regularAccordian h2 .subTitle { font-size: 12px; line-height: 15px; display: block; } .contextualLinks.regularAccordian h2 .title { font-size: 16px; line-height: 20px; margin-top: 20px; } .contextualLinks.regularAccordian h2.ui-state-active .subTitle, .contextualLinks.regularAccordian h2.ui-state-active:hover .subTitle { color: #2a2b33; } .contextualLinks.regularAccordian h2.ui-state-active, .contextualLinks.regularAccordian h2.ui-state-active:hover { background: url("../images/accordian-icon-minus-blue-mobile.png") no-repeat scroll 97% 25% #E1E1E1 !important; } .contextualLinks.regularAccordian .accordianContent .imgCol p, .contextualLinks.regularAccordian .accordianContent .imgCol li, .contextualLinks.regularAccordian .accordianContent .textCol p, .contextualLinks.regularAccordian .accordianContent .textCol li { padding: 0 0 10px 12px; } .contextualLinks.regularAccordian .accordianContent .imgCol p:last-child, .contextualLinks.regularAccordian .accordianContent .imgCol li:last-child { padding: 0 0 10px 12px; } .contextualLinks.regularAccordian .accordianContent .textCol p:last-child, .contextualLinks.regularAccordian .accordianContent .textCol li:last-child { padding: 0 0 20px 12px; } .contextualLinks.regularAccordian .imgCol a, .contextualLinks.regularAccordian .imgCol p a, .contextualLinks.regularAccordian .textCol a, .contextualLinks.regularAccordian .textCol p a { line-height: 16px; color: #00747E; text-decoration: underline; } } /*-------------------------------------------- * Regular Accordian - Contextual Links Ends *--------------------------------------------*/ /*! jQuery UI - v1.10.3 - 2013-10-15 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto} html[lang="cn-cn"] .deluxeAccordian h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .deluxeAccordian h2 .subTitle { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .deluxeAccordian .accordianContent a, html[lang="cn-cn"] .deluxeAccordian .accordianContent p a{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .deluxeAccordian .accordianContent .imgCol .quoteText { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .deluxeAccordian .accordianContent .textCol p.copyText { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .regularAccordian h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .regularAccordian .accordianContent .imgCol ul { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .regularAccordian .accordianContent .imgCol p.copyText{ font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .regularAccordian .accordianContent .textCol h3, .regularAccordian .accordianContent .imgCol h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .regularAccordian .accordianContent .textCol li a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .contextualLinks.regularAccordian h2 .title { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .contextualLinks.regularAccordian .imgCol a, html[lang="cn-cn"] .contextualLinks.regularAccordian .imgCol p a, html[lang="cn-cn"] .contextualLinks.regularAccordian .textCol a, html[lang="cn-cn"] .contextualLinks.regularAccordian .textCol p a { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="cn-cn"] .contextualLinks.regularAccordian h2 .title { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } } html[lang="ja-jp"] .deluxeAccordian h2 { font-family: 'Meiryo'; } html[lang="ja-jp"] .deluxeAccordian h2 .subTitle { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .deluxeAccordian .accordianContent a, html[lang="ja-jp"] .deluxeAccordian .accordianContent p a{ font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .deluxeAccordian .accordianContent .imgCol .quoteText { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .deluxeAccordian .accordianContent .textCol p { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .deluxeAccordian .accordianContent .textCol p.copyText { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .regularAccordian h2 { font-family: 'Meiryo'; } html[lang="ja-jp"] .regularAccordian .accordianContent .imgCol ul { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .regularAccordian .accordianContent .imgCol p, html[lang="ja-jp"] .regularAccordian .accordianContent .imgCol li { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .regularAccordian .accordianContent .imgCol p.copyText{ font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .regularAccordian .accordianContent .textCol h3, html[lang="ja-jp"] .regularAccordian .accordianContent .imgCol h3 { font-family: 'Meiryo'; font-weight: bold; } html[lang="ja-jp"] .regularAccordian .accordianContent .textCol p, html[lang="ja-jp"] .regularAccordian .accordianContent .textCol li { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .regularAccordian .accordianContent .textCol li a { font-family: 'Meiryo'; } html[lang="ja-jp"] .contextualLinks.regularAccordian h2 .title { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .contextualLinks.regularAccordian .imgCol a, html[lang="ja-jp"] .contextualLinks.regularAccordian .imgCol p a, html[lang="ja-jp"] .contextualLinks.regularAccordian .textCol a, html[lang="ja-jp"] .contextualLinks.regularAccordian .textCol p a { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .contextualLinks.regularAccordian h2 .title { font-family: 'Meiryo'; font-weight:bold; } @import url("../components/heropanel/css/rs-default.css"); /*** Customozing Carousel Starts *** ************************************/ .hero-panel{ width:100%; position:relative; float:left; min-height:600px; } .loader-container{ } .hero-carousel .content, .hero_car_sec .content { margin: 0 auto; position: absolute; left: 13%; font-family: 'BrandonGrotesqueBlack'; display: block !important; top: 13px; } @media only screen and (max-width: 466px) and (min-width: 453px){.win.chrome .bxslider .hero_car_sec .content{width:87%!important; top:auto!important; padding-top: 0;}} @media only screen and (max-width: 565px) and (min-width: 451px){.bxslider .hero_car_sec .content{width:87%!important;padding-top: 0;}} @media only screen and (max-width: 452px) and (min-width: 451px){.win.chrome .bxslider .hero_car_sec .content{width:87%!important; top:auto!important; padding-top: 0;}} @media only screen and (max-width: 767px) and (min-width: 566px){.iphone .bxslider .hero_car_sec .content a,.bxslider .hero_car_sec .content a{ line-height: 33px!important; padding-top:0px!important;} } @media only screen and (max-width: 450px) and (min-width: 280px){.iphone .bxslider .hero_car_sec .content a,.bxslider .hero_car_sec .content a{line-height: 38px!important;padding-top:0px!important;}} @media only screen and (min-width: 451px){.bxslider .mobileSvgMask.curve { display: none;}} @media only screen and (max-width: 714px) and (min-width: 566px){ .hero_car_sec .content h2{ font-size:1.3em!important; } .hero_car_sec .content .subText{ font-size:1em!important; } .hero_car_sec .content a{ font-size:.8em!important; }} @media (min-width:451px){ .bxslider .hero_car_sec .content{width:87%;}} .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { text-decoration: none; background: #7bfa52; color: #2a2b33; margin-top: 30px; text-transform: uppercase; position: relative; height: 34px; font-size: 1.25em; padding: 1px 20px 0; line-height: 38px; font-family: 'BrandonGrotesqueBlack'; } .win.chrome .hero-carousel .content a, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, .win.chrome .hero_car_sec .content a, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 33px; } .hero-carousel .content > a.all-text-wrap span.cta_more { font-size: 1.1em; } .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { display: block; color: #7bfa52; text-transform: uppercase; font-size: 5.62em; margin: 0; width: 100%; line-height: 1em; letter-spacing: normal; font-family: 'BrandonGrotesqueBlack'; } .mac.webkit .hero-carousel .content h2, .mac.webkit .hero_car_sec .content h2 { line-height: 1.1em !important; } .hero-carousel .content > a.all-text-wrap span.text { font-size: 4.7em; padding-top: 8px; } .hero-carousel .content > a.all-text-wrap, .hero_car_sec .content > a.all-text-wrap { width: 100%; background: none; text-decoration: none; color: #7bfa52; } .hero-carousel .content > a.cta_more, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content > a.cta_more, .hero_car_sec .content > a.all-text-wrap span.cta_more { display: inline-block; clear: both; } .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content > a.all-text-wrap span.cta_more { display: inline-block; clear: both; } .hero-carousel .align-left, .hero_car_sec .align-left { text-align: left; } .hero-carousel .align-center, .hero_car_sec .align-center { text-align: center; margin: 12px auto 0 !important; overflow: hidden; } .hero-carousel h2.align-center, .hero_car_sec h2.align-center { line-height: 1.025em; } .hero-carousel .align-right, .hero_car_sec .align-right { text-align: right; float: right; } .hero-carousel .rsVideoContainer, .hero_car_sec .rsVideoContainer { width: 100% !important; margin: 0 !important; } /* Relative Path Issue Fix: */ .hero-carousel .alternativeAssets .content a span.cta-icon { background: #FFF729 url("../images/video_btn.png"); height: 18px; position: absolute; right: 15px; top: 8px; width: 18px; border-radius: 10px; } .hero-carousel .content a span.cta-icon { position: relative; padding-left: 5px; } .hero_car_sec .subText, .hero_car_sec span.subText { font-size: 1.4em; line-height: 1em; word-wrap: break-word; font-family: 'BrandonGrotesqueBold'; width: 70%; } .hero_car_sec span.subText { font-size: 1em; } /*********New Class for Heading and Subheading Starts************/ .hero_car_sec .content .heroQuote { font-family: 'BrandonGrotesqueBold'; font-size: 3.65em; line-height: 1em; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 1px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-transform: uppercase; word-wrap: break-word; } .hero_car_sec .content .heroQuoteSubHeading { color: #2a2b33; font-family: Georgia; display: block; float: left; font-size: 1.2em; line-height: 1em; margin-bottom: 12px; margin-top: 10px; width: 100%; text-transform: none !important; } .hero_car_sec .content .heroQuoteSubHeading.subHeadingQuote_White { color: #FFFFFF !important; } .hero_car_sec .content .heroQuoteSubHeading.subHeadingQuote_Black { color: #2a2b33 !important; } .hero_car_sec sub, .hero_car_sec sup { position: relative; font-size: 35% !important; line-height: 0; vertical-align: super; } /****** Color Themes for Carousel Text ***** *******************************************/ .colorPalette_Yellow.hero_car_sec .content .heroQuote { color: #FFF729; } .colorPalette_DarkYellow.hero_car_sec .content .heroQuote { color: #DED548; } .colorPalette_Green.hero_car_sec .content .heroQuote { color: #78fa6f; } .colorPalette_DarkGreen.hero_car_sec .content .heroQuote { color: #5fba5c; } .colorPalette_Fuscia.hero_car_sec .content .heroQuote { color: #d43ff5; } .colorPalette_DarkFuscia.hero_car_sec .content .heroQuote { color: #774078; } .colorPalette_Orange.hero_car_sec .content .heroQuote { color: #FF9614; } .colorPalette_DarkOrange.hero_car_sec .content .heroQuote { color: #b66f2b; } .colorPalette_Cyan.hero_car_sec .content .heroQuote { color: #00fefd; } .colorPalette_Blue.hero_car_sec .content .heroQuote { color: #00747e; } .colorPalette_Gray.hero_car_sec .content .heroQuote { color: #2A2B33; } .colorPalette_DarkGray.hero_car_sec .content .heroQuote { color: #191b22; } .colorPalette_White.hero_car_sec .content .heroQuote { color: #FFFFFF; } .colorPalette_LightGray.hero_car_sec .content .heroQuote { color: #D9DADB; } /*** Customozing Carousel Ends *** **********************************/ /*********New Class for Heading and Subheading Ends************/ /****** Color Themes for Carousel Text ***** *******************************************/ .colorPalette_Yellow .content h2.text, .colorPalette_Yellow .content a.all-text-wrap span.text, .colorPalette_Yellow.hero_car_sec .subText, .colorPalette_Yellow.hero_car_sec span.subText { color: #FFF729; } .colorPalette_Yellow .content a.cta, .colorPalette_Yellow .content a.cta_more, .colorPalette_Yellow .content a.all-text-wrap span.cta_more { background-color: #FFF729; color: #191b22; } .colorPalette_Yellow .content a.cta:hover, .colorPalette_Yellow .content a.cta_more:hover, .colorPalette_Yellow .content a.all-text-wrap:hover span.cta_more { color: #FFF729; background-color: #191b22; } .colorPalette_DarkYellow .content h2.text, .colorPalette_DarkYellow .content a.all-text-wrap span.text, .colorPalette_DarkYellow.hero_car_sec .subText, .colorPalette_DarkYellow.hero_car_sec span.subText { color: #DED548; } .colorPalette_DarkYellow .content a.cta, .colorPalette_DarkYellow .content a.cta_more, .colorPalette_DarkYellow .content a.all-text-wrap span.cta_more { background-color: #DED548; color: #191b22; } .colorPalette_DarkYellow .content a.cta:hover, .colorPalette_DarkYellow .content a.cta_more:hover, .colorPalette_DarkYellow .content a.all-text-wrap:hover span.cta_more { color: #DED548; background-color: #191b22; } .colorPalette_Green .content h2.text, .colorPalette_Green .content a.all-text-wrap span.text, .colorPalette_Green.hero_car_sec .subText, .colorPalette_Green.hero_car_sec span.subText { color: #78fa6f; } .colorPalette_Green .content a.cta, .colorPalette_Green .content a.cta_more, .colorPalette_Green .content a.all-text-wrap span.cta_more { background-color: #78fa6f; color: #191b22; } .colorPalette_Green .content a.cta:hover, .colorPalette_Green .content a.cta_more:hover, .colorPalette_Green .content a.all-text-wrap:hover span.cta_more { color: #78fa6f; background-color: #191b22; } .colorPalette_DarkGreen .content h2.text, .colorPalette_DarkGreen .content a.all-text-wrap span.text, .colorPalette_DarkGreen.hero_car_sec .subText, .colorPalette_DarkGreen.hero_car_sec span.subText { color: #5fba5c; } .colorPalette_DarkGreen .content a.cta, .colorPalette_DarkGreen .content a.cta_more, .colorPalette_DarkGreen .content a.all-text-wrap span.cta_more { background-color: #5fba5c; color: #191b22; } .colorPalette_DarkGreen .content a.cta:hover, .colorPalette_DarkGreen .content a.cta_more:hover, .colorPalette_DarkGreen .content a.all-text-wrap:hover span.cta_more { color: #5fba5c; background-color: #191b22; } .colorPalette_Fuscia .content h2.text, .colorPalette_Fuscia .content a.all-text-wrap span.text, .colorPalette_Fuscia.hero_car_sec .subText, .colorPalette_Fuscia.hero_car_sec span.subText { color: #d43ff5; } .colorPalette_Fuscia .content a.cta, .colorPalette_Fuscia .content a.cta_more, .colorPalette_Fuscia .content a.all-text-wrap span.cta_more { background-color: #d43ff5; color: #191b22; } .colorPalette_Fuscia .content a.cta:hover, .colorPalette_Fuscia .content a.cta_more:hover, .colorPalette_Fuscia .content a.all-text-wrap:hover span.cta_more { color: #d43ff5; background-color: #191b22; } .colorPalette_DarkFuscia .content h2.text, .colorPalette_DarkFuscia .content a.all-text-wrap span.text, .colorPalette_DarkFuscia.hero_car_sec .subText, .colorPalette_DarkFuscia.hero_car_sec span.subText { color: #774078; } .colorPalette_DarkFuscia .content a.cta, .colorPalette_DarkFuscia .content a.cta_more, .colorPalette_DarkFuscia .content a.all-text-wrap span.cta_more { background-color: #774078; color: #191b22; } .colorPalette_DarkFuscia .content a.cta:hover, .colorPalette_DarkFuscia .content a.cta_more:hover, .colorPalette_DarkFuscia .content a.all-text-wrap:hover span.cta_more { color: #774078; background-color: #191b22; } .colorPalette_Orange .content h2.text, .colorPalette_Orange .content a.all-text-wrap span.text, .colorPalette_Orange.hero_car_sec .subText, .colorPalette_Orange.hero_car_sec span.subText { color: #FF9614; } .colorPalette_Orange .content a.cta, .colorPalette_Orange .content a.cta_more, .colorPalette_Orange .content a.all-text-wrap span.cta_more { background-color: #FF9614; color: #191b22; } .colorPalette_Orange .content a.cta:hover, .colorPalette_Orange .content a.cta_more:hover, .colorPalette_Orange .content a.all-text-wrap:hover span.cta_more { color: #FF9614; background-color: #191b22; } .colorPalette_DarkOrange .content h2.text, .colorPalette_DarkOrange .content a.all-text-wrap span.text, .colorPalette_DarkOrange.hero_car_sec .subText, .colorPalette_DarkOrange.hero_car_sec span.subText { color: #b66f2b; } .colorPalette_DarkOrange .content a.cta, .colorPalette_DarkOrange .content a.cta_more, .colorPalette_DarkOrange .content a.all-text-wrap span.cta_more { background-color: #b66f2b; color: #191b22; } .colorPalette_DarkOrange .content a.cta:hover, .colorPalette_DarkOrange .content a.cta_more:hover, .colorPalette_DarkOrange .content a.all-text-wrap:hover span.cta_more { color: #b66f2b; background-color: #191b22; } .colorPalette_Cyan .content h2.text, .colorPalette_Cyan .content a.all-text-wrap span.text, .colorPalette_Cyan.hero_car_sec .subText, .colorPalette_Cyan.hero_car_sec span.subText { color: #00fefd; } .colorPalette_Cyan .content a.cta, .colorPalette_Cyan .content a.cta_more, .colorPalette_Cyan .content a.all-text-wrap span.cta_more { background-color: #00fefd; color: #191b22; } .colorPalette_Cyan .content a.cta:hover, .colorPalette_Cyan .content a.cta_more:hover, .colorPalette_Cyan .content a.all-text-wrap:hover span.cta_more { color: #00fefd; background-color: #191b22; } .colorPalette_Blue .content h2.text, .colorPalette_Blue .content a.all-text-wrap span.text, .colorPalette_Blue.hero_car_sec .subText, .colorPalette_Blue.hero_car_sec span.subText { color: #00747e; } .colorPalette_Blue .content a.cta, .colorPalette_Blue .content a.cta_more, .colorPalette_Blue .content a.all-text-wrap span.cta_more { background-color: #00747e; color: #191b22; } .colorPalette_Blue .content a.cta:hover, .colorPalette_Blue .content a.cta_more:hover, .colorPalette_Blue .content a.all-text-wrap:hover span.cta_more { color: #00747e; background-color: #191b22; } .colorPalette_Gray .content h2.text, .colorPalette_Gray .content a.all-text-wrap span.text, .colorPalette_Gray.hero_car_sec .subText, .colorPalette_Gray.hero_car_sec span.subText { color: #2A2B33; } .colorPalette_Gray .content a.cta, .colorPalette_Gray .content a.cta_more, .colorPalette_Gray .content a.all-text-wrap span.cta_more { background-color: #2A2B33; color: #191b22; } .colorPalette_Gray .content a.cta:hover, .colorPalette_Gray .content a.cta_more:hover, .colorPalette_Gray .content a.all-text-wrap:hover span.cta_more { color: #2A2B33; background-color: #191b22; } .colorPalette_DarkGray .content h2.text, .colorPalette_DarkGray .content a.all-text-wrap span.text, .colorPalette_DarkGray.hero_car_sec .subText, .colorPalette_DarkGray.hero_car_sec span.subText { color: #191b22; } .colorPalette_DarkGray .content a.cta, .colorPalette_DarkGray .content a.cta_more, .colorPalette_DarkGray .content a.all-text-wrap span.cta_more { background-color: #191b22; color: #000000; } .colorPalette_DarkGray .content a.cta:hover, .colorPalette_DarkGray .content a.cta_more:hover, .colorPalette_DarkGray .content a.all-text-wrap:hover span.cta_more { color: #191b22; background-color: #000000; } .colorPalette_White .content h2.text, .colorPalette_White .content a.all-text-wrap span.text, .colorPalette_White.hero_car_sec .subText, .colorPalette_White.hero_car_sec span.subText { color: #FFFFFF; } .colorPalette_White .content a.cta, .colorPalette_White .content a.cta_more, .colorPalette_White .content a.all-text-wrap span.cta_more { background-color: #FFFFFF; color: #191b22; } .colorPalette_White .content a.cta:hover, .colorPalette_White .content a.cta_more:hover, .colorPalette_White .content a.all-text-wrap:hover span.cta_more { color: #FFFFFF; background-color: #191b22; } .colorPalette_LightGray .content h2.text, .colorPalette_LightGray .content a.all-text-wrap span.text, .colorPalette_LightGray.hero_car_sec .subText, .colorPalette_LightGray.hero_car_sec span.subText { color: #D9DADB; } .colorPalette_LightGray .content a.cta, .colorPalette_LightGray .content a.cta_more, .colorPalette_LightGray .content a.all-text-wrap span.cta_more { background-color: #D9DADB; color: #191b22; } .colorPalette_LightGray .content a.cta:hover, .colorPalette_LightGray .content a.cta_more:hover, .colorPalette_LightGray .content a.all-text-wrap:hover span.cta_more { color: #D9DADB; background-color: #191b22; } /*** Customozing Carousel Ends *** **********************************/ /*print css Starts*/ @media print { .hero-carousel.royalSlider { width: 100%; height: 514px; margin: 0 auto; float: left } .webkit .hero-carousel.royalSlider { width: auto; height: 517px; margin: 0 auto } .hero-carousel span img, .hero_car_sec span img { width: 100%; height: auto } .hero-carousel .content, .hero_car_sec .content { margin-left: -300px; margin-top: -213px; top: 20%; width: 500px; width: 100%; } .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { font-size: 2.97937em; color: #222 !important; display: block; overflow-x: hidden; width: auto; } .printMask { margin-top: -160px !important; } .webkit .printMask { float: left; padding: 0px; width: 100%; margin: -163px 0px 0px 0px !important; display: inline-block; } .webkit .printMask img { float: left; width: 100%; height: 100%; display: block; } .mac.webkit .printMask { float: left; padding: 0px; width: 100%; margin: -163px 0px 0px 0px !important; display: inline-block; } .mac.webkit .printMask img { float: left; width: 100%; height: 100%; display: block; } .mac.webkit .hero-carousel.royalSlider { width: auto; height: 517px; margin: 0 auto } .ipad .printMask { margin-top: -100px !important; } } /*print css Ends */ /*** Responsive CSS ***/ @media only screen and (min-width: 280px) and (max-width: 450px) { .mac.gecko .heroCarouselmaskImg { margin-top: -9% !important; } .mac.webkit .hero-carousel .content h2 { margin-top: -1% !important; } .ie8 .mobileSvgMask.curve { bottom: -2px; } .hero-carousel.royalSlider { height: 375px !important; background-color: transparent; } .hero-carousel section, section.hero_car_sec, .hero-carousel .rsOverflow { height: 100% !important; background-color: transparent; } .ie8 .hero-carousel section, .ie8 section.hero_car_sec, .ie8 .hero-carousel .rsOverflow { height: 400px !important; } .hero_car_sec .content { width: 100%; float:left; } .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { font-size: 5.4em; line-height: 1.1em; padding-left: 3%; padding-top: 2px; padding-bottom: 7px; } .hero-carousel .content > a.all-text-wrap span.text { font-size: 1.4em; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { font-size: 0.8em; margin-top: 5px; padding: 5px 7px 1px; display: inline-block; clear: both; } .hero_car_sec .subText, .hero_car_sec span.subText { font-size: 1em !important; line-height: 21px; width: 100%; padding-left: 3%; padding-bottom: 7px; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { font-size: 0.8em; } .rsDefault.rsHor .rsArrowLeft, .rsDefault.rsHor .rsArrowRight { top: -120px !important; } .rsDefault.rsHor .rsArrowLeft { left: 10px !important; } .rsDefault.rsHor .rsArrowRight { right: 12px !important; } .hero_car_sec .content a { padding: 0; margin-left: 0; line-height: 1em; } .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more, .hero-carousel .content > a.cta, .hero-carousel .content > a.cta_more { height: 30px; line-height: 34px; padding: 0 10px; margin-left: 12px; } .hero_car_sec .mobileSvgMask.curve, .hero_car_sec .mobileSvgMask.notch { z-index: 0; } .hero_car_sec .mobileSvgMask.maskFallBack.curve { } .hero-carousel .align-left, .hero_car_sec .align-left { text-align: left !important; } .hero-carousel .align-center, .hero_car_sec .align-center { text-align: left !important; } .hero-carousel .align-right, .hero_car_sec .align-right { text-align: left !important; float: left; } .hero_car_sec sub, .hero_car_sec sup { font-size: 65% !important; } /* Mobile Themes Starts */ .hero_car_sec.colorPalette_Yellow { background-color: #fff729; } .hero_car_sec.colorPalette_DarkYellow { background-color: #DED548; } .hero_car_sec.colorPalette_Fuscia { background-color: #d43ff5; } .hero_car_sec.colorPalette_Blue { background-color: #00747e; } .hero_car_sec.colorPalette_Green { background-color: #78fa6f; } .hero_car_sec.colorPalette_DarkGreen { background-color: #5fba5c; } .hero_car_sec.colorPalette_DarkFuscia { background-color: #774078; } .hero_car_sec.colorPalette_Orange { background-color: #FF9614; } .hero_car_sec.colorPalette_DarkOrange { background-color: #b66f2b; } .hero_car_sec.colorPalette_Cyan { background-color: #00fefd; } .hero_car_sec.colorPalette_Gray { background-color: #2A2B33; } .hero_car_sec.colorPalette_DarkGray { background-color: #191b22; } .hero_car_sec.colorPalette_White { background-color: #FFFFFF; } .hero_car_sec.colorPalette_LightGray { background-color: #D9DADB; } .hero_car_sec.colorPalette_Yellow .content { background-color: #fff729; } .hero_car_sec.colorPalette_Yellow .content h2, .hero_car_sec.colorPalette_Yellow .content p, .hero_car_sec.colorPalette_Yellow .content a.all-text-wrap span { color: #000; } .colorPalette_Yellow .content a.cta, .colorPalette_Yellow .content a.cta_more, .colorPalette_Yellow .content a.all-text-wrap span.cta_more { color: #fff729; background-color: #2A2B33; } .colorPalette_Yellow .content a.cta:hover, .colorPalette_Yellow .content a.cta_more:hover, .colorPalette_Yellow .content a.all-text-wrap:hover span.cta_more { color: #fff729; background-color: #2A2B33; } .hero_car_sec.colorPalette_DarkYellow .content h2, .hero_car_sec.colorPalette_DarkYellow .content p, .hero_car_sec.colorPalette_DarkYellow .content a.all-text-wrap span { color: #000; } .colorPalette_DarkYellow .content a.cta, .colorPalette_DarkYellow .content a.cta_more, .colorPalette_DarkYellow .content a.all-text-wrap span.cta_more { color: #DED548; background-color: #2A2B33; } .colorPalette_DarkYellow .content a.cta:hover, .colorPalette_DarkYellow .content a.cta_more:hover, .colorPalette_DarkYellow .content a.all-text-wrap:hover span.cta_more { color: #DED548; background-color: #2A2B33; } .hero_car_sec.colorPalette_Fuscia .content { background-color: #d43ff5; } .hero_car_sec.colorPalette_Fuscia .content h2, .hero_car_sec.colorPalette_Fuscia .content p, .hero_car_sec.colorPalette_Fuscia .content a.all-text-wrap span { color: #000; } .colorPalette_Fuscia .content a.cta, .colorPalette_Fuscia .content a.cta_more, .colorPalette_Fuscia .content a.all-text-wrap span.cta_more { color: #d43ff5; background-color: #2A2B33; } .colorPalette_Fuscia .content a.cta:hover, .colorPalette_Fuscia .content a.cta_more:hover, .colorPalette_Fuscia .content a.all-text-wrap:hover span.cta_more { color: #d43ff5; background-color: #2A2B33; } .hero_car_sec.colorPalette_Blue .content { background-color: #00747e; } .hero_car_sec.colorPalette_Blue .content h2, .hero_car_sec.colorPalette_Blue .content p, .hero_car_sec.colorPalette_Blue .content a.all-text-wrap span { color: #000; } .colorPalette_Blue .content a.cta, .colorPalette_Blue .content a.cta_more, .colorPalette_Blue .content a.all-text-wrap span.cta_more { color: #00747e; background-color: #2A2B33; } .colorPalette_Blue .content a.cta:hover, .colorPalette_Blue .content a.cta_more:hover, .colorPalette_Blue .content a.all-text-wrap:hover span.cta_more { color: #00747e; background-color: #2A2B33; } .hero_car_sec.colorPalette_Green .content { background-color: #78fa6f; } .hero_car_sec.colorPalette_Green .content h2, .hero_car_sec.colorPalette_Green .content p, .hero_car_sec.colorPalette_Green .content a.all-text-wrap span { color: #000; } .colorPalette_Green .content a.cta, .colorPalette_Green .content a.cta_more, .colorPalette_Green .content a.all-text-wrap span.cta_more { color: #78fa6f; background-color: #2A2B33; } .colorPalette_Green .content a.cta:hover, .colorPalette_Green .content a.cta_more:hover, .colorPalette_Green .content a.all-text-wrap:hover span.cta_more { color: #78fa6f; background-color: #2A2B33; } .hero_car_sec.colorPalette_DarkGreen .content { background-color: #5fba5c; } .hero_car_sec.colorPalette_DarkGreen .content h2, .hero_car_sec.colorPalette_DarkGreen .content p, .hero_car_sec.colorPalette_DarkGreen .content a.all-text-wrap span { color: #000; } .colorPalette_DarkGreen .content a.cta, .colorPalette_DarkGreen .content a.cta_more, .colorPalette_DarkGreen .content a.all-text-wrap span.cta_more { color: #5fba5c; background-color: #2A2B33; } .colorPalette_DarkGreen .content a.cta:hover, .colorPalette_DarkGreen .content a.cta_more:hover, .colorPalette_DarkGreen .content a.all-text-wrap:hover span.cta_more { color: #5fba5c; background-color: #2A2B33; } .hero_car_sec.colorPalette_DarkFuscia .content { background-color: #774078; } .hero_car_sec.colorPalette_DarkFuscia .content h2, .hero_car_sec.colorPalette_DarkFuscia .content p, .hero_car_sec.colorPalette_DarkFuscia .content a.all-text-wrap span { color: #000; } .colorPalette_DarkFuscia .content a.cta, .colorPalette_DarkFuscia .content a.cta_more, .colorPalette_DarkFuscia .content a.all-text-wrap span.cta_more { color: #774078; background-color: #2A2B33; } .colorPalette_DarkFuscia .content a.cta:hover, .colorPalette_DarkFuscia .content a.cta_more:hover, .colorPalette_DarkFuscia .content a.all-text-wrap:hover span.cta_more { color: #774078; background-color: #2A2B33; } .hero_car_sec.colorPalette_Orange .content { background-color: #FF9614; } .hero_car_sec.colorPalette_Orange .content h2, .hero_car_sec.colorPalette_Orange .content p, .hero_car_sec.colorPalette_Orange .content a.all-text-wrap span { color: #000; } .colorPalette_Orange .content a.cta, .colorPalette_Orange .content a.cta_more, .colorPalette_Orange .content a.all-text-wrap span.cta_more { color: #FF9614; background-color: #2A2B33; } .colorPalette_Orange .content a.cta:hover, .colorPalette_Orange .content a.cta_more:hover, .colorPalette_Orange .content a.all-text-wrap:hover span.cta_more { color: #FF9614; background-color: #2A2B33; } .hero_car_sec.colorPalette_DarkOrange .content { background-color: #b66f2b; } .hero_car_sec.colorPalette_DarkOrange .content h2, .hero_car_sec.colorPalette_DarkOrange .content p, .hero_car_sec.colorPalette_DarkOrange .content a.all-text-wrap span { color: #000; } .colorPalette_DarkOrange .content a.cta, .colorPalette_DarkOrange .content a.cta_more, .colorPalette_DarkOrange .content a.all-text-wrap span.cta_more { color: #b66f2b; background-color: #2A2B33; } .colorPalette_DarkOrange .content a.cta:hover, .colorPalette_DarkOrange .content a.cta_more:hover, .colorPalette_DarkOrange .content a.all-text-wrap:hover span.cta_more { color: #b66f2b; background-color: #2A2B33; } .hero_car_sec.colorPalette_Cyan .content { background-color: #00fefd; } .hero_car_sec.colorPalette_Cyan .content h2, .hero_car_sec.colorPalette_Cyan .content p, .hero_car_sec.colorPalette_Cyan .content a.all-text-wrap span { color: #000; } .colorPalette_Cyan .content a.cta, .colorPalette_Cyan .content a.cta_more, .colorPalette_Cyan .content a.all-text-wrap span.cta_more { color: #00fefd; background-color: #2A2B33; } .colorPalette_Cyan .content a.cta:hover, .colorPalette_Cyan .content a.cta_more:hover, .colorPalette_Cyan .content a.all-text-wrap:hover span.cta_more { color: #00fefd; background-color: #2A2B33; } .hero_car_sec.colorPalette_Gray .content { background-color: #2A2B33; } .hero_car_sec.colorPalette_Gray .content h2, .hero_car_sec.colorPalette_Gray .content p, .hero_car_sec.colorPalette_Gray .content a.all-text-wrap span { color: #000; } .colorPalette_Gray .content a.cta, .colorPalette_Gray .content a.cta_more, .colorPalette_Gray .content a.all-text-wrap span.cta_more { background-color: #191B22; color: #2A2B33; } .colorPalette_Gray .content a.cta:hover, .colorPalette_Gray .content a.cta_more:hover, .colorPalette_Gray .content a.all-text-wrap:hover span.cta_more { background-color: #191B22; color: #2A2B33; } .hero_car_sec.colorPalette_DarkGray .content { background-color: #191b22; } .hero_car_sec.colorPalette_DarkGray .content h2, .hero_car_sec.colorPalette_DarkGray .content p, .hero_car_sec.colorPalette_DarkGray .content a.all-text-wrap span { color: #000; } .colorPalette_DarkGray .content a.cta, .colorPalette_DarkGray .content a.cta_more, .colorPalette_DarkGray .content a.all-text-wrap span.cta_more { color: #191b22; background-color: #2A2B33; } .colorPalette_DarkGray .content a.cta:hover, .colorPalette_DarkGray .content a.cta_more:hover, .colorPalette_DarkGray .content a.all-text-wrap:hover span.cta_more { color: #191b22; background-color: #2A2B33; } .hero_car_sec.colorPalette_White .content { background-color: #FFFFFF; } .hero_car_sec.colorPalette_White .content h2, .hero_car_sec.colorPalette_White .content p, .hero_car_sec.colorPalette_White .content a.all-text-wrap span { color: #000; } .colorPalette_White .content a.cta, .colorPalette_White .content a.cta_more, .colorPalette_White .content a.all-text-wrap span.cta_more { color: #FFFFFF; background-color: #2A2B33; } .colorPalette_White .content a.cta:hover, .colorPalette_White .content a.cta_more:hover, .colorPalette_White .content a.all-text-wrap:hover span.cta_more { color: #FFFFFF; background-color: #2A2B33; } .hero_car_sec.colorPalette_LightGray .content { background-color: #D9DADB; } .hero_car_sec.colorPalette_LightGray .content h2, .hero_car_sec.colorPalette_LightGray .content p, .hero_car_sec.colorPalette_LightGray .content a.all-text-wrap span { color: #000; } .colorPalette_LightGray .content a.cta, .colorPalette_LightGray .content a.cta_more, .colorPalette_LightGray .content a.all-text-wrap span.cta_more { color: #D9DADB; background-color: #2A2B33; } .colorPalette_LightGray .content a.cta:hover, .colorPalette_LightGray .content a.cta_more:hover, .colorPalette_LightGray .content a.all-text-wrap:hover span.cta_more { color: #D9DADB; background-color: #2A2B33; } /* Mobile Themes Ends */ /*********New Class for Heading and Subheading Starts************/ .hero_car_sec .content .heroQuote { font-size: 1.3em; line-height: 1.1em; padding-left: 20px; padding-top: 3px; color: #2a2B33; } .hero_car_sec .content .heroQuoteSubHeading { line-height: 21px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px; width: 100%; font-size: 1em !important; color: #2a2B33; } /****** Color Themes for Carousel Text ***** *******************************************/ .colorPalette_Yellow.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_DarkYellow.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_Green.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_DarkGreen.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_Fuscia.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_DarkFuscia.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_Orange.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_DarkOrange.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_Cyan.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_Blue.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_Gray.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_DarkGray.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_White.hero_car_sec .content .heroQuote { color: #2a2B33; } .colorPalette_LightGray.hero_car_sec .content .heroQuote { color: #2a2B33; } /* Flying notch Fix */ .heroCarouselmaskImg { margin-top: -11%; top: -13%; } .win.chrome .heroCarouselmaskImg { margin-top: 0; top:0; } .win.chrome .hero-carousel .content { background:transparent; } .hero-carousel .content > a.cta_more { top: -2%; line-height: 32px; } .hero-carousel .content h2 { margin-top: -5%; } .win.chrome .hero-carousel .content h2 { margin-top: 0; } .android .hero-carousel .content h2 { margin-top: 0; } .android .hero-carousel .content > a.cta_more { line-height: 35px; } .iphone .hero-carousel .content h2 { margin-top: 0px; } .iphone .heroCarouselmaskImg { top: -9px; } .win.chrome .hero-carousel .content a, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, .win.chrome .hero_car_sec .content a, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 31px !important; } /*** Customozing Carousel Ends *** **********************************/ /*********New Class for Heading and Subheading Ends************/ } @media only screen and (min-width:360px) and (max-width:360px) { .android.android4 .hero-carousel .content a{ padding-top:1px !important; } } @media only screen and (min-width:640px) and (max-width:640px) { .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:8px !important; } } @media only screen and (min-width:569px) and (max-width:569px) { .android.device_micromax_a110q .hero-carousel .content a, .android.device_micromax_a110q .hero-carousel .content > a.all-text-wrap span.cta, .android.device_micromax_a110q .hero-carousel .content > a.all-text-wrap span.cta_more, .android.device_micromax_a110q .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .android.device_micromax_a110q .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:8px !important; } } @media only screen and (min-width:320px) and (max-width:360px) { .iphone .hero-carousel .content a, .iphone .hero-carousel .content > a.all-text-wrap span.cta, .iphone .hero-carousel .content > a.all-text-wrap span.cta_more, .iphone .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .iphone .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:1px !important; } } @media only screen and (min-width:568px) and (max-width:568px) { .iphone .hero-carousel .content a, .iphone .hero-carousel .content > a.all-text-wrap span.cta, .iphone .hero-carousel .content > a.all-text-wrap span.cta_more, .iphone .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .iphone .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:8px !important; } } @media only screen and (min-width: 451px) and (max-width: 565px) { .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { font-size: 1.3em; line-height: 1.1em; padding-left: 3%; padding-top: 2px; padding-bottom: 7px; } .hero-carousel .content > a.all-text-wrap span.text { font-size: 1.4em; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { font-size: 0.8em; margin-top: 5px; padding: 0 10px; display: inline-block; clear: both; margin-left: 3%; } .hero_car_sec .subText, .hero_car_sec span.subText { font-size: 1em !important; line-height: 21px; width: 100%; padding-left: 3%; padding-bottom: 7px; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { font-size: 0.8em; } .hero_car_sec .content .heroQuote { font-size: 2em; line-height: 1em; padding-left: 20px; padding-top: 3px; } .hero_car_sec sub, .hero_car_sec sup { font-size: 65% !important; } } @media only screen and (min-width: 566px) and (max-width: 767px) { .hero-carousel .content, .hero_car_sec .content { width: 80%; } .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { font-size: 2.979375em; } .hero-carousel .content > a.all-text-wrap span.text { font-size: 3.3em; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { margin-top: 5px; display: inline-block; font-size: 0.8em; height: 28px; margin-top: 14px; line-height: 1.3em; padding: 6px 15px 0; font-family: 'BrandonGrotesqueBlack'; } .win.chrome .hero-carousel .content a, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, .win.chrome .hero_car_sec .content a, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 1.3em; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { font-size: 0.8em; } .hero_car_sec .subText, .hero_car_sec span.subText { font-size: 0.9em; } .hero_car_sec .content .heroQuote { font-size: 2em; line-height: 1em; padding-left: 20px; padding-top: 3px; } .hero_car_sec sub, .hero_car_sec sup { font-size: 65% !important; } } /****** ===== 768 - 1020px Starts ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { /*.hero-carousel section, section.hero_car_sec { height: 644px; } Commented this to fix: AP 1454 */ .hero-carousel.royalSlider { height: 455px; } .rsDefault .rsArrowIcn { margin-top: -48px; } .hero-carousel span img, .hero_car_sec span img { height: auto; } .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { font-size: 2.979375em; } .hero-carousel .content > a.all-text-wrap span.text { font-size: 3.6em; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { margin-top: 5px; display: inline-block; font-size: 0.916875em; height: 28px; margin-top: 14px; line-height: 1.4em; padding: 6px 15px 0; font-family: 'BrandonGrotesqueBlack'; } .win.chrome .hero-carousel .content a, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, .win.chrome .hero_car_sec .content a, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 17px; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { font-size: 0.9em; } .hero_car_sec .subText, .hero_car_sec span.subText { font-size: 1.03125em; } .hero_car_sec .content .heroQuote { font-size: 2em; line-height: 1.1em; padding-left: 20px; padding-top: 3px; } .hero_car_sec .content .heroQuoteSubHeading { line-height: 21px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px; width: 100%; font-size: 1em !important; } /* =768 - 1020px= */ } @media only screen and (min-width: 1021px) and (max-width: 1024px) { .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { margin-top: -10px; } } @media only projection and (min-width: 1024px) and (max-width: 1024px) { .ie8 .hero-carousel .rsOverflow { height: 455px !important; } } @media only screen and (min-width: 768px) { .hero_car_sec .cta_more { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hero_car_sec .cta_more:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } .hero_car_sec .cta_more { z-index: 4; border: 0; } .hero_car_sec .cta_more:after { content: ''; position: absolute; z-index: -1; } /* Pseudo elements for icons */ .hero_car_sec .cta_more:before { position: relative; -webkit-font-smoothing: antialiased; } .hero_car_sec .cta_more:after { width: 100%; height: 0; top: 0; left: 0; background: #2A2B33; } .hero_car_sec .cta_more:hover:after, .hero_car_sec .cta_more:active:after { height: 100%; } @media only screen and (min-width: 319px) and (max-width: 335px) { .win.chrome .hero_car_sec .content { margin-top: -7px !important } .android .heroCarouselmaskImg { top: -24% !important; margin-top: -11% !important; } .android .hero_car_sec .content{ } .android .heroCarouselmaskImg { position: absolute !important; top: -2% !important; margin-top: -43% !important; } /* Hero panel notch issue for mobile chrome browser .android.maxw_320 .heroCarouselmaskImg { margin-top: -12% !important; }*/ } @media only screen and (min-width: 335px) and (max-width: 339px) { .win.chrome .hero_car_sec .content { margin-top: -2% !important } } @media only screen and (min-width: 340px) and (max-width: 351px) { .win.chrome .hero_car_sec .content { margin-top: -4% !important } } @media only screen and (min-width: 352px) and (max-width: 359px) { .win.chrome .hero_car_sec .content { margin-top: -2% !important } } @media only screen and (min-width: 360px) and (max-width: 370px) { .win.chrome .hero_car_sec .content { } .win.chrome .heroCarouselmaskImg { margin-top: -3%; top: 0; } .android .hero_car_sec .content{ } .android .heroCarouselmaskImg { position: absolute !important; top: -2% !important; margin-top: -42% !important; } } @media only screen and (min-width: 371px) and (max-width: 380px) { .win.chrome .hero_car_sec .content { } .win.chrome .heroCarouselmaskImg { margin-top: -2%; top: 0; } } @media only screen and (min-width: 382px) and (max-width: 393px) { .win.chrome .hero_car_sec .content { /*margin-top: 1% !important; top: 40% !important;*/ } .win.chrome .heroCarouselmaskImg { margin-top: 4%; top: 0; } } @media only screen and (min-width: 394px) and (max-width: 399px) { .win.chrome .heroCarouselmaskImg { margin-top: 6%; top: 0; } } @media only screen and (min-width: 400px) and (max-width: 410px) { .win.chrome .hero_car_sec .content { margin-top: 0 !important; top:31% !important; } .win.chrome .heroCarouselmaskImg { margin-top: 1%; top: 0; } .win.chrome .hero-carousel .content h2 { margin-top: -4%; } .win.chrome .hero_car_sec.colorPalette_Yellow .content h2 {background-color: #fff729;} .win.chrome .hero_car_sec.colorPalette_DarkYellow .content h2 {background-color: #DED548;} .win.chrome .hero_car_sec.colorPalette_Fuscia .content h2 {background-color: #d43ff5;} .win.chrome .hero_car_sec.colorPalette_Blue .content h2 {background-color: #00747e;} .win.chrome .hero_car_sec.colorPalette_Green .content h2 {background-color: #78fa6f;} .win.chrome .hero_car_sec.colorPalette_DarkGreen .content h2 {background-color: #5fba5c;} .win.chrome .hero_car_sec.colorPalette_DarkFuscia .content h2 {background-color: #774078;} .win.chrome .hero_car_sec.colorPalette_Orange .content h2 {background-color: #FF9614;} .win.chrome .hero_car_sec.colorPalette_DarkOrange .content h2 {background-color: #b66f2b;} .win.chrome .hero_car_sec.colorPalette_Cyan .content h2 {background-color: #00fefd;} .win.chrome .hero_car_sec.colorPalette_Gray .content h2 {background-color: #2A2B33;} .win.chrome .hero_car_sec.colorPalette_DarkGray .content h2 {background-color: #191b22;} .win.chrome .hero_car_sec.colorPalette_White .content h2 {background-color: #FFFFFF;} .win.chrome .hero_car_sec.colorPalette_LightGray .content h2 {background-color: #D9DADB;} } @media only screen and (min-width: 410px) and (max-width: 418px) { .win.chrome .hero_car_sec .content { margin-top: 0; top:30% !important; } .win.chrome .heroCarouselmaskImg { margin-top: 1%; top: 0; } .win.chrome .hero-carousel .content h2 { margin-top: -3%; } .win.chrome .hero_car_sec.colorPalette_Yellow .content h2 {background-color: #fff729;} .win.chrome .hero_car_sec.colorPalette_DarkYellow .content h2 {background-color: #DED548;} .win.chrome .hero_car_sec.colorPalette_Fuscia .content h2 {background-color: #d43ff5;} .win.chrome .hero_car_sec.colorPalette_Blue .content h2 {background-color: #00747e;} .win.chrome .hero_car_sec.colorPalette_Green .content h2 {background-color: #78fa6f;} .win.chrome .hero_car_sec.colorPalette_DarkGreen .content h2 {background-color: #5fba5c;} .win.chrome .hero_car_sec.colorPalette_DarkFuscia .content h2 {background-color: #774078;} .win.chrome .hero_car_sec.colorPalette_Orange .content h2 {background-color: #FF9614;} .win.chrome .hero_car_sec.colorPalette_DarkOrange .content h2 {background-color: #b66f2b;} .win.chrome .hero_car_sec.colorPalette_Cyan .content h2 {background-color: #00fefd;} .win.chrome .hero_car_sec.colorPalette_Gray .content h2 {background-color: #2A2B33;} .win.chrome .hero_car_sec.colorPalette_DarkGray .content h2 {background-color: #191b22;} .win.chrome .hero_car_sec.colorPalette_White .content h2 {background-color: #FFFFFF;} .win.chrome .hero_car_sec.colorPalette_LightGray .content h2 {background-color: #D9DADB;} } @media only screen and (min-width: 419px) and (max-width: 420px) { .win.chrome .hero_car_sec .content { margin-top: 0 !important; top:31% !important; } .win.chrome .heroCarouselmaskImg { margin-top: 1%; top: 0; } .win.chrome .hero-carousel .content h2 { margin-top: -3%; } .win.chrome .hero_car_sec.colorPalette_Yellow .content h2 {background-color: #fff729;} .win.chrome .hero_car_sec.colorPalette_DarkYellow .content h2 {background-color: #DED548;} .win.chrome .hero_car_sec.colorPalette_Fuscia .content h2 {background-color: #d43ff5;} .win.chrome .hero_car_sec.colorPalette_Blue .content h2 {background-color: #00747e;} .win.chrome .hero_car_sec.colorPalette_Green .content h2 {background-color: #78fa6f;} .win.chrome .hero_car_sec.colorPalette_DarkGreen .content h2 {background-color: #5fba5c;} .win.chrome .hero_car_sec.colorPalette_DarkFuscia .content h2 {background-color: #774078;} .win.chrome .hero_car_sec.colorPalette_Orange .content h2 {background-color: #FF9614;} .win.chrome .hero_car_sec.colorPalette_DarkOrange .content h2 {background-color: #b66f2b;} .win.chrome .hero_car_sec.colorPalette_Cyan .content h2 {background-color: #00fefd;} .win.chrome .hero_car_sec.colorPalette_Gray .content h2 {background-color: #2A2B33;} .win.chrome .hero_car_sec.colorPalette_DarkGray .content h2 {background-color: #191b22;} .win.chrome .hero_car_sec.colorPalette_White .content h2 {background-color: #FFFFFF;} .win.chrome .hero_car_sec.colorPalette_LightGray .content h2 {background-color: #D9DADB;} } @media only screen and (min-width: 421px) and (max-width: 450px) { .win.chrome .hero_car_sec .content { margin-top: -1px !important; top: 40% !important; } .win.chrome .heroCarouselmaskImg { margin-top: 6%; top: 0; } .win.chrome .hero-carousel .content h2 { margin-top: -3%; } .win.chrome .hero_car_sec.colorPalette_Yellow .content h2 {background-color: #fff729;} .win.chrome .hero_car_sec.colorPalette_DarkYellow .content h2 {background-color: #DED548;} .win.chrome .hero_car_sec.colorPalette_Fuscia .content h2 {background-color: #d43ff5;} .win.chrome .hero_car_sec.colorPalette_Blue .content h2 {background-color: #00747e;} .win.chrome .hero_car_sec.colorPalette_Green .content h2 {background-color: #78fa6f;} .win.chrome .hero_car_sec.colorPalette_DarkGreen .content h2 {background-color: #5fba5c;} .win.chrome .hero_car_sec.colorPalette_DarkFuscia .content h2 {background-color: #774078;} .win.chrome .hero_car_sec.colorPalette_Orange .content h2 {background-color: #FF9614;} .win.chrome .hero_car_sec.colorPalette_DarkOrange .content h2 {background-color: #b66f2b;} .win.chrome .hero_car_sec.colorPalette_Cyan .content h2 {background-color: #00fefd;} .win.chrome .hero_car_sec.colorPalette_Gray .content h2 {background-color: #2A2B33;} .win.chrome .hero_car_sec.colorPalette_DarkGray .content h2 {background-color: #191b22;} .win.chrome .hero_car_sec.colorPalette_White .content h2 {background-color: #FFFFFF;} .win.chrome .hero_car_sec.colorPalette_LightGray .content h2 {background-color: #D9DADB;} } @media only screen and (min-width: 451px) and (max-width: 453px) { .win.chrome .hero-carousel .content h2 { background:transparent; } } @media only screen and (min-width: 451px) and (max-width: 452px) { .win.chrome .hero-carousel .content, .win.chrome .hero_car_sec .content { top: 81% !important; } } @media only screen and (min-width: 451px) and (max-width: 565px) { .win.chrome .hero-carousel .content, .win.chrome .hero_car_sec .content { width: 80%; position:absolute; } .win.chrome .heroCarouselmaskImg{ display:none !important; } } @media only screen and (min-width: 453px) and (max-width: 466px) { .win.chrome .hero-carousel .content, .win.chrome .hero_car_sec .content { width: 80%; top: 67% !important; } .win.firefox .hero_car_sec .content, .win.firefox .hero_car_sec .content { top: 70% !important; } .ie11 .hero_car_sec .content, .ie11 .hero_car_sec .content { top: 50% !important; } } @media only screen and (min-width: 1280px) and (max-width: 1280px) { .win.chrome .hero-carousel .content a, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta, .win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, .win.chrome .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 33px !important; } } /****** ===== 768 - 1020px Ends ===== ****** ********************************************/ /*@media only screen and (min-width: 1024px) and (max-width: 1024px) { .hero-carousel section, section.hero_car_sec { height: 550px; } .hero_car_sec .content { width: 600px; height: 175px; } .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { font-size: 3.5em; } .hero-carousel .content a, .hero-carousel .content > a.all-text-wrap span.cta, .hero-carousel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more { font-size: 0.9em; margin-left: 13px; margin-top: 5px; padding: 10px 12px 5px; width: 47%; } } */ /* Hero panel notch issue for mobile chrome browser */ .android.maxw_320 .heroCarouselmaskImg { margin-top: -13% !important; } .android.maxw_320 .txtAlignCntr .heroCarouselmaskImg { text-align:left !important; } /* Hero panel header text issue for chrome */ @media only screen and (min-width:400px) and (max-width:450px) { .win.chrome .hero-carousel .content h2, .hero-carousel .content > a.all-text-wrap span.text, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text { line-height:1.6em !important; } } /* Hero panel header text issue for chrome */ @media only screen and (min-width: 320px) and (max-width: 480px){ .hero-carousel .content, .hero_car_sec .content{position:relative; margin-top:-1px; padding:6% 0 11%; float:left; width:100%; height:auto;} } /*S3 Default browser*/ @media only screen and (min-width: 320px) and (max-width: 360px) { .android.device_gt_i9300 .hero-carousel .content a, .android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta, .android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta_more, .android.device_gt_i9300 .hero_car_sec .content a, .android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta, .android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:32px; } html[lang="en-gb"].android.device_micromax_a110q .hero-carousel .content a, html[lang="en-gb"].android.device_micromax_a110q .hero-carousel .content > a.all-text-wrap span.cta, html[lang="en-gb"].android.device_micromax_a110q .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="en-gb"].android.device_micromax_a110q .hero_car_sec .content a, html[lang="en-gb"].android.device_micromax_a110q .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="en-gb"].android.device_micromax_a110q .hero_car_sec .content > a.all-text-wrap span.cta_more { padding-top:0px; } } /*theme */ .colorPalette_Yellow.hero_car_sec .content .heroQuote{color:#fff729} .colorPalette_DarkYellow.hero_car_sec .content .heroQuote{color:#ded548} .colorPalette_Green.hero_car_sec .content .heroQuote{color:#78fa6f} .colorPalette_DarkGreen.hero_car_sec .content .heroQuote{color:#5fba5c} .colorPalette_Fuscia.hero_car_sec .content .heroQuote{color:#d43ff5} .colorPalette_DarkFuscia.hero_car_sec .content .heroQuote{color:#774078} .colorPalette_Orange.hero_car_sec .content .heroQuote{color:#ff9614} .colorPalette_DarkOrange.hero_car_sec .content .heroQuote{color:#b66f2b} .colorPalette_Cyan.hero_car_sec .content .heroQuote{color:#00fefd} .colorPalette_Blue.hero_car_sec .content .heroQuote{color:#00747e} .colorPalette_Gray.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_DarkGray.hero_car_sec .content .heroQuote{color:#191b22} .colorPalette_White.hero_car_sec .content .heroQuote{color:#fff} .colorPalette_LightGray.hero_car_sec .content .heroQuote{color:#d9dadb}.colorPalette_Yellow .content h2.text,.colorPalette_Yellow .content a.all-text-wrap span.text,.colorPalette_Yellow.hero_car_sec .subText,.colorPalette_Yellow.hero_car_sec span.subText{color:white} .colorPalette_Yellow .content a.cta,.colorPalette_Yellow .content a.cta_more,.colorPalette_Yellow .content a.all-text-wrap span.cta_more{background-color:white;color:#191b22} .colorPalette_Yellow .content a.cta:hover,.colorPalette_Yellow .content a.cta_more:hover,.colorPalette_Yellow .content a.all-text-wrap:hover span.cta_more{color:#fff729;background-color:#191b22} .colorPalette_DarkYellow .content h2.text,.colorPalette_DarkYellow .content a.all-text-wrap span.text,.colorPalette_DarkYellow.hero_car_sec .subText,.colorPalette_DarkYellow.hero_car_sec span.subText{color:#ded548} .colorPalette_DarkYellow .content a.cta,.colorPalette_DarkYellow .content a.cta_more,.colorPalette_DarkYellow .content a.all-text-wrap span.cta_more{background-color:#ded548;color:#191b22} .colorPalette_DarkYellow .content a.cta:hover,.colorPalette_DarkYellow .content a.cta_more:hover,.colorPalette_DarkYellow .content a.all-text-wrap:hover span.cta_more{color:#ded548;background-color:#191b22} .colorPalette_Green .content h2.text,.colorPalette_Green .content a.all-text-wrap span.text,.colorPalette_Green.hero_car_sec .subText,.colorPalette_Green.hero_car_sec span.subText{color:#78fa6f} .colorPalette_Green .content a.cta,.colorPalette_Green .content a.cta_more,.colorPalette_Green .content a.all-text-wrap span.cta_more{background-color:#78fa6f;color:#191b22} .colorPalette_Green .content a.cta:hover,.colorPalette_Green .content a.cta_more:hover,.colorPalette_Green .content a.all-text-wrap:hover span.cta_more{color:#78fa6f;background-color:#191b22} .colorPalette_DarkGreen .content h2.text,.colorPalette_DarkGreen .content a.all-text-wrap span.text,.colorPalette_DarkGreen.hero_car_sec .subText,.colorPalette_DarkGreen.hero_car_sec span.subText{color:#5fba5c} .colorPalette_DarkGreen .content a.cta,.colorPalette_DarkGreen .content a.cta_more,.colorPalette_DarkGreen .content a.all-text-wrap span.cta_more{background-color:#5fba5c;color:#191b22} .colorPalette_DarkGreen .content a.cta:hover,.colorPalette_DarkGreen .content a.cta_more:hover,.colorPalette_DarkGreen .content a.all-text-wrap:hover span.cta_more{color:#5fba5c;background-color:#191b22} .colorPalette_Fuscia .content h2.text,.colorPalette_Fuscia .content a.all-text-wrap span.text,.colorPalette_Fuscia.hero_car_sec .subText,.colorPalette_Fuscia.hero_car_sec span.subText{color:#d43ff5} .colorPalette_Fuscia .content a.cta,.colorPalette_Fuscia .content a.cta_more,.colorPalette_Fuscia .content a.all-text-wrap span.cta_more{background-color:#d43ff5;color:#191b22} .colorPalette_Fuscia .content a.cta:hover,.colorPalette_Fuscia .content a.cta_more:hover,.colorPalette_Fuscia .content a.all-text-wrap:hover span.cta_more{color:#d43ff5;background-color:#191b22} .colorPalette_DarkFuscia .content h2.text,.colorPalette_DarkFuscia .content a.all-text-wrap span.text,.colorPalette_DarkFuscia.hero_car_sec .subText,.colorPalette_DarkFuscia.hero_car_sec span.subText{color:#774078} .colorPalette_DarkFuscia .content a.cta,.colorPalette_DarkFuscia .content a.cta_more,.colorPalette_DarkFuscia .content a.all-text-wrap span.cta_more{background-color:#774078;color:#191b22} .colorPalette_DarkFuscia .content a.cta:hover,.colorPalette_DarkFuscia .content a.cta_more:hover,.colorPalette_DarkFuscia .content a.all-text-wrap:hover span.cta_more{color:#774078;background-color:#191b22} .colorPalette_Orange .content h2.text,.colorPalette_Orange .content a.all-text-wrap span.text,.colorPalette_Orange.hero_car_sec .subText,.colorPalette_Orange.hero_car_sec span.subText{color:black} .colorPalette_Orange .content a.cta,.colorPalette_Orange .content a.cta_more,.colorPalette_Orange .content a.all-text-wrap span.cta_more{background-color:#ff9614;color:#191b22} .colorPalette_Orange .content a.cta:hover,.colorPalette_Orange .content a.cta_more:hover,.colorPalette_Orange .content a.all-text-wrap:hover span.cta_more{color:#ff9614;background-color:#191b22} .colorPalette_DarkOrange .content h2.text,.colorPalette_DarkOrange .content a.all-text-wrap span.text,.colorPalette_DarkOrange.hero_car_sec .subText,.colorPalette_DarkOrange.hero_car_sec span.subText{color:#b66f2b} .colorPalette_DarkOrange .content a.cta,.colorPalette_DarkOrange .content a.cta_more,.colorPalette_DarkOrange .content a.all-text-wrap span.cta_more{background-color:#b66f2b;color:#191b22} .colorPalette_DarkOrange .content a.cta:hover,.colorPalette_DarkOrange .content a.cta_more:hover,.colorPalette_DarkOrange .content a.all-text-wrap:hover span.cta_more{color:#b66f2b;background-color:#191b22} .colorPalette_Cyan .content h2.text,.colorPalette_Cyan .content a.all-text-wrap span.text,.colorPalette_Cyan.hero_car_sec .subText,.colorPalette_Cyan.hero_car_sec span.subText{color:#00fefd} .colorPalette_Cyan .content a.cta,.colorPalette_Cyan .content a.cta_more,.colorPalette_Cyan .content a.all-text-wrap span.cta_more{background-color:#00fefd;color:#191b22} .colorPalette_Cyan .content a.cta:hover,.colorPalette_Cyan .content a.cta_more:hover,.colorPalette_Cyan .content a.all-text-wrap:hover span.cta_more{color:#00fefd;background-color:#191b22} .colorPalette_Blue .content h2.text,.colorPalette_Blue .content a.all-text-wrap span.text,.colorPalette_Blue.hero_car_sec .subText,.colorPalette_Blue.hero_car_sec span.subText{color:#00747e} .colorPalette_Blue .content a.cta,.colorPalette_Blue .content a.cta_more,.colorPalette_Blue .content a.all-text-wrap span.cta_more{background-color:#00747e;color:#191b22} .colorPalette_Blue .content a.cta:hover,.colorPalette_Blue .content a.cta_more:hover,.colorPalette_Blue .content a.all-text-wrap:hover span.cta_more{color:#00747e;background-color:#191b22} .colorPalette_Gray .content h2.text,.colorPalette_Gray .content a.all-text-wrap span.text,.colorPalette_Gray.hero_car_sec .subText,.colorPalette_Gray.hero_car_sec span.subText{color:#2a2b33} .colorPalette_Gray .content a.cta,.colorPalette_Gray .content a.cta_more,.colorPalette_Gray .content a.all-text-wrap span.cta_more{background-color:#2a2b33;color:#191b22} .colorPalette_Gray .content a.cta:hover,.colorPalette_Gray .content a.cta_more:hover,.colorPalette_Gray .content a.all-text-wrap:hover span.cta_more{color:#2a2b33;background-color:#191b22} .colorPalette_DarkGray .content h2.text,.colorPalette_DarkGray .content a.all-text-wrap span.text,.colorPalette_DarkGray.hero_car_sec .subText,.colorPalette_DarkGray.hero_car_sec span.subText{color:#191b22} .colorPalette_DarkGray .content a.cta,.colorPalette_DarkGray .content a.cta_more,.colorPalette_DarkGray .content a.all-text-wrap span.cta_more{background-color:#191b22;color:#000} .colorPalette_DarkGray .content a.cta:hover,.colorPalette_DarkGray .content a.cta_more:hover,.colorPalette_DarkGray .content a.all-text-wrap:hover span.cta_more{color:#191b22;background-color:#000} .colorPalette_White .content h2.text,.colorPalette_White .content a.all-text-wrap span.text,.colorPalette_White.hero_car_sec .subText,.colorPalette_White.hero_car_sec span.subText{color:#fff} .colorPalette_White .content a.cta,.colorPalette_White .content a.cta_more,.colorPalette_White .content a.all-text-wrap span.cta_more{background-color:#fff;color:#191b22} .colorPalette_White .content a.cta:hover,.colorPalette_White .content a.cta_more:hover,.colorPalette_White .content a.all-text-wrap:hover span.cta_more{color:#fff;background-color:#191b22} .colorPalette_LightGray .content h2.text,.colorPalette_LightGray .content a.all-text-wrap span.text,.colorPalette_LightGray.hero_car_sec .subText,.colorPalette_LightGray.hero_car_sec span.subText{color:#d9dadb} .colorPalette_LightGray .content a.cta,.colorPalette_LightGray .content a.cta_more,.colorPalette_LightGray .content a.all-text-wrap span.cta_more{background-color:#d9dadb;color:#191b22} .colorPalette_LightGray .content a.cta:hover,.colorPalette_LightGray .content a.cta_more:hover,.colorPalette_LightGray .content a.all-text-wrap:hover span.cta_more{color:#d9dadb;background-color:#191b22} @media print{.hero-panel.royalSlider{width:100%;height:514px;margin:0 auto;float:left} .webkit .hero-panel.royalSlider{width:auto;height:517px;margin:0 auto} .hero-panel span img,.hero_car_sec span img{width:100%;height:auto} .hero-panel .content,.hero_car_sec .content{margin-left:-300px;margin-top:-213px;top:20%;width:500px;width:100%} .hero-panel .content h2,.hero-panel .content>a.all-text-wrap span.text,.hero_car_sec .content h2,.hero_car_sec .content>a.all-text-wrap span.text{font-size:2.97937em;color:#222!important;display:block;overflow-x:hidden;width:auto} .printMask{margin-top:-160px!important} .webkit .printMask{float:left;padding:0;width:100%;margin:-163px 0 0 0!important;display:inline-block} .webkit .printMask img{float:left;width:100%;height:100%;display:block} .mac.webkit .printMask{float:left;padding:0;width:100%;margin:-163px 0 0 0!important;display:inline-block} .mac.webkit .printMask img{float:left;width:100%;height:100%;display:block} .mac.webkit .hero-panel.royalSlider{width:auto;height:517px;margin:0 auto} .ipad .printMask{margin-top:-100px!important} } @media only screen and (min-width:280px) and (max-width:450px){.mac.gecko .heroCarouselmaskImg{margin-top:-9%!important} .mac.webkit .hero-panel .content h2{margin-top:-1%!important} .ie8 .mobileSvgMask.curve{bottom:-2px} .hero-panel.royalSlider{height:375px!important;background-color:transparent} .hero-panel section,section.hero_car_sec,.hero-panel .rsOverflow{height:100%!important;background-color:transparent} .ie8 .hero-panel section,.ie8 section.hero_car_sec,.ie8 .hero-panel .rsOverflow{height:400px!important} .hero-panel span img,.hero_car_sec span img{height:auto} .hero-panel .content h2,.hero-panel .content>a.all-text-wrap span.text,.hero_car_sec .content h2,.hero_car_sec .content>a.all-text-wrap span.text{font-size:1.3em;line-height:1.1em;padding-left:3%;padding-top:2px;padding-bottom:7px} .hero-panel .content>a.all-text-wrap span.text{font-size:1.4em} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{font-size:.8em;margin-top:5px;padding:5px 7px 1px;display:inline-block;clear:both} .hero_car_sec .subText,.hero_car_sec span.subText{font-size:1em!important;line-height:21px;width:100%;padding-left:3%;padding-bottom:7px} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{font-size:.8em} .rsDefault.rsHor .rsArrowLeft,.rsDefault.rsHor .rsArrowRight{top:-120px!important} .rsDefault.rsHor .rsArrowLeft{left:10px!important} .rsDefault.rsHor .rsArrowRight{right:12px!important} .hero_car_sec .content a{padding:0;margin-left:0;line-height:1em} .hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more,.hero-panel .content>a.cta,.hero-panel .content>a.cta_more{height:30px;line-height:34px;padding:0 10px;margin-left:12px} .rsDefault.rsHor .rsArrowLeft .rsArrowIcn{background:url("../components/heropanel/images/heroLeftArrow.png") left center no-repeat!important} .rsDefault.rsHor .rsArrowRight .rsArrowIcn{background:url("../components/heropanel/images/heroRightArrow.png") right center no-repeat!important} .hero_car_sec .mobileSvgMask.curve,.hero_car_sec .mobileSvgMask.notch{} .hero-panel .align-left,.hero_car_sec .align-left{text-align:left!important} .hero-panel .align-center,.hero_car_sec .align-center{text-align:left!important} .hero-panel .align-right,.hero_car_sec .align-right{text-align:left!important;float:left} .hero_car_sec sub,.hero_car_sec sup{font-size:65%!important} .hero_car_sec.colorPalette_Yellow{background-color:#fff729} .hero_car_sec.colorPalette_DarkYellow{background-color:#ded548} .hero_car_sec.colorPalette_Fuscia{background-color:#d43ff5} .hero_car_sec.colorPalette_Blue{background-color:#00747e} .hero_car_sec.colorPalette_Green{background-color:#78fa6f} .hero_car_sec.colorPalette_DarkGreen{background-color:#5fba5c} .hero_car_sec.colorPalette_DarkFuscia{background-color:#774078} .hero_car_sec.colorPalette_Orange{background-color:#ff9614} .hero_car_sec.colorPalette_DarkOrange{background-color:#b66f2b} .hero_car_sec.colorPalette_Cyan{background-color:#00fefd} .hero_car_sec.colorPalette_Gray{background-color:#2a2b33} .hero_car_sec.colorPalette_DarkGray{background-color:#191b22} .hero_car_sec.colorPalette_White{background-color:#fff} .hero_car_sec.colorPalette_LightGray{background-color:#d9dadb} .hero_car_sec.colorPalette_Yellow .content{background-color:#fff729} .hero_car_sec.colorPalette_Yellow .content h2,.hero_car_sec.colorPalette_Yellow .content p,.hero_car_sec.colorPalette_Yellow .content a.all-text-wrap span{color:#000} .colorPalette_Yellow .content a.cta,.colorPalette_Yellow .content a.cta_more,.colorPalette_Yellow .content a.all-text-wrap span.cta_more{color:#fff729;background-color:#2a2b33} .colorPalette_Yellow .content a.cta:hover,.colorPalette_Yellow .content a.cta_more:hover,.colorPalette_Yellow .content a.all-text-wrap:hover span.cta_more{color:#fff729;background-color:#2a2b33} .hero_car_sec.colorPalette_DarkYellow .content h2,.hero_car_sec.colorPalette_DarkYellow .content p,.hero_car_sec.colorPalette_DarkYellow .content a.all-text-wrap span{color:#000} .colorPalette_DarkYellow .content a.cta,.colorPalette_DarkYellow .content a.cta_more,.colorPalette_DarkYellow .content a.all-text-wrap span.cta_more{color:#ded548;background-color:#2a2b33} .colorPalette_DarkYellow .content a.cta:hover,.colorPalette_DarkYellow .content a.cta_more:hover,.colorPalette_DarkYellow .content a.all-text-wrap:hover span.cta_more{color:#ded548;background-color:#2a2b33} .hero_car_sec.colorPalette_Fuscia .content{background-color:#d43ff5} .hero_car_sec.colorPalette_Fuscia .content h2,.hero_car_sec.colorPalette_Fuscia .content p,.hero_car_sec.colorPalette_Fuscia .content a.all-text-wrap span{color:#000} .colorPalette_Fuscia .content a.cta,.colorPalette_Fuscia .content a.cta_more,.colorPalette_Fuscia .content a.all-text-wrap span.cta_more{color:#d43ff5;background-color:#2a2b33} .colorPalette_Fuscia .content a.cta:hover,.colorPalette_Fuscia .content a.cta_more:hover,.colorPalette_Fuscia .content a.all-text-wrap:hover span.cta_more{color:#d43ff5;background-color:#2a2b33} .hero_car_sec.colorPalette_Blue .content{background-color:#00747e} .hero_car_sec.colorPalette_Blue .content h2,.hero_car_sec.colorPalette_Blue .content p,.hero_car_sec.colorPalette_Blue .content a.all-text-wrap span{color:#000} .colorPalette_Blue .content a.cta,.colorPalette_Blue .content a.cta_more,.colorPalette_Blue .content a.all-text-wrap span.cta_more{color:#00747e;background-color:#2a2b33} .colorPalette_Blue .content a.cta:hover,.colorPalette_Blue .content a.cta_more:hover,.colorPalette_Blue .content a.all-text-wrap:hover span.cta_more{color:#00747e;background-color:#2a2b33} .hero_car_sec.colorPalette_Green .content{background-color:#78fa6f} .hero_car_sec.colorPalette_Green .content h2,.hero_car_sec.colorPalette_Green .content p,.hero_car_sec.colorPalette_Green .content a.all-text-wrap span{color:#000} .colorPalette_Green .content a.cta,.colorPalette_Green .content a.cta_more,.colorPalette_Green .content a.all-text-wrap span.cta_more{color:#78fa6f;background-color:#2a2b33} .colorPalette_Green .content a.cta:hover,.colorPalette_Green .content a.cta_more:hover,.colorPalette_Green .content a.all-text-wrap:hover span.cta_more{color:#78fa6f;background-color:#2a2b33} .hero_car_sec.colorPalette_DarkGreen .content{background-color:#5fba5c} .hero_car_sec.colorPalette_DarkGreen .content h2,.hero_car_sec.colorPalette_DarkGreen .content p,.hero_car_sec.colorPalette_DarkGreen .content a.all-text-wrap span{color:#000} .colorPalette_DarkGreen .content a.cta,.colorPalette_DarkGreen .content a.cta_more,.colorPalette_DarkGreen .content a.all-text-wrap span.cta_more{color:#5fba5c;background-color:#2a2b33} .colorPalette_DarkGreen .content a.cta:hover,.colorPalette_DarkGreen .content a.cta_more:hover,.colorPalette_DarkGreen .content a.all-text-wrap:hover span.cta_more{color:#5fba5c;background-color:#2a2b33} .hero_car_sec.colorPalette_DarkFuscia .content{background-color:#774078} .hero_car_sec.colorPalette_DarkFuscia .content h2,.hero_car_sec.colorPalette_DarkFuscia .content p,.hero_car_sec.colorPalette_DarkFuscia .content a.all-text-wrap span{color:#000} .colorPalette_DarkFuscia .content a.cta,.colorPalette_DarkFuscia .content a.cta_more,.colorPalette_DarkFuscia .content a.all-text-wrap span.cta_more{color:#774078;background-color:#2a2b33} .colorPalette_DarkFuscia .content a.cta:hover,.colorPalette_DarkFuscia .content a.cta_more:hover,.colorPalette_DarkFuscia .content a.all-text-wrap:hover span.cta_more{color:#774078;background-color:#2a2b33} .hero_car_sec.colorPalette_Orange .content{background-color:#ff9614} .hero_car_sec.colorPalette_Orange .content h2,.hero_car_sec.colorPalette_Orange .content p,.hero_car_sec.colorPalette_Orange .content a.all-text-wrap span{color:#000} .colorPalette_Orange .content a.cta,.colorPalette_Orange .content a.cta_more,.colorPalette_Orange .content a.all-text-wrap span.cta_more{color:#ff9614;background-color:#2a2b33} .colorPalette_Orange .content a.cta:hover,.colorPalette_Orange .content a.cta_more:hover,.colorPalette_Orange .content a.all-text-wrap:hover span.cta_more{color:#ff9614;background-color:#2a2b33} .hero_car_sec.colorPalette_DarkOrange .content{background-color:#b66f2b} .hero_car_sec.colorPalette_DarkOrange .content h2,.hero_car_sec.colorPalette_DarkOrange .content p,.hero_car_sec.colorPalette_DarkOrange .content a.all-text-wrap span{color:#000} .colorPalette_DarkOrange .content a.cta,.colorPalette_DarkOrange .content a.cta_more,.colorPalette_DarkOrange .content a.all-text-wrap span.cta_more{color:#b66f2b;background-color:#2a2b33} .colorPalette_DarkOrange .content a.cta:hover,.colorPalette_DarkOrange .content a.cta_more:hover,.colorPalette_DarkOrange .content a.all-text-wrap:hover span.cta_more{color:#b66f2b;background-color:#2a2b33} .hero_car_sec.colorPalette_Cyan .content{background-color:#00fefd} .hero_car_sec.colorPalette_Cyan .content h2,.hero_car_sec.colorPalette_Cyan .content p,.hero_car_sec.colorPalette_Cyan .content a.all-text-wrap span{color:#000} .colorPalette_Cyan .content a.cta,.colorPalette_Cyan .content a.cta_more,.colorPalette_Cyan .content a.all-text-wrap span.cta_more{color:#00fefd;background-color:#2a2b33} .colorPalette_Cyan .content a.cta:hover,.colorPalette_Cyan .content a.cta_more:hover,.colorPalette_Cyan .content a.all-text-wrap:hover span.cta_more{color:#00fefd;background-color:#2a2b33} .hero_car_sec.colorPalette_Gray .content{background-color:#2a2b33} .hero_car_sec.colorPalette_Gray .content h2,.hero_car_sec.colorPalette_Gray .content p,.hero_car_sec.colorPalette_Gray .content a.all-text-wrap span{color:#000} .colorPalette_Gray .content a.cta,.colorPalette_Gray .content a.cta_more,.colorPalette_Gray .content a.all-text-wrap span.cta_more{background-color:#191b22;color:#2a2b33} .colorPalette_Gray .content a.cta:hover,.colorPalette_Gray .content a.cta_more:hover,.colorPalette_Gray .content a.all-text-wrap:hover span.cta_more{background-color:#191b22;color:#2a2b33} .hero_car_sec.colorPalette_DarkGray .content{background-color:#191b22} .hero_car_sec.colorPalette_DarkGray .content h2,.hero_car_sec.colorPalette_DarkGray .content p,.hero_car_sec.colorPalette_DarkGray .content a.all-text-wrap span{color:#000} .colorPalette_DarkGray .content a.cta,.colorPalette_DarkGray .content a.cta_more,.colorPalette_DarkGray .content a.all-text-wrap span.cta_more{color:#191b22;background-color:#2a2b33} .colorPalette_DarkGray .content a.cta:hover,.colorPalette_DarkGray .content a.cta_more:hover,.colorPalette_DarkGray .content a.all-text-wrap:hover span.cta_more{color:#191b22;background-color:#2a2b33} .hero_car_sec.colorPalette_White .content{background-color:#fff} .hero_car_sec.colorPalette_White .content h2,.hero_car_sec.colorPalette_White .content p,.hero_car_sec.colorPalette_White .content a.all-text-wrap span{color:#000} .colorPalette_White .content a.cta,.colorPalette_White .content a.cta_more,.colorPalette_White .content a.all-text-wrap span.cta_more{color:#fff;background-color:#2a2b33} .colorPalette_White .content a.cta:hover,.colorPalette_White .content a.cta_more:hover,.colorPalette_White .content a.all-text-wrap:hover span.cta_more{color:#fff;background-color:#2a2b33} .hero_car_sec.colorPalette_LightGray .content{background-color:#d9dadb} .hero_car_sec.colorPalette_LightGray .content h2,.hero_car_sec.colorPalette_LightGray .content p,.hero_car_sec.colorPalette_LightGray .content a.all-text-wrap span{color:#000} .colorPalette_LightGray .content a.cta,.colorPalette_LightGray .content a.cta_more,.colorPalette_LightGray .content a.all-text-wrap span.cta_more{color:#d9dadb;background-color:#2a2b33} .colorPalette_LightGray .content a.cta:hover,.colorPalette_LightGray .content a.cta_more:hover,.colorPalette_LightGray .content a.all-text-wrap:hover span.cta_more{color:#d9dadb;background-color:#2a2b33} .hero_car_sec .content .heroQuote{font-size:1.3em;line-height:1.1em;padding-left:20px;padding-top:3px;color:#2a2b33} .hero_car_sec .content .heroQuoteSubHeading{line-height:21px;padding-bottom:5px;padding-left:20px;padding-right:20px;padding-top:5px;width:100%;font-size:1em!important;color:#2a2b33} .colorPalette_Yellow.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_DarkYellow.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_Green.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_DarkGreen.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_Fuscia.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_DarkFuscia.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_Orange.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_DarkOrange.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_Cyan.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_Blue.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_Gray.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_DarkGray.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_White.hero_car_sec .content .heroQuote{color:#2a2b33} .colorPalette_LightGray.hero_car_sec .content .heroQuote{color:#2a2b33} .heroCarouselmaskImg{margin-top:-11%;top:-13%} .win.chrome .heroCarouselmaskImg{margin-top:0;top:0} .hero-panel .content>a.cta_more{top:-2%;line-height:32px} .hero-panel .content h2{margin-top:-5%} .win.chrome .hero-panel .content h2{margin-top:0} .android .hero-panel .content h2{margin-top:0} .android .hero-panel .content>a.cta_more{line-height:35px} .iphone .hero-panel .content h2{margin-top:0} .iphone .heroCarouselmaskImg{top:-9px} .win.chrome .hero-panel .content a,.win.chrome .hero-panel .content>a.all-text-wrap span.cta,.win.chrome .hero-panel .content>a.all-text-wrap span.cta_more,.win.chrome .hero_car_sec .content a,.win.chrome .hero_car_sec .content>a.all-text-wrap span.cta,.win.chrome .hero_car_sec .content>a.all-text-wrap span.cta_more{line-height:31px!important} } @media only screen and (min-width:360px) and (max-width:360px){.android.android4 .hero-panel .content a{padding-top:1px!important} } @media only screen and (min-width:640px) and (max-width:640px){.hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{padding-top:8px!important} } @media only screen and (min-width:569px) and (max-width:569px){.android.device_micromax_a110q .hero-panel .content a,.android.device_micromax_a110q .hero-panel .content>a.all-text-wrap span.cta,.android.device_micromax_a110q .hero-panel .content>a.all-text-wrap span.cta_more,.android.device_micromax_a110q .hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.android.device_micromax_a110q .hero_car_sec .content>a.all-text-wrap span.cta_more{padding-top:8px!important} } @media only screen and (min-width:320px) and (max-width:360px){.iphone .hero-panel .content a,.iphone .hero-panel .content>a.all-text-wrap span.cta,.iphone .hero-panel .content>a.all-text-wrap span.cta_more,.iphone .hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.iphone .hero_car_sec .content>a.all-text-wrap span.cta_more{padding-top:1px!important} } @media only screen and (min-width:568px) and (max-width:568px){.iphone .hero-panel .content a,.iphone .hero-panel .content>a.all-text-wrap span.cta,.iphone .hero-panel .content>a.all-text-wrap span.cta_more,.iphone .hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.iphone .hero_car_sec .content>a.all-text-wrap span.cta_more{padding-top:8px!important} } .hero-panel .content h2,.hero-panel .content>a.all-text-wrap span.text,.hero_car_sec .content h2,.hero_car_sec .content>a.all-text-wrap span.text{line-height:1.1em;padding-left:3%;padding-top:2px;padding-bottom:7px} .hero-panel .content>a.all-text-wrap span.text{font-size:1.4em} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{font-size:.8em;margin-top:5px;padding:0 10px;display:inline-block;clear:both;margin-left:3%} .hero_car_sec .subText,.hero_car_sec span.subText{font-size:1em!important;line-height:21px;width:100%;padding-left:3%;padding-bottom:7px} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{font-size:.8em} .hero_car_sec .content .heroQuote{font-size:2em;line-height:1em;padding-left:20px;padding-top:3px} .hero_car_sec sub,.hero_car_sec sup{font-size:65%!important} } @media only screen and (min-width:566px) and (max-width:767px){.hero-panel .content,.hero_car_sec .content{width:80%} .hero-panel .content h2,.hero-panel .content>a.all-text-wrap span.text,.hero_car_sec .content h2,.hero_car_sec .content>a.all-text-wrap span.text{font-size:2.979375em} .hero-panel .content>a.all-text-wrap span.text{font-size:3.3em} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{margin-top:5px;display:inline-block;font-size:.8em;height:28px;margin-top:14px;line-height:1.3em;padding:6px 15px 0;font-family:'BrandonGrotesqueBlack'} .win.chrome .hero-panel .content a,.win.chrome .hero-panel .content>a.all-text-wrap span.cta,.win.chrome .hero-panel .content>a.all-text-wrap span.cta_more,.win.chrome .hero_car_sec .content a,.win.chrome .hero_car_sec .content>a.all-text-wrap span.cta,.win.chrome .hero_car_sec .content>a.all-text-wrap span.cta_more{line-height:1.3em} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{font-size:.8em} .hero_car_sec .subText,.hero_car_sec span.subText{font-size:.9em} .hero_car_sec .content .heroQuote{font-size:2em;line-height:1em;padding-left:20px;padding-top:3px} .hero_car_sec sub,.hero_car_sec sup{font-size:65%!important} } @media only screen and (min-width:768px) and (max-width:1024px){.hero-panel.royalSlider{height:455px} .rsDefault .rsArrowIcn{margin-top:-48px} .hero-panel span img,.hero_car_sec span img{height:auto} .hero-panel .content h2,.hero-panel .content>a.all-text-wrap span.text,.hero_car_sec .content h2,.hero_car_sec .content>a.all-text-wrap span.text{font-size:2.979375em} .hero-panel .content>a.all-text-wrap span.text{font-size:3.6em} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{margin-top:5px;display:inline-block;font-size:.916875em;height:28px;margin-top:14px;line-height:1.4em;padding:6px 15px 0;font-family:'BrandonGrotesqueBlack'} .win.chrome .hero-panel .content a,.win.chrome .hero-panel .content>a.all-text-wrap span.cta,.win.chrome .hero-panel .content>a.all-text-wrap span.cta_more,.win.chrome .hero_car_sec .content a,.win.chrome .hero_car_sec .content>a.all-text-wrap span.cta,.win.chrome .hero_car_sec .content>a.all-text-wrap span.cta_more{line-height:17px} .hero-panel .content a,.hero-panel .content>a.all-text-wrap span.cta,.hero-panel .content>a.all-text-wrap span.cta_more,.hero_car_sec .content a,.hero_car_sec .content>a.all-text-wrap span.cta,.hero_car_sec .content>a.all-text-wrap span.cta_more{font-size:.9em} .hero_car_sec .subText,.hero_car_sec span.subText{font-size:1.03125em} .hero_car_sec .content .heroQuote{font-size:2em;line-height:1.1em;padding-left:20px;padding-top:3px} .hero_car_sec .content .heroQuoteSubHeading{line-height:21px;padding-bottom:5px;padding-left:20px;padding-right:20px;padding-top:5px;width:100%;font-size:1em!important} } @media only screen and (min-width:1021px) and (max-width:1024px){.hero-panel .content h2,.hero-panel .content>a.all-text-wrap span.text,.hero_car_sec .content h2,.hero_car_sec .content>a.all-text-wrap span.text{margin-top:-10px} } @media only projection and (min-width:1024px) and (max-width:1024px){.ie8 .hero-panel .rsOverflow{height:455px!important} } @media only screen and (min-width:768px){.hero_car_sec .cta_more{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} .hero_car_sec .cta_more:after{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} } .hero_car_sec .cta_more{z-index:4;border:0} .hero_car_sec .cta_more:after{content:'';position:absolute;z-index:-1} .hero_car_sec .cta_more:before{position:relative;-webkit-font-smoothing:antialiased} .hero_car_sec .cta_more:after{width:100%;height:0;top:0;left:0;background:#2a2b33} .hero_car_sec .cta_more:hover:after,.hero_car_sec .cta_more:active:after{height:100%} @media only screen and (min-width:319px) and (max-width:335px){.win.chrome .hero_car_sec .content{margin-top:-7px!important} .android .heroCarouselmaskImg{top:-24%!important;margin-top:-11%!important} .android .hero_car_sec .content{} .android .heroCarouselmaskImg{position:absolute!important;top:-2%!important;margin-top:-43%!important} } @media only screen and (min-width:335px) and (max-width:339px){.win.chrome .hero_car_sec .content{} } @media only screen and (min-width:340px) and (max-width:351px){.win.chrome .hero_car_sec .content{} } @media only screen and (min-width:352px) and (max-width:359px){.win.chrome .hero_car_sec .content{} } @media only screen and (min-width:360px) and (max-width:370px){.win.chrome .hero_car_sec .content{} .win.chrome .heroCarouselmaskImg{margin-top:-3%;top:0} .android .hero_car_sec .content{} .android .heroCarouselmaskImg{position:absolute!important;top:-2%!important;margin-top:-42%!important} } @media only screen and (min-width:371px) and (max-width:380px){.win.chrome .hero_car_sec .content{} .win.chrome .heroCarouselmaskImg{margin-top:-2%;top:0} } @media only screen and (min-width:382px) and (max-width:393px){.win.chrome .hero_car_sec .content{} .win.chrome .heroCarouselmaskImg{margin-top:4%;top:0} } /*hero-Panel*/ .ie_arch{width:100%; float:left; display:none; display:block \9; } .hero-panel{width:100%; overflow:hidden; float:left; min-height:300px;} .hero-panel img{width:100%; float:left;} .image-section{position:relative; float:left; width:100%; background:#FFF} .image-section .resolution{width:100%; display:none;} .image-section .resolution.active{width:100%; display:block;} .image-section img{ width:100%; vertical-align:bottom; -webkit-clip-path: url(../components/heropanel/css/#mask); clip-path: url(../components/heropanel/css/#mask); } .curve-section{position:relative; z-index:999; width:100%; float:left; } .content-section{position:absolute; top: 10%; left: 10%; } .content-section h2{color:#78fa6f; font-size:4.182em; font-family: 'BrandonGrotesqueBlack';} .content-section p{ color:#78fa6f; text-transform: uppercase; line-height: 1em; word-wrap: break-word; font-family: 'BrandonGrotesqueBold'; width: 70%; } .custom_height{width:100%; visibility:hidden; position:absolute; left:0px;} .Content-Sec{ min-height: 400px; z-index: 99999; width: 100%; float: left; padding-top:10%; padding-top:0 \9; } .Content-Sec h1{ padding-bottom:50px; float:left; } .bx-controls{position: absolute; margin-top: -40%; width: 100%;height:0; } .bx-pager,.bx-controls-auto{display:none;} .bx-controls-direction{text-indent: -9999px;} .image_slot{width:100%; float:left;} .bx-prev{ width: 37px; margin-left:2%; height: 69px; display:block; float:left; cursor: pointer; background: url('../images/bg_direction_nav1.png'); border-radius: 2px; background-position: 0px -69px; } .bx-next{ width: 37px; margin-right:2%; height: 69px; display:block; float:right; cursor: pointer; background: url('../images/bg_direction_nav1.png'); border-radius: 2px; } @media (min-width:451px) and (max-width:640px){ .hero-panel .content{position:absolute; height:auto;} .hero-pane h1{font-size:1.1em}; .hero-pane p{font-size:0.8em}; .bx-controls{position: absolute; margin-top: -50%; width: 100%; } .content span{position:relative; float:left; width:90%;} .hero-panel{min-height:200px;} } @media (min-width:320px) and (max-width:450px){ .hero-panel .content{position:absolute; height:auto;} .bx-controls{position: absolute; margin-top: -50%; width: 100%; } .bx-controls-direction{margin-top:0!important;} .content span{position:relative; float:left; width:90%;} .bx-prev{ width: 37px; margin-left:5%; height: 25px; display:block; float:left; cursor: pointer; background: url('../images/heroLeftArrow.png') no-repeat; border-radius: 2px; } .bx-next{ width: 37px; margin-right:5%; height: 25px; display:block; float:right; cursor: pointer; background: url('../images/heroRightArrow.png') no-repeat right top; border-radius: 2px; } .hero-panel{min-height:200px;} .hero-panel .bxslider .content{ min-height: 200px;} } @media (min-width:320px) and (max-width:330px){ .bx-controls-direction{margin-top:-30%;} } .content span{ position: relative; float: left; width: 100%; margin-top: 5%; } .content span h1, .content span p{width:100%; float:left;} .content span h1, .content span a{float:left;} .win.chrome .hero_car_sec .content a,.hero_car_sec .content a{line-height:38px!important;font-size: 1.25em!important; } .hero_car_sec .content h2 {font-size:5.62em!important;/*font-size:4.182em!important;*/} .hero_car_sec .subText, .hero_car_sec span.subText{font-size:1.4em!important;} @media (min-width:320px) and (max-width:450px){ .hero-carousel .content span, .hero_car_sec .content span{width:100%;} .hero-carousel .content, .hero_car_sec .content{padding:3% 0 11%;} .hero-carousel .content h2, .hero_car_sec .content h2{margin-top:0px;} } @media (min-width:768px) and (max-width:1024px){ .win.chrome .hero_car_sec .content a,.hero_car_sec .content a{line-height: 1.4em!important;font-size: .9em!important;} .hero_car_sec .content h2 {font-size:2.979375em!important;/*font-size:1.840em!important;*/} .hero_car_sec .subText, .hero_car_sec span.subText{font-size:1.03125em!important;/*font-size:1.031em!important;*/} } @media (max-width: 767px) and (min-width: 280px){ .win.chrome .hero_car_sec .content a,.hero_car_sec .content a{line-height:38px!important;font-size: .8em!important;height: 34px;} .hero_car_sec .content h2 {font-size:1.3em!important;/*font-size:1.171em!important;*/} .hero_car_sec .subText, .hero_car_sec span.subText{font-size:1em!important;} } @media (min-width:566px) and (max-width:767px){ .hero_car_sec .content h2 {font-size:2.979375em!important;/*font-size:1.840em!important;*/} .hero_car_sec .subText, .hero_car_sec span.subText{font-size:0.9em!important;/*font-size:1.031em!important;*/} } @media only screen and (max-width: 714px) and (min-width: 566px){ .hero_car_sec .content h2 {font-size:2.979375em!important;/*font-size:1.840em!important;*/} .hero_car_sec .subText, .hero_car_sec span.subText,.hero_car_sec .content .subText{font-size:0.9em!important;/*font-size:1.031em!important;*/} } html[lang="cn-cn"] .hero-carousel .content, html[lang="cn-cn"] .hero_car_sec .content, html[lang="cn-cn"] .hero-carousel .content a, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"] .hero_car_sec .content a, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"] .hero-carousel .content h2, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.text, html[lang="cn-cn"] .hero_car_sec .content h2, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.text { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; line-height: normal; } html[lang="cn-cn"] .hero-carousel .content a, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"] .hero_car_sec .content a, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].win.chrome .hero-carousel .content a, html[lang="cn-cn"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].win.chrome .hero_car_sec .content a, html[lang="cn-cn"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: normal; padding:3px 20px; } html[lang="cn-cn"].win.firefox .hero-carousel .content a, html[lang="cn-cn"].win.firefox .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.firefox .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].win.firefox .hero_car_sec .content a, html[lang="cn-cn"].win.firefox .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.firefox .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:2px; } html[lang="cn-cn"].mac.webkit .hero-carousel .content a, html[lang="cn-cn"].mac.webkit .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.webkit .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].mac.webkit .hero_car_sec .content a, html[lang="cn-cn"].mac.webkit .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.webkit .hero_car_sec .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].mac.firefox .hero-carousel .content a, html[lang="cn-cn"].mac.firefox .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.firefox .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].mac.firefox .hero_car_sec .content a, html[lang="cn-cn"].mac.firefox .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.firefox .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: normal; padding-top:7px; } html[lang="cn-cn"] .hero_car_sec .content .heroQuote, html[lang="cn-cn"] .hero_car_sec .subText, html[lang="cn-cn"] .hero_car_sec span.subText { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"].android.maxw_320 .txtAlignCntr .heroCarouselmaskImg { text-align:left !important; } html[lang="cn-cn"].ie8 .hero_car_sec .subText, .hero_car_sec span.subText{ margin-top:10px !important; } html[lang="cn-cn"].mac.webkit .hero-carousel .content h2, .mac.webkit .hero_car_sec .content h2 { line-height: normal; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="cn-cn"] .hero-carousel .content a, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"] .hero_car_sec .content a, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].win.chrome .hero-carousel .content a, html[lang="cn-cn"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].win.chrome .hero_car_sec .content a, html[lang="cn-cn"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: normal; padding:5px 20px !important; } html[lang="cn-cn"].iphone .hero-carousel .content a, html[lang="cn-cn"].iphone .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].iphone .hero_car_sec .content a, html[lang="cn-cn"].iphone .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:7px !important; } } @media only screen and (min-width: 451px) and (max-width: 564px) { html[lang="cn-cn"] .hero-carousel .content a, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"] .hero_car_sec .content a, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"] .hero_car_sec .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].win.chrome .hero-carousel .content a, html[lang="cn-cn"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].win.chrome .hero_car_sec .content a, html[lang="cn-cn"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:8px !important; } html[lang="cn-cn"].ie10 .hero-carousel .content a, html[lang="cn-cn"].ie10 .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie10 .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].ie10 .hero_car_sec .content a, html[lang="cn-cn"].ie10 .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie10 .hero_car_sec .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].ie11 .hero-carousel .content a, html[lang="cn-cn"].ie11 .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie11 .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].ie11 .hero_car_sec .content a, html[lang="cn-cn"].ie11 .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie11 .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:9px !important; } } @media only screen and (min-width: 280px) and (max-width: 449px) { html[lang="cn-cn"].iphone .hero-carousel .content a, html[lang="cn-cn"].iphone .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].iphone .hero_car_sec .content a, html[lang="cn-cn"].iphone .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding:6px 20px; } html[lang="cn-cn"].android .hero-carousel .content a, html[lang="cn-cn"].android .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].android .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].android .hero_car_sec .content a, html[lang="cn-cn"].android .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].android .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:8px !important; line-height: normal; } } @media only screen and (min-width: 450px) and (max-width: 767px) { html[lang="cn-cn"].iphone .hero-carousel .content a, html[lang="cn-cn"].iphone .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].iphone .hero_car_sec .content a, html[lang="cn-cn"].iphone .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:5px !important; line-height: normal; } html[lang="cn-cn"].android .hero-carousel .content a, html[lang="cn-cn"].android .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].android .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].android .hero_car_sec .content a, html[lang="cn-cn"].android .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].android .hero_car_sec .content > a.all-text-wrap span.cta_more{ padding-top:8px !important; line-height: normal; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="cn-cn"].ipad .hero-carousel .content a, html[lang="cn-cn"].ipad .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].ipad .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].ipad .hero_car_sec .content a, html[lang="cn-cn"].ipad .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].ipad .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: normal; padding-top:6px; } } html[lang="cn-cn"].device_xt890 .hero-carousel .content a, html[lang="cn-cn"].device_xt890 .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].device_xt890 .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].device_xt890 .hero_car_sec .content a, html[lang="cn-cn"].device_xt890 .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].device_xt890 .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: normal; padding-top:0px !important; } /*S3 Default browser*/ @media only screen and (min-width: 320px) and (max-width: 360px) { html[lang="cn-cn"].android.device_gt_i9300 .hero-carousel .content a, html[lang="cn-cn"].android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta, html[lang="cn-cn"].android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].android.device_gt_i9300 .hero_car_sec .content a, html[lang="cn-cn"].android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="cn-cn"].android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:16px; } } html[lang="pt-br"].android.maxw_320 .txtAlignCntr .heroCarouselmaskImg { text-align:left !important; } @media only screen and (min-width:566px) and (max-width:767px) { html[lang="pt-br"].win.chrome .hero-carousel .content a, html[lang="pt-br"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="pt-br"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="pt-br"].win.chrome .hero_car_sec .content a, html[lang="pt-br"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="pt-br"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 1.7em !important; } } @media only screen and (min-width:450px) and (max-width:565px) { html[lang="pt-br"].win.chrome .hero-carousel .content a, html[lang="pt-br"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="pt-br"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="pt-br"].win.chrome .hero_car_sec .content a, html[lang="pt-br"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="pt-br"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 35px !important; } } @media only screen and (min-width: 640px) and (max-width: 640px) { html[lang="en-in"].android .hero-carousel .content a, html[lang="en-in"].android .hero-carousel .content > a.all-text-wrap span.cta, html[lang="en-in"].android .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="en-in"].android .hero_car_sec .content a, html[lang="en-in"].android .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="en-in"].android .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: 1.6em!important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { html[lang="en-in"].iphone .hero-carousel .content a, html[lang="en-in"].iphone .hero-carousel .content > a.all-text-wrap span.cta, html[lang="en-in"].iphone .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="en-in"].iphone .hero_car_sec .content a, html[lang="en-in"].iphone .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="en-in"].iphone .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: 1.6em!important; } } @media only screen and (min-width:360px) and (max-width:360px) { html[lang="en-sg"].android4_0.device_gt_i9300 .hero-carousel .content > a.cta_more { line-height: 32px; } html[lang="en-sg"].android.maxw_320 .hero-carousel .content > a.cta_more{ line-height:33px !important; } } @media only screen and (min-width:640px) and (max-width:640px) { html[lang="en-sg"].android.maxw_640 .hero-carousel .content > a.cta_more { padding-top:8px; } html[lang="en-sg"].android.maxw_1280 .hero-carousel .content > a.cta_more { padding-top:8px; } html[lang="en-sg"].android4_0.device_gt_i9300 .hero-carousel .content > a.cta_more { line-height: 18px; } } @media only screen and (min-width:360px) and (max-width:360px){ html[lang="en-sg"].android.device_xt890 .hero-carousel .content a, html[lang="en-sg"].android.device_xt890 .hero-carousel .content > a.all-text-wrap span.cta, html[lang="en-sg"].android.device_xt890 .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="en-sg"].android.device_xt890 .hero_car_sec .content a, html[lang="en-sg"].android.device_xt890 .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="en-sg"].android.device_xt890 .hero_car_sec .content > a.all-text-wrap span.cta_more{ line-height: 40px !important; height:34px; } } html[lang="ja-jp"] .hero-carousel .content, html[lang="ja-jp"] .hero_car_sec .content { font-family: 'Meiryo'; } html[lang="ja-jp"] .hero-carousel .content a, html[lang="ja-jp"] .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"] .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"] .hero_car_sec .content a, html[lang="ja-jp"] .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"] .hero_car_sec .content > a.all-text-wrap span.cta_more { font-family: 'Meiryo'; font-weight: bold; } html[lang="ja-jp"].mac.gecko .hero-carousel .content a, html[lang="ja-jp"].mac.gecko .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].mac.gecko .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].mac.gecko .hero_car_sec .content a, html[lang="ja-jp"].mac.gecko .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].mac.gecko .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:34px !important; } html[lang="ja-jp"].win.chrome .hero-carousel .content a, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].win.chrome .hero_car_sec .content a, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:36px !important; } html[lang="ja-jp"] .hero-carousel .content h2, html[lang="ja-jp"] .hero-carousel .content > html[lang="ja-jp"] a.all-text-wrap span.text, html[lang="ja-jp"] .hero_car_sec .content h2, html[lang="ja-jp"] .hero_car_sec .content > a.all-text-wrap span.text { font-family: 'Meiryo'; font-weight: bold; } html[lang="ja-jp"] .hero_car_sec .subText, html[lang="ja-jp"] .hero_car_sec span.subText { font-family: 'Meiryo'; } html[lang="ja-jp"] .hero_car_sec .content .heroQuote { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .hero_car_sec .content .heroQuoteSubHeading { font-family: Georgia; } @media only screen and (min-width: 566px) and (max-width: 767px) { html[lang="ja-jp"] .hero-carousel .content a, html[lang="ja-jp"] .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"] .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"] .hero_car_sec .content a, html[lang="ja-jp"] .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"] .hero_car_sec .content > a.all-text-wrap span.cta_more { font-family: 'Meiryo'; line-height: 18px; } html[lang="ja-jp"].win.chrome .hero-carousel .content a, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].win.chrome .hero_car_sec .content a, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:19px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .hero-carousel .content a, html[lang="ja-jp"] .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"] .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"] .hero_car_sec .content a, html[lang="ja-jp"] .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"] .hero_car_sec .content > a.all-text-wrap span.cta_more { font-family: 'Meiryo'; line-height: 16px; } html[lang="ja-jp"].win.chrome .hero-carousel .content a, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].win.chrome .hero_car_sec .content a, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:19px !important; } } @media only screen and (min-width: 1025px) { html[lang="ja-jp"].gecko .hero-carousel .content a, html[lang="ja-jp"].gecko .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].gecko .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].gecko .hero_car_sec .content a, html[lang="ja-jp"].gecko .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].gecko .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height: 33px; } } @media only screen and (min-width:320px) and (max-width:450px){ html[lang="ja-jp"].iphone .hero-carousel .content > a.cta_more { line-height: 28px; } html[lang="ja-jp"].win.chrome .hero-carousel .content a, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].win.chrome .hero_car_sec .content a, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].win.chrome .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:33px !important; } } @media only screen and (min-width:568px) and (max-width:568px) { html[lang="ja-jp"].iphone .hero-carousel .content > a.cta_more { line-height: 12px; } } /* Reducing the font size for breaking 2 line across IE Browsers */ /* html[lang="ja-jp"] .hero-carousel .content h2, html[lang="ja-jp"] .hero_car_sec .content h2{ font-size: 4.375em; } html[lang="ja-jp"] .hero_car_sec .subText, html[lang="ja-jp"] .hero_car_sec span.subText{ width: 90%; } @media only screen and (min-width:320px) and (max-width:565px) { html[lang="ja-jp"] .hero-carousel .content h2, html[lang="ja-jp"] .hero_car_sec .content h2{ font-size: 1.3em; } html[lang="ja-jp"] .hero_car_sec .subText, html[lang="ja-jp"] .hero_car_sec span.subText{ font-size: 0.875em !important; width:100%; } } @media only screen and (min-width:566px) and (max-width:767px) { html[lang="ja-jp"] .hero-carousel .content h2, html[lang="ja-jp"] .hero_car_sec .content h2{ font-size: 2.25em; } } @media only screen and (min-width:768px) and (max-width:1024px) { html[lang="ja-jp"] .hero-carousel .content h2, html[lang="ja-jp"] .hero_car_sec .content h2{ font-size: 2.5em; } } @media only screen and (min-width:1024px) and (max-width:1200px) { html[lang="ja-jp"] .hero-carousel .content h2, html[lang="ja-jp"] .hero_car_sec .content h2{ font-size: 3.8em; } } */ html[lang="ja-jp"] .hero_car_sec .subText, html[lang="ja-jp"] .hero_car_sec span.subText{ width: 90%; } @media only screen and (min-width:320px) and (max-width:565px) { html[lang="ja-jp"] .hero_car_sec .subText, html[lang="ja-jp"] .hero_car_sec span.subText{ font-size: 0.875em !important; width:100%; } } /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android .hero-carousel .content a{ line-height: 31px !important; } html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .hero-carousel .content a{ line-height: normal !important; padding-top:8px !important; } } /*****micro max default landscape*****/ @media only screen and (min-width:569px) and (max-width:569px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_768 .hero-carousel .content a{ padding-top:7px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .hero-carousel .content a { line-height: normal !important; } } /*S3 Default browser*/ @media only screen and (min-width: 320px) and (max-width: 360px) { html[lang="ja-jp"].android.device_gt_i9300 .hero-carousel .content a, html[lang="ja-jp"].android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].android.device_gt_i9300 .hero_car_sec .content a, html[lang="ja-jp"].android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:28px; } } @media only screen and (min-width: 640px) and (max-width: 640px) { html[lang="ja-jp"].android.device_gt_i9300 .hero-carousel .content a, html[lang="ja-jp"].android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta, html[lang="ja-jp"].android.device_gt_i9300 .hero-carousel .content > a.all-text-wrap span.cta_more, html[lang="ja-jp"].android.device_gt_i9300 .hero_car_sec .content a, html[lang="ja-jp"].android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta, html[lang="ja-jp"].android.device_gt_i9300 .hero_car_sec .content > a.all-text-wrap span.cta_more { line-height:12px; } } /* * * Section Title with Mask Starts * */ .sectionTitleWithMask { margin: 0 auto; width: 100%; padding: 0 0; position: relative; z-index: 1; float: left; } .sectionTitleWithMask h2 { margin: 0 auto; font-family: 'BrandonGrotesqueBold'; text-align: center; text-transform: uppercase; font-size: 1.45em; line-height: 1em; position: relative; z-index: 1; } .sectionTitleWithMask h2 span { padding: 10px 20px 3px; background-color: rgb(42, 43, 51); text-align: center; color: #fff; display: inline-block; min-width: 300px; height: 50px; line-height: 35px; } .sectionTitleWithMask .container-fixed-960, .sectionTitleWithMask .container-fixed-75Perc { position: relative; } .sectionPanel .sectionPanelContent .maskColorFiller .container-fixed-75Perc { width: 100% !important; } .sectionTitleWithMask hr { margin: 0 auto; padding: 0; width: 100%; border: 0; border-top: 1px solid #b7b7b7; position: absolute; top: 50%; z-index: 0; } .sectionTitleWithMask .maskColorFiller { clear: both; width: 100%; position: relative; margin-top: -6px; padding-bottom: 42px; } .ie .sectionTitleWithMask .maskColorFiller { padding-top:40px; } .sectionTitleWithMask .maskColorFiller .container-fixed-960, .sectionTitleWithMask .maskColorFiller .container-fixed-75Perc { width: 75%; } .sectionTitleWithMask.notch .maskColorFiller .container-fixed-960 , .sectionTitleWithMask.notch .maskColorFiller .container-fixed-75Perc { top: -8px; } .sectionTitleWithMask.curve .maskColorFiller .container-fixed-960, .sectionTitleWithMask.curve .maskColorFiller .container-fixed-75Perc { top: -5px; } .sectionTitleWithMask.noNotch .maskColorFiller .container-fixed-960, .sectionTitleWithMask.noNotch .maskColorFiller .container-fixed-75Perc { top: 0; } .sectionTitleWithMask.noNotch .maskColorFiller{ margin-top:0; padding-bottom: 50px; } .sectionTitleWithMask.noNotch.top50Space{ margin-top: 50px; } .sectionTitleWithMask.noNotch.specialTitle{ background-color: #D9DADB; margin-top: 0 !important; padding-top: 50px !important; } .win.webkit .sectionTitleWithMask h2 span { padding-top: 8px !important; } .mac.webkit .sectionTitleWithMask h2 span { padding-top: 11px !important; } /* * * Background Colors * */ .sectionTitleWithMask .maskColorFiller { background-color: transparent; } .inner-sectionTitle .sectionTitleWithMask .maskColorFiller .container-fixed-960, .inner-sectionTitle .sectionTitleWithMask .maskColorFiller .container-fixed-75Perc { width:100% !important; } /* * * Mask Themes Goes Here * */ .sectionTitleWithMask.colorPalette_Yellow .maskColorFiller, .sectionTitleWithMask.colorPalette_Yellow .ieMask, .sectionTitleWithMask.colorPalette_Yellow .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_Yellow { background-color: #FFF729; } .sectionTitleWithMask.colorPalette_DarkYellow .maskColorFiller, .sectionTitleWithMask.colorPalette_DarkYellow .ieMask, .sectionTitleWithMask.colorPalette_DarkYellow .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_DarkYellow { background-color: #DED548; } .sectionTitleWithMask.colorPalette_Fuscia .maskColorFiller, .sectionTitleWithMask.colorPalette_Fuscia .ieMask, .sectionTitleWithMask.colorPalette_Fuscia .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_Fuscia { background-color: #d43ff5; } .sectionTitleWithMask.colorPalette_DarkFuscia .maskColorFiller, .sectionTitleWithMask.colorPalette_DarkFuscia .ieMask, .sectionTitleWithMask.colorPalette_DarkFuscia .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_DarkFuscia { background-color: #774078; } .sectionTitleWithMask.colorPalette_Cyan .maskColorFiller, .sectionTitleWithMask.colorPalette_Cyan .ieMask, .sectionTitleWithMask.colorPalette_Cyan .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_Cyan { background-color: #00fefd; } .sectionTitleWithMask.colorPalette_Blue .maskColorFiller, .sectionTitleWithMask.colorPalette_Blue .ieMask, .sectionTitleWithMask.colorPalette_Blue .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_Fuscia { background-color: #00fefd; } .sectionTitleWithMask.colorPalette_DarkBlue .maskColorFiller, .sectionTitleWithMask.colorPalette_DarkBlue .ieMask, .sectionTitleWithMask.colorPalette_DarkBlue .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_DarkBlue { background-color: #00747e; } .sectionTitleWithMask.colorPalette_Green .maskColorFiller, .sectionTitleWithMask.colorPalette_Green .ieMask, .sectionTitleWithMask.colorPalette_Green .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_Green { background-color: #78fa6f; } .sectionTitleWithMask.colorPalette_DarkGreen .maskColorFiller, .sectionTitleWithMask.colorPalette_DarkGreen .ieMask, .sectionTitleWithMask.colorPalette_DarkGreen .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_DarkGreen { background-color: #5fba5c; } .sectionTitleWithMask.colorPalette_Orange .maskColorFiller, .sectionTitleWithMask.colorPalette_Orange .ieMask, .sectionTitleWithMask.colorPalette_Orange .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_Orange { background-color: #FF9614; } .sectionTitleWithMask.colorPalette_DarkOrange .maskColorFiller, .sectionTitleWithMask.colorPalette_DarkOrange .ieMask, .sectionTitleWithMask.colorPalette_DarkOrange.applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_DarkOrange { background-color: #b66f2b; } .sectionTitleWithMask.colorPalette_Gray .maskColorFiller, .sectionTitleWithMask.colorPalette_Gray .ieMask, .sectionTitleWithMask.colorPalette_Gray .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_Gray { background-color: #2A2B33; } .sectionTitleWithMask.colorPalette_DarkGray .maskColorFiller, .sectionTitleWithMask.colorPalette_DarkGray .ieMask, .sectionTitleWithMask.colorPalette_DarkGray .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_DarkGray { background-color: #191b22; } .sectionTitleWithMask.colorPalette_White .maskColorFiller, .sectionTitleWithMask.colorPalette_White .ieMask, .sectionTitleWithMask.colorPalette_White .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_White { background-color: #FFFFFF; } .sectionTitleWithMask.colorPalette_LightGray .maskColorFiller, .sectionTitleWithMask.colorPalette_LightGray .ieMask, .sectionTitleWithMask.colorPalette_LightGray .applyMaskHere, .sectionTitleWithMask.noNotch.specialTitle.colorPalette_LightGray { background-color: #FFFFFF; } .container-fluid-new { background-color: #D9DADB; } /* * * No Mask * */ .sectionTitleWithMask[data-mask="none"] .maskColorFiller { background: none; margin-top: 0; padding-bottom: 0; } /* * * Mask only * * */ .sectionTitleWithMask[data-maskonly="true"] h2, .sectionTitleWithMask[data-maskonly="true"] hr, .sectionTitleWithMask[data-maskonly="true"] .maskColorFiller { display: none; } /* Overrides */ .inspirationSec { top: 0 !important; margin-top: 0 !important; clear: both; } .ie .sectionTitleWithMask .ieMask { position: relative; overflow: hidden; top: 0; background-color: #D9DADB; } /* * * Section Title with Mask Ends * */ /* * * XLink Chanegs: * * */ .sectionTitleWithMask.notch { margin-top: -55px; } .sectionTitleWithMask[data-maskonly="true"].notch { margin-top: -55px; } .sectionTitleWithMask.curve { margin-top: -165px; } .sectionTitleWithMask[data-maskonly="true"].curve { margin-top: -165px; } .sectionTitleWithMask .applyMask .svgMask { margin-top: 1px; } /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 640px) { .sectionTitleWithMask .maskColorFiller .container-fixed-960, .sectionTitleWithMask .maskColorFiller .container-fixed-75Perc{ width:100% !important; } .sectionTitleWithMask .maskColorFiller { clear: both; padding-bottom: 40px; position: relative; width: 100%; padding-left: 10px; padding-right: 10px; } .sectionTitleWithMask h2 { font-size: 0.85em; padding-top:2px; } .sectionTitleWithMask h2 span { min-width: 161px; padding: 9px 10px 8px 10px !important; height: 32px !important; line-height: 18px; } .headerTag { font-size: 1.1em; width: 220px; } .sectionTitleWithMask.notch, .sectionTitleWithMask.curve { margin-top: 0; } .sectionTitleWithMask .applyMask { display: none; } .sectionTitleWithMask.notch .maskColorFiller .container-fixed-960 { top: 0; } .sectionTitleWithMask .maskColorFiller { padding-bottom: 25px; padding-left: 10px; padding-right: 10px; padding-top: 0; margin-top:-1px; } .sectionTitleWithMask.notch .maskColorFiller .container-fixed-960 , .sectionTitleWithMask.notch .maskColorFiller .container-fixed-75Perc { top: 0; } .sectionTitleWithMask.curve .maskColorFiller .container-fixed-960, .sectionTitleWithMask.curve .maskColorFiller .container-fixed-75Perc { top: 0; } .sectionTitleWithMask.noNotch .maskColorFiller .container-fixed-960, .sectionTitleWithMask.noNotch .maskColorFiller .container-fixed-75Perc { top: 0; } .sectionTitleWithMask.noNotch .maskColorFiller{ margin-top:0; padding-bottom: 15px; } .win.webkit .sectionTitleWithMask h2 span { padding-top: 7px!important; } /* =280 - 600px= */ } @media only screen and (min-width: 280px) and (max-width: 767px) { /*************mobile theme*******************/ .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Yellow .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Yellow .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Yellow .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_Yellow { background-color: #FFF729 !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkYellow .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkYellow .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkYellow .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_DarkYellow { background-color: #DED548 !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Fuscia .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Fuscia .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Fuscia .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_Fuscia { background-color: #d43ff5 !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkFuscia .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkFuscia .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkFuscia .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_DarkFuscia { background-color: #774078 !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Cyan .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Cyan .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Cyan .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_Cyan { background-color: #00fefd !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Blue .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Blue .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Blue .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_Fuscia { background-color: #00fefd !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkBlue .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkBlue .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkBlue .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_DarkBlue { background-color: #00747e !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Green .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Green .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Green .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_Green { background-color: #78fa6f !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkGreen .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkGreen .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkGreen .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_DarkGreen { background-color: #5fba5c !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Orange .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Orange .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Orange .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_Orange { background-color: #FF9614 !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkOrange .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkOrange .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkOrange.applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_DarkOrange { background-color: #b66f2b !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Gray .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Gray .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_Gray .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_Gray { background-color: #2A2B33 !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkGray .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkGray .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_DarkGray .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_DarkGray { background-color: #191b22 !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_White .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_White .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_White .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_White { background-color: #FFFFFF !important; } .sectionTitleWithMask.sectionTitleInside.m_colorPalette_LightGray .maskColorFiller, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_LightGray .ieMask, .sectionTitleWithMask.sectionTitleInside.m_colorPalette_LightGray .applyMaskHere, .sectionTitleWithMask.sectionTitleInside.noNotch.specialTitle.m_colorPalette_LightGray { background-color: !important; } /*************mobile theme ends*******************/ } /****** ===== 280 - 600px Ends ===== ****** *******************************************/ @media only screen and (min-width: 641px) and (max-width: 768px) { .sectionTitleWithMask .maskColorFiller .container-fixed-960, .sectionTitleWithMask .maskColorFiller .container-fixed-75Perc { width: 79.427%; } .sectionTitleWithMask.curve { margin-top: -100px; } .sectionTitleWithMask.notch { margin-top: -36px; } .sectionTitleWithMask[data-maskonly="true"].notch { margin-top: -36px; } .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -105px; } .sectionTitleWithMask h2 { font-family: 'BrandonGrotesqueBold'; font-size: 1.15375em; line-height: 1em; } .sectionTitleWithMask h2 span { height: 30px; line-height: 10px; padding-left:30px; padding-right:30px; padding-top: 12px; } .sectionTitleWithMask .maskColorFiller { padding-bottom: 35px; } .sectionTitleWithMask h2 span { min-width: 200px; } .sectionTitleWithMask[data-maskonly="true"].curve { margin-top: -100px; } .sectionTitleWithMask[data-maskonly="true"].notch { margin-top: -35px; } .sectionTitleWithMask.noNotch .maskColorFiller{ padding-bottom: 40px; } .sectionTitleWithMask.notch .maskColorFiller .container-fixed-960 , .sectionTitleWithMask.notch .maskColorFiller .container-fixed-75Perc { top: -4px; } /* Notch space fix */ .sectionTitleWithMask { margin-top: -1px; } .ie11.ie .sectionTitleWithMask .maskColorFiller { margin-top: 0px !important; } .ie11.ie .sectionTitleWithMask .maskColorFiller { padding-top:0px !important; } } /****** ===== 768 - 1020px Starts ===== ****** **********************************************/ @media only screen and (min-width: 769px) and (max-width: 1024px) { .sectionTitleWithMask .maskColorFiller .container-fixed-960, .sectionTitleWithMask .maskColorFiller .container-fixed-75Perc { width: 79.427%; } .ie .sectionTitleWithMask .maskColorFiller { margin-top: -30px !important; } .ie11.ie .sectionTitleWithMask .maskColorFiller { margin-top: -1px !important; } .ie11.ie .sectionTitleWithMask .maskColorFiller { padding-top:0px !important; } .sectionTitleWithMask[data-maskonly="true"].notch { margin-top: -46px; } .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -105px; } .sectionTitleWithMask.curve { margin-top: -145px; } .sectionTitleWithMask h2 span { min-width: 200px; height: 30px; line-height: 10px; padding-left:30px; padding-right:30px; padding-top: 12px; } .sectionTitleWithMask h2 { font-family: 'BrandonGrotesqueBold'; font-size: 1.15375em; line-height: 1em; } .sectionTitleWithMask .maskColorFiller { padding-bottom: 35px; } .sectionTitleWithMask.noNotch .maskColorFiller{ padding-bottom: 40px; } .sectionTitleWithMask .applyMask .svgMask { margin-top: 2px; } } @media only screen and (min-width: 900px) and (max-width: 945px) { .ie .sectionTitleWithMask .maskColorFiller { margin-top: -29px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1024px) { .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -130px !important; -webkit-margin-before:-139px !important; } .ie8 .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -143px !important; } } @media only screen and (min-width: 820px) and (max-width: 900px) { .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -108px !important; } } @media only screen and (min-width: 901px) and (max-width: 926px) { .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -115px !important; } } @media only screen and (min-width: 927px) and (max-width: 970px) { .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -125px !important; } } @media only screen and (min-width: 971px) and (max-width: 1023px) { .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -132px; } } /****** ===== 768 - 1020px Ends ===== ****** **********************************************/ @media only screen and (min-width: 1025px) and (max-width: 1180px) { .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -140px !important; } .ie .sectionTitleWithMask .maskColorFiller { margin-top: -29px !important; } .ie8 .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -130px !important; } } @media only screen and (min-width: 1181px) and (max-width: 1280px) { .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -160px !important; } } @media only screen and (min-width: 1281px) and (max-width: 1440px) { .sectionTitleWithMask[data-maskonly="true"].curve { margin-top: -178px; } .sectionTitleWithMask[data-maskonly="true"].notch { margin-top: -65px; } .sectionTitleWithMask.notch { margin-top: -65px; } .sectionTitleWithMask.curve { margin-top: -185px; } } @media only screen and (min-width: 1281px) and (max-width: 1320px) { .firefox .sectionTitleWithMask.curve[data-maskonly="true"], .chrome .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -172px; } } @media only screen and (min-width: 280px) and (max-width: 767px) { .container-fluid-new { background-color: #FFF !important; } } /*@media only projection and (min-width: 1000px) and (max-width: 1050px) { .ie8 .sectionTitleWithMask.sectionTitleInside.curve .iemaskContainer { width:100.2% !important; } } @media only screen and (min-width: 1000px) and (max-width: 1050px) { .ie8 .sectionTitleWithMask.sectionTitleInside.curve .iemaskContainer { width:100.2% !important; } }*/ @media only screen and (min-width: 900px) and (max-width: 1050px) { .ie8 .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -136px; } } @media only projection and (min-width: 900px) and (max-width: 1050px) { .ie8 .sectionTitleWithMask.curve[data-maskonly="true"] { margin-top: -136px; } } @media only screen and (min-width: 641px) and (max-width: 1024px) { .win.webkit .sectionTitleWithMask h2 span { padding-top: 10px !important; } } @media only screen and (min-width:1210px){ /* Section title text alignment for ie8 */ .ie8 .sectionTitleWithMask h2 span{ line-height: 38px; } } /* Section title text alignment for ie8 */ @media only screen and (min-width:360px) and (max-width:640px) { .android4_0.device_gt_i9300 .sectionTitleWithMask h2 span{ padding-top:11px !important; } } /************** MEDIA CENTER STARTS ***********************/ .sectionTitleWithMask.media-sectionTitleNoMask{ font-size:1em !important; } .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller{ background-color:transparent !important; padding-top:0px; padding-bottom:0; float:left; } .win.webkit .sectionTitleWithMask.media-sectionTitleNoMask h2 span, .mac.webkit .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ padding-top:0 !important; } .sectionTitleWithMask.media-sectionTitleNoMask h2{ text-align:left; font-size:1em !important; font-family:"BrandonGrotesqueBlack" !important; } .sectionTitleWithMask.media-sectionTitleNoMask hr, .sectionTitleWithMask.media-sectionTitleNoMask svg{ display:none; } .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller .container-fixed-960, .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller .container-fixed-75Perc{ width:100%; } .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ color:rgb(42, 43, 51); background-color:transparent; padding:0; text-align:left; font-size:2em !important; } .sectionTitleWithMask.media-sectionTitleNoMask.notch{ margin-top:0px !important; } @media only screen and (min-width:280px) and (max-width:767px){ .sectionTitleWithMask.media-sectionTitleNoMask{ font-size:1em !important; } .sectionTitleWithMask.media-sectionTitleNoMask h2{ font-size:1em !important; } .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ padding-left:0px !important; height: 25px !important; line-height: 20px !important; font-size:1.25em !important; padding-top:0px !important; } .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller{ padding-left:10px !important; } } @media only screen and (min-width: 280px) and (max-width: 640px){ .ie8 .sectionTitleWithMask{ margin-top:0px !important; } .ie8 .sectionTitleWithMask.media-sectionTitleNoMask h2{ padding-top:0px !important; } .ie8 .sectionTitleWithMask.media-sectionTitleNoMask.noNotch .maskColorFiller{ padding-bottom:0px !important; } } @media only screen and (min-width: 641px) and (max-width: 1024px){ .ie8 .sectionTitleWithMask.media-sectionTitleNoMask.noNotch .maskColorFiller{ padding-bottom:0px !important; } } @media only screen and (min-width:768px) and (max-width:1024px){ .sectionTitleWithMask.media-sectionTitleNoMask{ font-size:1em !important; } .sectionTitleWithMask.media-sectionTitleNoMask h2{ font-size:1em !important; } .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ padding-left:0px !important; height: 50px !important; line-height: 22px !important; font-size:1.375em !important; } } @media only projection and (min-width:1024px) and (max-width:1024px){ .sectionTitleWithMask h2 span{ line-height:11px; } } /*S3 Default browser*/ @media only screen and (min-width:320px) and (max-width:767px) { .android.device_gt_i9300 .sectionTitleWithMask h2 span{ padding-top: 8px !important; } } /***************MEDIA CENTER ENDS**********************/ @media only screen and (max-width: 640px) and (min-width: 280px){ html[lang="pt-br"].win.webkit .sectionTitleWithMask h2 span { padding-top: 7px!important; } } @media only screen and (min-width:320px) and (max-width:767px) { html[lang="pt-br"].android.device_xt890 .sectionTitleWithMask.noNotch .maskColorFiller{ margin-top:-6px !important; } } @media only screen and (max-width: 768px) and (min-width: 768px){ html[lang="pt-br"] .sectionTitleWithMask h2 { padding-top:10px !important; } } @media only screen and (min-width:1210px) and (max-width:1440px){ /* Section title text alignment for ie8 */ html[lang="pt-br"].ie8 .sectionTitleWithMask .container-fixed-960 h2 span{ line-height: 42px !important; } } /* Section title text alignment for ie8 */ html[lang="cn-cn"] .sectionTitleWithMask h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"].win.webkit .sectionTitleWithMask h2 span{ padding-top:8px !important; } /** Section Title Alignment **/ html[lang="cn-cn"] .sectionTitleWithMask h2 span { padding: 8px 20px 5px; line-height: normal; } html[lang="cn-cn"].mac.firefox .sectionTitleWithMask h2 span { padding-top: 13px; } @media only screen and (min-width: 280px) and (max-width: 767px){ html[lang="cn-cn"].win.webkit .sectionTitleWithMask h2 span{ padding-top:6px !important; } html[lang="cn-cn"].iphone .sectionTitleWithMask h2 span { padding-top:7px !important; } html[lang="cn-cn"].android .sectionTitleWithMask h2 span{ padding-top:8px !important; } } @media only screen and (min-width: 280px) and (max-width: 640px){ html[lang="cn-cn"] .sectionTitleWithMask h2 span { padding-top:6px !important; } } @media only screen and (min-width: 641px) and (max-width: 767px){ html[lang="cn-cn"] .sectionTitleWithMask h2 span { padding-top:2px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ html[lang="cn-cn"] .sectionTitleWithMask h2 span { padding-top:2px !important; } html[lang="cn-cn"].win.webkit .sectionTitleWithMask h2 span{ padding-top:2px !important; } html[lang="cn-cn"].ipad .sectionTitleWithMask h2 span{ padding-top:5px !important; } } @media only screen and (min-width:640px) and (max-width:767px){ html[lang="cn-cn"].ie11 .sectionTitleWithMask h2 span{ padding-top:2px !important; } } @media only screen and (min-width:360px) and (max-width:360px) { html[lang="en-sg"].android .sectionTitleWithMask h2 span{ padding-top:10px !important; } } @media only screen and (min-width: 641px) and (max-width: 768px) { html[lang="en-sg"].ie8 .sectionTitleWithMask h2 span { padding-top: 10px !important; } html[lang="en-sg"].win.firefox .sectionTitleWithMask h2 span { padding-top: 10px !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { html[lang="en-sg"].ie8 .sectionTitleWithMask h2 span { padding-top: 12px !important; } } @media only screen and (min-width:360px) and (max-width:360px){ html[lang="en-sg"].android.device_xt890 .sectionTitleWithMask h2 span{ line-height:12px !important; } } html[lang="ja-jp"] .sectionTitleWithMask h2 { font-family: 'Meiryo'; padding-top:6px !important; } html[lang="ja-jp"].ie .sectionTitleWithMask h2 span { padding-top:8px; } html[lang="ja-jp"].win.webkit .sectionTitleWithMask h2 span { padding-top: 8px !important; } html[lang="ja-jp"].mac.gecko .sectionTitleWithMask h2 span{ padding-top:7px !important; } html[lang="ja-jp"].mac.chrome .sectionTitleWithMask h2 span { padding-top: 9px!important; } @media only screen and (min-width: 641px) and (max-width: 768px) { html[lang="ja-jp"] .sectionTitleWithMask h2 { font-family: 'Meiryo'; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { html[lang="ja-jp"] .sectionTitleWithMask h2 { font-family: 'Meiryo'; } html[lang="ja-jp"].win.webkit .sectionTitleWithMask h2 span { padding-top: 11px !important; } } @media only screen and (min-width:360px) and (max-width:640px) { html[lang="ja-jp"] .sectionTitleWithMask.media-sectionTitleNoMask h2{ font-family:"Meiryo" !important; } } @media only screen and (min-width:641px) and (max-width:768px) { html[lang="ja-jp"].ie9 .sectionTitleWithMask h2 span, html[lang="ja-jp"].ie10 .sectionTitleWithMask h2 span, html[lang="ja-jp"].ie11 .sectionTitleWithMask h2 span{ padding-top: 11px !important; } } @media only screen and (min-width:769px) and (max-width:1024px) { html[lang="ja-jp"].ie9 .sectionTitleWithMask h2 span, html[lang="ja-jp"].ie10 .sectionTitleWithMask h2 span, html[lang="ja-jp"].ie11 .sectionTitleWithMask h2 span{ padding-top: 11px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"].ipad .sectionTitleWithMask h2 span { padding-top: 10px !important; } html[lang="ja-jp"].win.firefox .sectionTitleWithMask h2 span{ padding-top:10px !important; } } @media only screen and (min-width: 320px) and (max-width: 640px) { html[lang="ja-jp"].iphone .sectionTitleWithMask h2 span { padding-top: 7px !important; } html[lang="ja-jp"].android.device_gt_i9300 .sectionTitleWithMask h2 span { padding-top:9px !important; } } @media only screen and (min-width:641px) and (max-width:1024px) { html[lang="ja-jp"].win.chrome .sectionTitleWithMask h2 span, html[lang="ja-jp"].ie8 .sectionTitleWithMask h2 span{ padding-top: 11px !important; } } @media only screen and (min-width: 320px) and (max-width: 640px) { html[lang="ja-jp"].win.firefox .sectionTitleWithMask h2 span{ padding-top:7px !important; } } @media only screen and (min-width:641px) and (max-width:767px) { html[lang="ja-jp"].win.firefox .sectionTitleWithMask h2 span{ padding-top:10px !important; } } @media only screen and (min-width:1025px) { html[lang="ja-jp"].win.firefox .sectionTitleWithMask h2 span{ padding-top:7px !important; } } /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android .sectionTitleWithMask h2 span { padding-top:7px !important; } html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .sectionTitleWithMask h2 span { padding-top:5px !important; } } /*****micro max default landscape*****/ @media only screen and (min-width:569px) and (max-width:569px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_768 .sectionTitleWithMask h2 span { padding-top:7px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .sectionTitleWithMask h2 span { padding-top:6.5px !important; } } @media only screen and (min-width:621px) and (max-width:1024px) { html[lang="ja-jp"].ie10 .sectionTitleWithMask h2 span{ padding-top: 11px; } } /*S3 Default browser*/ @media only screen and (min-width: 320px) and (max-width: 360px) { html[lang="ja-jp"].android.device_gt_i9300 .sectionTitleWithMask h2 span{ line-height: 12px; } } @media only screen and (min-width: 640px) and (max-width: 640px) { html[lang="ja-jp"].android.device_gt_i9300 .sectionTitleWithMask h2 span{ line-height: 14px; } } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button-lost * 6. Play/close video button-lost * 7. Preloader * 8. Caption * * Sprite: '/etc/designs/abbott/images/rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: #2A2B33; color: #FFF; } /*************** * * 1. Arrows * ****************/ .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px; } .ie .panel-carousel.royalSlider .rsArrowIcn{ display: none!important; } .ie .panel-carousel.royalSlider .rsArrowLeft{ background: url("../images/bg_direction_nav1-left.png") no-repeat left center; } .ie .panel-carousel.royalSlider .rsArrowRight{ background: url("../images/bg_direction_nav1-right.png") no-repeat right center; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 25px; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 25px; } .rsDefault.rsHor .rsArrowLeft { left: 25px; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 25px; top:0; } /* Relative Path Issue Fix: */ .rsDefault .alternativeAssets .rsArrowIcn { width: 37px; height: 69px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; border-radius: 2px; background: url('../images/bg_direction_nav1.png'); } .rsDefault .rsArrowIcn { width: 37px; height: 69px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('../images/bg_direction_nav1.png'); /* background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; */ border-radius: 2px; } /* .rsDefault .rsArrowIcn:hover { background-color: rgba(0,0,0,0.9); } */ .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: 0px -69px; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: 0px 0px; } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: 0px -69px; } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: 0px 0px; } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; background: #000; background: rgba(0,0,0,0.75); text-align: center; line-height: 8px; overflow: hidden; } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display:inline; *zoom:1; padding: 6px 5px 6px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255,255,255,0.5); } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; } /*************** * * 3. Thumbnails * ****************/ .rsDefault .rsThumbsHor { width: 100%; height: 72px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsDefault .rsThumb img { width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; filter: alpha(opacity=30); } .rsDefault .rsTmb { display: block; } /* Thumbnails with text */ .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #000; background: rgba(0,0,0,0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0,0,0,0.9); } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('../images/rs-default.png'); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsHor { height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display:inline; *zoom:1; } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } /*************** * * 5. Fullscreen button-lost * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('../images/rs-default.png') 0 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button-lost * ****************/ .rsDefault .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url('../images/rs-default.png') no-repeat 0 -32px; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsDefault .rsBtnCenterer { position:absolute; left:50%; top:50%; } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('../images/rs-default.png') -64px 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width:40px; height:40px; background-image:url('../images/loader.gif'); left:50%; top:50%; margin-left:-10px; margin-top:-70px; } @media only screen and (min-width: 280px) and (max-width: 640px) { .rsDefault .rsPreloader { width:25px; height:25px; background-image:url('../images/mobile-loader.gif'); left:50%; top:50%; margin-left:-10px; margin-top:-70px; } } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /* * * Panel Rotasion Starts * */ .panel-carousel.royalSlider { width: 100% !important; /*height: 420px !important;*/ margin: 0 auto; } .panelRotation { padding-bottom: 150px; overflow: hidden; } .panelRotation .applyMaskHere { background-color: #ccc; } .panelRotation .maskFiller { width: 100%; background-color: #ccc; position: relative; top: -5px; padding-bottom: 150px; } .innerPanelSec { width: 75%; margin: 0px auto; } .innerPanelSec .panels { width: 50%; float: left; position: relative; height: 210px; cursor: pointer; background-color: transparent; } .panelRotation .labelSec { margin-bottom: 80px; } .panelHeight.rsDefault, .panelHeight.rsDefault .rsOverflow, .panelHeight.rsDefault .rsSlide, .panelHeight.rsDefault .rsVideoFrameHolder, .panelHeight.rsDefault .rsThumbs { background: none; background-color: white; } .panel-content span.panelImg{ width: 100%; /*height: 210px;*/ position: absolute; top: 0; left: 0; z-index: 0; } .panel-content span.panelImg img { display: block; width: 100%; height: 100%; } .panel-content h3 { font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; position: relative; line-height: 1.2em; color: #fff; margin: 20px 20px 10px 20px; z-index: 3; text-transform: uppercase; } .panel-content p, .panel-content .iconPanel { display: none; color: #fff; margin: 10px 20px; } .panels .iconPanel { width: 23px; height: 34px; position: relative; } .panel-content p { font-size: 0.875em; line-height: 1.3em; font-family: Georgia; clear: both; display: block; } .panelHoverProp:hover h3 { color: #02fdfe; } .panelHoverProp:hover { background-color: #282931; } .panelRotation .labelSec { width: 75%; margin: 0 auto 80px; } .panelHoverProp a:hover { text-decoration: none; } /**** CTA button-losts ****/ .rotate_button-lost .video{ padding: 5px 20px 2px; background-color: #00fefd; text-decoration: none; display: inline-block; margin-left: 20px; color: #2a2b33; font-family: 'BrandonGrotesqueBold'; font-size: 1.2em; text-transform: uppercase; } .rotate_button-lost .read{ padding:5px 4px 2px 5px; background-color:transparent; text-decoration: none; display: inline-block; margin-left: 17px; color: #00fefd; font-family: 'BrandonGrotesqueBold'; font-size: 1.2em; text-transform: uppercase; display:none; } .rotate_button-lost .read span{ display:none; } .rotate_button-lost .video span, .rotate_button-lost .read span { margin-top: 4px; } .rotate_button-lost .video .icon-play-sign, .rotate_button-lost .read .icon-file-alt { font-size: 1.2em; padding-left: 0px; } .rotate_button-lost .video:hover{ background-color: #2a2b33; color: #00fefd; } .rotate_button-lost .read:hover { background-color:transparent; color: #00fefd; } .panelsLoadMore{display:none;} /**** CTA button-losts ****/ /* * * Panel Rotasion Ends * */ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .panelRotation { padding-bottom: 0; } .panel-carousel.royalSlider { width: 100%; margin: 0 auto; overflow: hidden; height: auto !important; padding-bottom: 0; } .panelRotation .innerPanelSec { height: 100%; overflow: hidden; margin: 0 auto; width: 100%; } .panelRotation .innerPanelSec a { margin: 0 auto; display: block; float: left; overflow: hidden; width: 100%; } .panelRotation .innerPanelSec a .panels { width: 100%; overflow: hidden; } .panel-carousel.royalSlider .rsArrow { display: none; } a.panelsLoadMore { margin: 7px auto; font-family: 'BrandonGrotesqueBlack'; text-align: center; text-transform: uppercase; font-size: 0.9em; line-height: 1em; position: relative; display: block; cursor: pointer; width: 100%; } a.panelsLoadMore span { padding: 16px 20px 10px 0; /*background-color: rgb(42, 43, 51);*/ text-align: center; color: #01FCFE; display: inline-block; cursor: pointer !important; width: 96%; background: url("../images/down-arrow.png") no-repeat scroll 66% 54% #2A2B33 } } /****** ===== 280 - 600px Ends ===== ****** **********************************************/ /****** ===== 641 - 768px Starts ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .panelHeight.rsDefault .rsSlide{margin-bottom:74px; } .panelRotation { padding-bottom: 10px; } .innerPanelSec { width: 79.427%; } .panel-carousel.royalSlider { width: 100% !important; /*height: 264px !important;*/ margin: 0 auto; } .innerPanelSec .panels { height: 132px; } .panels span.panelImg { height: 132px; } .panel-content h3 { font-size: 0.91678em; margin: 10px 15px 5px; font-family: 'BrandonGrotesqueBlack'; } .panel-content p{ font-size: 0.80125em; line-height: 1.3em; margin-top: 0; margin-left: 15px; } .rotate_button-lost .video, .rotate_button-lost .read { padding: 3px 10px 2px; font-size: 0.91678em; font-family: 'BrandonGrotesqueBlack'; margin-left: 15px; } .panels .iconPanel { margin: 10px 15px; } html.ipad .royalSlider .innerPanelSec .panels h3{ -webkit-backface-visibility: hidden; } .mac.webkit .royalSlider .innerPanelSec .panels h3{ -webkit-backface-visibility: hidden; } } /****** ===== 641 - 768px Ends ===== ****** **********************************************/ /****** ===== 1024 - 1279px Starts ===== ****** **********************************************/ @media only screen and (min-width: 1024px) and (max-width: 1279px) { .panel-carousel.royalSlider { width: 100% !important; height: 384px !important; margin: 0 auto 100px; } .innerPanelSec .panels { height: 168px; } .panels span.panelImg { height: 168px; } } /****** ===== 1024 - 1279px Ends ===== ****** **********************************************/ /****** ===== 1366- 1439px Starts ===== ****** **********************************************/ @media only screen and (min-width: 1366px) and (max-width: 1439px) { .panel-carousel.royalSlider { width: 100% !important; height: 512px !important; margin: 0 auto; } .innerPanelSec .panels { height: 224px; } .panels span.panelImg { height: 224px; } } /****** ===== 1366 - 1439px Ends ===== ****** **********************************************/ /****** ===== 1440 - Starts ===== ****** **********************************************/ @media only screen and (min-width: 1440px){ .panel-carousel.royalSlider { width: 100% !important; height: 540px !important; margin: 0 auto; } .innerPanelSec .panels { height: 236px; } .panels span.panelImg { height: 236px; } } /****** ===== 1440 -Ends ===== ****** **********************************************/ @media only screen and (min-width: 768px) { .innerPanelSec .panels { transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; } .panels span.panelImg img { opacity:1; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .panels:hover span.panelImg img { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .panels p, .panels .iconPanel { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .panels:hover h3 { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .panels:hover span.panelImg { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: opacity.5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .panels:hover .iconPanel, .panels:hover p { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .panels:hover { background-color: #282931; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; } } .mac.webkit .royalSlider .innerPanelSec .panels h3{ -webkit-backface-visibility: hidden; } /* Image issue fix*/ .panel-50{width:50%; float:left; position:relative} .panel-50 img{ width:100%; vertical-align:top;} .center-fix{width:960px; margin:0 auto;} .panel-content{position:absolute; z-index:1; top:0px; height:100%; width:100%; background-image:url('../images/gradient.png'); background-repeat:repeat-x;} /* .panel-content h3 { font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; position: relative; line-height: 1.2em; color: #fff; margin: 20px 20px 10px 20px; z-index: 3; text-transform: uppercase; }*/ .panel-content p { opacity:0; font-size: 0.875em; line-height: 1.3em; font-family: Georgia; clear: both; color:#fff; margin: 0px 20px 10px 20px; } .panel-content:hover {background:#282931; -webkit-transition: width 0.4s, height 0.4s, background-color 0.4s, -webkit-transform 0.4s; transition: width 0.4s, height 0.4s, background-color 0.4s, transform 0.4s;} .panel-content:hover h3 {color: #02fdfe;} .panel-content:hover p{ opacity:1; color: #fff; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} @media (min-width:320px) and (max-width:767px){ .center-fix{width:100%;} .panel-50{width:100%;} .panel-content:hover {background-color:transparent; background-image:url('../images/gradient.png'); background-repeat:repeat-x;} .panel-content:hover h3 {color:#fff;} .panel-content:hover p{ opacity:0;} } html[lang="cn-cn"] .panel-content h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight:bold; } html[lang="cn-cn"] .panel-content p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .rotate_button-lost .video{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .rotate_button-lost .read{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] a.panelsLoadMore { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .rotate_button-lost .video, html[lang="cn-cn"] .rotate_button-lost .read { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="ja-jp"] .panel-content h3 { font-family: 'Meiryo'; } html[lang="ja-jp"] .panel-content p { font-family: Georgia; } html[lang="ja-jp"] .rotate_button-lost .video{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .rotate_button-lost .read{ font-family: 'Meiryo'; font-weight:bold; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="ja-jp"] a.panelsLoadMore { font-family: 'Meiryo'; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .panel-content h3 { font-family: 'Meiryo'; } html[lang="ja-jp"] .rotate_button-lost .video, html[lang="ja-jp"] .rotate_button-lost .read { font-family: 'Meiryo'; } } /* More Info Container Starts */ .moreInfoList { background-color: #FFFFFF; border-bottom-right-radius: 3.3em; border-top-left-radius: 3.3em; border-top-right-radius: 3.3em; clear: both; display: block; font-family:'BrandonGrotesqueRegular'; margin: 0 auto; padding-bottom: 100px; padding-top: 50px; position: relative; width: 100%; height: 580px; } .moreInfoContainer { margin: 0 auto; width: 75%; text-align: center; word-spacing: 0; font-size: 0; letter-spacing: 0; padding-bottom: 50px; } .listSec { text-align: center; width: 33.333333333%; display: inline-block; vertical-align: top; } .listSec.lastTopSpace{ padding-top: 45px; } .listSec ul { width: 100%; padding-right: 55px; text-align: left; } .listSec ul li { color: #017487; font-size: 14px; margin-top: 35px; text-transform: uppercase; font-weight: bold; font-family:'BrandonGrotesqueRegular'; } .listSec ul li a:hover { color:#191b23; } .listSec ul li.li-title { color: #2A2B33; font-family:'BrandonGrotesqueRegular'; font-size: 19px; line-height: 1.125em; font-weight: bold; cursor: auto; margin-top: 0; vertical-align: top; } .listSec ul li a { text-decoration:none; color: #017487; line-height: 1em; } .listSec ul li a span { display: inline-block; width: 85%; word-wrap: break-word; line-height: 1em; } .listSec ul li img { margin-right: 5px; float: right; margin-top: -3px; } .listSec .green { color:#5fba5c !important; } .listSec .pink { color:#d43ff5 !important; } .mac.gecko .listSec ul li a img { margin-top: -8px; } .mac.webkit .listSec ul li a img { margin-top: -8px; } .imageToggle { display:none; } @media only screen and (min-width: 1025px) and (max-width: 1440px) { .listSec ul li a:hover img{ display:none; } .listSec ul li a:hover > img.imageToggle{ display:block; } } .invest_ListItems { margin-top: -1px; } /* More Info Container ends */ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .ie8 .invest_ListItems { margin-top: -2px; } .android .invest_ListItems { margin-top: -3px; } .invest_ListItems { /*margin-top: -50px;*/ } .invest_ListItems .inner_Sec { width:100% !important; } .inner_Sec { width:100%; } .innerSecCont { margin: 0 auto; width:100%; } .moreInfoContainer { width:100% !important; } .listSec { /*margin-bottom: -50px;*/ margin-top: 0px; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; width: 100% !important; } .listSec ul { padding-right:0px; } .listSec ul li { width:100%; margin-left:0; margin-top:0; } .listSec ul li a { -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; color: #017487; vertical-align: top; } .listSec ul li a span { display: inline-block; line-height: 3em; width: 85%; word-wrap: break-word; font-size:.875em; } .listSec ul li img { float: right; margin-right: 5px; margin-top: 5px; } .invest_ListItems { padding-bottom:0px; border-bottom-right-radius:0; } .listSec ul li:first-child { margin-bottom:0; } .listSec.lastTopSpace{ padding-top: 15px; } .listSec ul li a:focus img{ display:none; } .listSec ul li a:focus > img.imageToggle{ display:block; } /* =280 - 600px= */ } /****** ===== 280 - 600px Ends ===== ****** *******************************************/ /****** ===== 768 - 1020px Starts ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .invest_ListItems .inner_Sec { width: 79.427%; } .moreInfoContainer { width: 79.427%; padding-bottom: 30px; min-height: 130px; } .invest_ListItems{ margin-top:-1px!important } .listSec { margin-top: 2px; } .listSec ul li{ line-height: 1em; margin-top: 4px; } .listSec ul li:first-child{ font-size:12px; line-height: 1em; padding-bottom: 9px; } .listSec ul li a{ clear: both; } .listSec ul li a span { font-size: 10px; line-height: 12px; } .listSec ul li img { margin-right: 2px; width: 16px; } .listSec.thirdlist { float: left; margin-top: 30px; } .listSec.lastTopSpace{ padding-top: 25px; } .listSec ul li a:focus img{ display:none; } .listSec ul li a:focus > img.imageToggle{ display:block; } /* =768 - 1020px= */ } @media only screen and (min-width: 768px) and (max-width: 1024px) { .ipad .invest_ListItems{ margin-top:-26px!important; } .invest_ListItems{ margin-top:-33px!important; } .ie8 .invest_ListItems{ margin-top:-26px!important; } } /****** ===== 768 - 1020px Ends ===== ****** ********************************************/ @media only screen and (min-width: 1024px) and (max-width: 1279px) { .invest_ListItems { margin-top: -16px !important; } .mac.webkit .invest_ListItems { margin-top: -16px !important; } .mac.gecko .invest_ListItems { margin-top: -16px !important; } } @media only screen and (min-width: 1240px) and (max-width: 1280px) { .invest_ListItems { margin-top: -5px !important; } } @media only screen and (min-width:1281px) and (max-width:1366px){ .invest_ListItems{ margin-top:-6px !important; } } @media only screen and (min-width:1024px) and (max-width:1024px){ .invest_ListItems{ margin-top:-15px!important; } } @media only screen and (min-width: 320px) and (max-width:320px){ .android.device_micromax_a110q.maxw_320 .invest_ListItems { margin-top: 1px; } } html[lang="cn-cn"] .moreInfoList { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .listSec ul li { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .listSec ul li.li-title { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } @media only screen and (min-width:1026px) and (max-width:1440px){ html[lang="cn-cn"] .listSec ul li{ font-size:16px; overflow:hidden; } html[lang="cn-cn"] .listSec ul li a span{ float:left; width:auto; } html[lang="cn-cn"] .listSec ul{ width:90% } html[lang="cn-cn"].mac.gecko .listSec ul li a img{ margin-top:-5px; } html[lang="cn-cn"].mac.webkit .listSec ul li a img{ margin-top:0px; } } html[lang="ja-jp"] .moreInfoList { font-family:'Meiryo'; } html[lang="ja-jp"] .listSec ul li { font-family:'Meiryo'; } html[lang="ja-jp"] .listSec ul li.li-title { font-family:'Meiryo'; } .accordian-carousel, .accordian-carousel > ul, .accordian-carousel > li, .accordian-carousel > img { width: 100%; height: 700px; margin: 0 auto; padding: 0; border: 0; z-index: 0; } .accordian-carousel li { border-left: 1px solid #f9f9f8; height: 100%; } .accordian-carousel li.first-slide { border-left: 0 solid; } .accordian-carousel li span img { width: 100%; height: 100%; margin: 0; padding: 0; display: block; } .accordian-carousel span.icon { background: url('../images/accordian-icon.png') center center no-repeat; position: absolute; left: 1.25%; top: 15px; display: block; width: 25px; height: 25px; padding: 5px; z-index: 11; text-indent: -9999em; cursor: pointer; } .accordian-carousel span.icon.noIcon { background: none; } .accordionCarSec.slider-open span.accordianImg{ display:none; } .accordian-carousel .accordian-content, .accordionCarSec .accordian-content { width: 75%; margin: 0 auto; position: absolute; top: 30%; left: 13.5%; font-family: 'BrandonGrotesqueBlack'; /*margin: -80px 0 0 -480px;*/ z-index: 11; display: none; } .accordian-carousel .accordian-content a, .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, .accordionCarSec .accordian-content a, .accordionCarSec .accordian-content > a.all-text-wrap span.cta, .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { display: inline-block; text-decoration: none; text-transform: uppercase; padding: 3px 10px 0; height: 36px; font-size: 1.2em; margin-left: 13px; margin-top: 20px; clear: both; } .ie10 .accordian-carousel .accordian-content a, .ie10 .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .ie10 .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, .ie10 .accordionCarSec .accordian-content a, .ie10 .accordionCarSec .accordian-content > a.all-text-wrap span.cta, .ie10 .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { padding-top:5px !important; } .win.webkit .accordian-carousel .accordian-content a{ padding-top: 4px; } .mac.webkit .accordian-carousel .accordian-content a, .mac.webkit .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .mac.webkit .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, .mac.webkit .accordionCarSec .accordian-content a, .mac.webkit .accordionCarSec .accordian-content > a.all-text-wrap span.cta, .mac.webkit .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { line-height:38px; } .mac.gecko .accordian-carousel .accordian-content a, .mac.gecko .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .mac.gecko .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, .mac.gecko .accordionCarSec .accordian-content a, .mac.gecko .accordionCarSec .accordian-content > a.all-text-wrap span.cta, .mac.gecko .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { line-height:35px; } .accordian-carousel .accordian-content h2, .accordian-carousel .accordian-content > a.all-text-wrap span.text, .accordionCarSec .accordian-content h2, .accordionCarSec .accordian-content > a.all-text-wrap span.text { display: block; text-transform: uppercase; font-size: 5.62em; margin: 0; padding: 0 0 0 6px; width: 100%; line-height: 1em; letter-spacing: normal; font-family: 'BrandonGrotesqueBlack'; } .accordian-carousel .accordian-content > a.all-text-wrap, .accordionCarSec .accordian-content > a.all-text-wrap { width: 100%; background: none; text-decoration: none; color: #7bfa52; } .accordian-carousel span.accordianImg { left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .accordian-carousel .accordian-content > a.cta_more, .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, .accordionCarSec .accordian-content > a.cta_more, .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { display: inline-block; } .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { min-width: 160px; padding-bottom: 6px; font-size: 0.9em; } .accordian-carousel .align-left, .accordionCarSec .align-left { text-align: left; } .accordian-carousel .align-center, .accordionCarSec .align-center { text-align: center; margin: 12px auto 0 !important; overflow: hidden; } .accordian-carousel .align-right, .accordionCarSec .align-right { text-align: right; float: right; } .accordian-carousel .subText, .accordionCarSec .subText { padding: 0 0 0 12px; font-size: 1.4em; color: #FFFFFF; font-family: 'BrandonGrotesqueBold'; line-height: 1em; } .accordian-carousel .accordian-content a .cta-icon { position: relative; padding-left: 5px; } li div.accordionCarSec{ height:100%; } /**** Color Pallette ****/ .colorPalette_Blue.accordionCarSec .text, .colorPalette_Blue.accordionCarSec .subText { color: #00fefd; } .colorPalette_DarkBlue.accordionCarSec .text, .colorPalette_DarkBlue.accordionCarSec .subText { color: #00747e; } .colorPalette_Green.accordionCarSec .text, .colorPalette_Green.accordionCarSec .subText { color: #78fa6f; } .colorPalette_DarkGreen.accordionCarSec .text, .colorPalette_DarkGreen.accordionCarSec .subText { color: #5fba5c; } .colorPalette_Yellow.accordionCarSec .text, .colorPalette_Yellow.accordionCarSec .subText { color: #fff729; } .colorPalette_DarkYellow.accordionCarSec .text, .colorPalette_DarkYellow.accordionCarSec .subText { color: #DED548; } .colorPalette_Orange.accordionCarSec .text, .colorPalette_Orange.accordionCarSec .subText { color: #FF9614; } .colorPalette_DarkOrange.accordionCarSec .text, .colorPalette_DarkOrange.accordionCarSec .subText { color: #b66f2b; } .colorPalette_Fuscia.accordionCarSec .text, .colorPalette_Fuscia.accordionCarSec .subText { color: #d43ff5; } .colorPalette_DarkFuscia.accordionCarSec .text, .colorPalette_DarkFuscia.accordionCarSec .subText { color: #774078; } .colorPalette_Gray.accordionCarSec .text, .colorPalette_Gray.accordionCarSec .subText { color: #2A2B33; } .colorPalette_DarkGray.accordionCarSec .text, .colorPalette_DarkGray.accordionCarSec .subText { color: #191B22; } .colorPalette_LightGray.accordionCarSec .text, .colorPalette_LightGray.accordionCarSec .subText { color: #D9DADB; } .colorPalette_White.accordionCarSec .text, .colorPalette_White.accordionCarSec .subText { color: #FFFFFF; } .colorPalette_Black.accordionCarSec .text, .colorPalette_Black.accordionCarSec .subText { color: #000000; } .colorPalette_Yellow.accordionCarSec .cta, .colorPalette_Yellow.accordionCarSec .cta_more { background-color: #FFF729; } .colorPalette_DarkYellow.accordionCarSec .cta, .colorPalette_DarkYellow.accordionCarSec .cta_more { background-color: #DED548; } .colorPalette_Green.accordionCarSec .cta, .colorPalette_Green.accordionCarSec .cta_more { background-color: #78fa6f; } .colorPalette_DarkGreen.accordionCarSec .cta, .colorPalette_DarkGreen.accordionCarSec .cta_more { background-color: #5fba5c; } .colorPalette_Fuscia.accordionCarSec .cta, .colorPalette_Fuscia.accordionCarSec .cta_more { background-color: #d43ff5; } .colorPalette_DarkFuscia.accordionCarSec .cta, .colorPalette_DarkFuscia.accordionCarSec .cta_more { background-color: #774078; } .colorPalette_Orange.accordionCarSec .cta, .colorPalette_Orange.accordionCarSec .cta_more { background-color: #FF9614; } .colorPalette_DarkOrange.accordionCarSec .cta, .colorPalette_DarkOrange.accordionCarSec .cta_more { background-color: #b66f2b; } .colorPalette_Cyan.accordionCarSec .cta, .colorPalette_Cyan.accordionCarSec .cta_more { background-color: #00fefd; } .colorPalette_Blue.accordionCarSec .cta, .colorPalette_Blue.accordionCarSec .cta_more { background-color: #00747e; } .colorPalette_Gray.accordionCarSec .cta, .colorPalette_Gray.accordionCarSec .cta_more { background-color: #2A2B33; } .colorPalette_DarkGray.accordionCarSec .cta, .colorPalette_DarkGray.accordionCarSec .cta_more { background-color: #191B22; } .colorPalette_White.accordionCarSec .cta, .colorPalette_White.accordionCarSec .cta_more { background-color: #FFFFFF; } .colorPalette_LightGray.accordionCarSec .cta, .colorPalette_LightGray.accordionCarSec .cta_more { background-color: #D9DADB; } .colorPalette_Yellow.accordionCarSec .cta:hover, .colorPalette_Yellow.accordionCarSec .cta_more:hover { color: #FFF729; } .colorPalette_DarkYellow.accordionCarSec .cta:hover, .colorPalette_DarkYellow.accordionCarSec .cta_more:hover { color: #DED548; } .colorPalette_Green.accordionCarSec .cta:hover, .colorPalette_Green.accordionCarSec .cta_more:hover { color: #78fa6f; } .colorPalette_DarkGreen.accordionCarSec .cta:hover, .colorPalette_DarkGreen.accordionCarSec .cta_more:hover { color: #5fba5c; } .colorPalette_Fuscia.accordionCarSec .cta:hover, .colorPalette_Fuscia.accordionCarSec .cta_more:hover { color: #d43ff5; } .colorPalette_DarkFuscia.accordionCarSec .cta:hover, .colorPalette_DarkFuscia.accordionCarSec .cta_more:hover { color: #774078; } .colorPalette_Orange.accordionCarSec .cta:hover, .colorPalette_Orange.accordionCarSec .cta_more:hover { color: #FF9614; } .colorPalette_DarkOrange.accordionCarSec .cta:hover, .colorPalette_DarkOrange.accordionCarSec .cta_more:hover { color: #b66f2b; } .colorPalette_Cyan.accordionCarSec .cta:hover, .colorPalette_Cyan.accordionCarSec .cta_more:hover { color: #00fefd; } .colorPalette_Blue.accordionCarSec .cta:hover, .colorPalette_Blue.accordionCarSec .cta_more:hover { color: #00747e; } .colorPalette_Gray.accordionCarSec .cta:hover, .colorPalette_Gray.accordionCarSec .cta_more:hover { color: #2A2B33; } .colorPalette_DarkGray.accordionCarSec .cta:hover, .colorPalette_DarkGray.accordionCarSec .cta_more:hover { color: #191B22; } .colorPalette_White.accordionCarSec .cta:hover, .colorPalette_White.accordionCarSec .cta_more:hover { color: #FFFFFF; } .colorPalette_LightGray.accordionCarSec .cta:hover, .colorPalette_LightGray.accordionCarSec .cta_more:hover { color: #D9DADB; } .accordionCarSec .cta:hover, .accordionCarSec .cta_more:hover { background-color: #2A2B33; } .accordionCarSec .cta, .accordionCarSec .cta_more { color: #2A2B33; } /**** Color Pallette ****/ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { .accordian-carousel .accordian-content { top:285px !important; } .accordian-carousel span.icon{ top:265px !important; } .accordian-carousel span.accordianImg .gradientImg { height:292px !important; } .accordian-carousel li span img{ height: 320px; } ul#featured { height: 444px !important; } } @media only screen and (min-width:320px) and (max-width:360px){ .accordian-carousel img{ height:192px !important; } } @media only screen and (min-width:360px) and (max-width:640px) { .android.android4 .accordian-carousel .accordian-content a{ padding-left:10px !important; padding-top:6px !important; } } @media only screen and (min-width: 280px) and (max-width: 767px) { .accordian-carousel, .accordian-carousel > ul, .accordian-carousel > li, .accordian-carousel > img { margin-bottom: 0; } .accordian-carousel { height: auto; } .accordian-carousel img { border-left: 1px solid #fff; } .accordian-carousel span.accordianImg .gradientImg { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); } ul#featured { height: 388px; } /* ul#featured li { height: 450px !important; } */ .accordian-carousel .accordian-content { left: 0; margin: 0; top: 182px; width: 100%; height: 250px; background-color: transparent; padding: 15px 25px 0; } .accordian-carousel li { border-left: 0; } .accordian-carousel li.first-slide img { border-left: 0; } .accordian-carousel .accordian-content h2 { margin-top: 10px; word-wrap: break-word; } .accordian-carousel .accordian-content h2, .accordian-carousel .accordian-content > a.all-text-wrap span.text { font-size: 1.3em; padding-left: 0; } .accordian-carousel .subText, .accordionCarSec .subText { padding: 15px 0 0; font-size: 0.875em; color: #2A2B33; word-wrap: break-word; } .accordian-carousel .accordian-content a, .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more { font-size: 0.9em; height: 31px; line-height: 27px; margin-left: 0; margin-top: 15px; padding: 4px 5px 6px; } .win.webkit.accordian-carousel .accordian-content a, .win.webkit .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .win.webkit .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more { line-height: 24px; } .accordian-carousel span.icon { left: 7px; top: 165px; width: 13px; height: 13px; } /**** Color Pallette ****/ .colorPalette_Blue.accordionCarSec .text, .colorPalette_Blue.accordionCarSec .subText { color: #222222; } .colorPalette_DarkBlue.accordionCarSec .text, .colorPalette_DarkBlue.accordionCarSec .subText { color: #222222; } .colorPalette_Green.accordionCarSec .text, .colorPalette_Green.accordionCarSec .subText { color: #222222; } .colorPalette_DarkGreen.accordionCarSec .text, .colorPalette_DarkGreen.accordionCarSec .subText { color: #222222; } .colorPalette_Yellow.accordionCarSec .text, .colorPalette_Yellow.accordionCarSec .subText { color: #222222; } .colorPalette_DarkYellow.accordionCarSec .text, .colorPalette_DarkYellow.accordionCarSec .subText { color: #222222; } .colorPalette_Orange.accordionCarSec .text, .colorPalette_Orange.accordionCarSec .subText { color: #222222; } .colorPalette_DarkOrange.accordionCarSec .text, .colorPalette_DarkOrange.accordionCarSec .subText { color: #222222; } .colorPalette_Fuscia.accordionCarSec .text, .colorPalette_Fuscia.accordionCarSec .subText { color: #222222; } .colorPalette_DarkFuscia.accordionCarSec .text, .colorPalette_DarkFuscia.accordionCarSec .subText { color: #222222; } .colorPalette_Gray.accordionCarSec .text, .colorPalette_Gray.accordionCarSec .subText { color: #d9dadb; } .colorPalette_DarkGray.accordionCarSec .text, .colorPalette_DarkGray.accordionCarSec .subText { color: #d9dadb; } .colorPalette_LightGray.accordionCarSec .text, .colorPalette_LightGray.accordionCarSec .subText { color: #222222; } .colorPalette_White.accordionCarSec .text, .colorPalette_White.accordionCarSec .subText { color: #222222; } .colorPalette_Black.accordionCarSec .text, .colorPalette_Black.accordionCarSec .subText { color: #222222; } .colorPalette_Yellow .accordian-content { background-color: #FFF729; } .colorPalette_DarkYellow .accordian-content { background-color: #DED548; } .colorPalette_Green .accordian-content { background-color: #78fa6f; } .colorPalette_DarkGreen .accordian-content { background-color: #5fba5c; } .colorPalette_Fuscia .accordian-content { background-color: #d43ff5; } .colorPalette_DarkFuscia .accordian-content { background-color: #774078; } .colorPalette_Orange .accordian-content { background-color: #FF9614; } .colorPalette_DarkOrange .accordian-content { background-color: #b66f2b; } .colorPalette_Cyan .accordian-content { background-color: #00fefd; } .colorPalette_Blue .accordian-content { background-color: #00747e; } .colorPalette_Gray .accordian-content { background-color: #2A2B33; } .colorPalette_DarkGray .accordian-content { background-color: #191B22; } .colorPalette_White .accordian-content { background-color: #FFFFFF; } .colorPalette_LightGray .accordian-content { background-color: #D9DADB; } .colorPalette_Yellow.accordionCarSec .cta, .colorPalette_Yellow.accordionCarSec .cta_more { background-color: #222222; color: #FFF729; } .colorPalette_DarkYellow.accordionCarSec .cta, .colorPalette_DarkYellow.accordionCarSec .cta_more { background-color: #222222; color: #DED548; } .colorPalette_Green.accordionCarSec .cta, .colorPalette_Green.accordionCarSec .cta_more { background-color: #222222; color: #78fa6f; } .colorPalette_DarkGreen.accordionCarSec .cta, .colorPalette_DarkGreen.accordionCarSec .cta_more { background-color: #222222; color: #5fba5c; } .colorPalette_Fuscia.accordionCarSec .cta, .colorPalette_Fuscia.accordionCarSec .cta_more { background-color: #222222; color: #D43FF5; } .colorPalette_DarkFuscia.accordionCarSec .cta, .colorPalette_DarkFuscia.accordionCarSec .cta_more { background-color: #222222; color: #774078; } .colorPalette_Orange.accordionCarSec .cta, .colorPalette_Orange.accordionCarSec .cta_more { background-color: #222222; color: #FF9614; } .colorPalette_DarkOrange.accordionCarSec .cta, .colorPalette_DarkOrange.accordionCarSec .cta_more { background-color: #222222; color: #b66f2b; } .colorPalette_Cyan.accordionCarSec .cta, .colorPalette_Cyan.accordionCarSec .cta_more { background-color: #222222; color: #00fefd; } .colorPalette_Blue.accordionCarSec .cta, .colorPalette_Blue.accordionCarSec .cta_more { background-color: #222222; color: #00747e; } .colorPalette_Gray.accordionCarSec .cta, .colorPalette_Gray.accordionCarSec .cta_more { background-color: #222222; color: #2A2B33; } .colorPalette_DarkGray.accordionCarSec .cta, .colorPalette_DarkGray.accordionCarSec .cta_more { background-color: #222222; color: #191B22; } .colorPalette_White.accordionCarSec .cta, .colorPalette_White.accordionCarSec .cta_more { background-color: #222222; color: #FFFFFF; } .colorPalette_LightGray.accordionCarSec .cta, .colorPalette_LightGray.accordionCarSec .cta_more { background-color: #222222; color: #D9DADB; } .colorPalette_Yellow.accordionCarSec .cta:hover, .colorPalette_Yellow.accordionCarSec .cta_more:hover { background-color: #222222; color: #FFF729; } .colorPalette_DarkYellow.accordionCarSec .cta:hover, .colorPalette_DarkYellow.accordionCarSec .cta_more:hover { background-color: #222222; color: #DED548; } .colorPalette_Green.accordionCarSec .cta:hover, .colorPalette_Green.accordionCarSec .cta_more:hover { background-color: #222222; color: #78fa6f; } .colorPalette_DarkGreen.accordionCarSec .cta:hover, .colorPalette_DarkGreen.accordionCarSec .cta_more:hover { background-color: #222222; color: #5fba5c; } .colorPalette_Fuscia.accordionCarSec .cta:hover, .colorPalette_Fuscia.accordionCarSec .cta_more:hover { background-color: #222222; color: #D43FF5; } .colorPalette_DarkFuscia.accordionCarSec .cta:hover, .colorPalette_DarkFuscia.accordionCarSec .cta_more:hover { background-color: #222222; color: #774078; } .colorPalette_Orange.accordionCarSec .cta:hover, .colorPalette_Orange.accordionCarSec .cta_more:hover { background-color: #222222; color: #FF9614; } .colorPalette_DarkOrange.accordionCarSec .cta:hover, .colorPalette_DarkOrange.accordionCarSec .cta_more:hover { background-color: #222222; color: #b66f2b; } .colorPalette_Cyan.accordionCarSec .cta:hover, .colorPalette_Cyan.accordionCarSec .cta_more:hover { background-color: #222222; color: #00fefd; } .colorPalette_Blue.accordionCarSec .cta:hover, .colorPalette_Blue.accordionCarSec .cta_more:hover { background-color: #222222; color: #00747e; } .colorPalette_Gray.accordionCarSec .cta:hover, .colorPalette_Gray.accordionCarSec .cta_more:hover { background-color: #222222; color: #2A2B33; } .colorPalette_DarkGray.accordionCarSec .cta:hover, .colorPalette_DarkGray.accordionCarSec .cta_more:hover { background-color: #222222; color: #191B22; } .colorPalette_White.accordionCarSec .cta:hover, .colorPalette_White.accordionCarSec .cta_more:hover { background-color: #222222; color: #FFFFFF; } .colorPalette_LightGray.accordionCarSec .cta:hover, .colorPalette_LightGray.accordionCarSec .cta_more:hover { background-color: #222222; color: #D9DADB; } .win.webkit .accordian-carousel .accordian-content a{ padding-top: 3px; } /**** Color Pallette ****/ /* =280 - 760px= */ } /****** ===== 280 - 600px Ends ===== ****** *******************************************/ /****** ===== 601 - 760px Starts ===== ****** **********************************************/ /* @media only screen and (min-width: 641px) and (max-width: 760px) { .accordian-carousel, .accordian-carousel > ul, .accordian-carousel > li, .accordian-carousel > img { height: 420px; } .accordian-carousel .accordian-content { width: 400px; margin: -50px 0 0 -175px; } .accordian-carousel .accordian-content h2, .accordian-carousel .accordian-content > a.all-text-wrap span.text { font-size: 2.25em; } .accordian-carousel .accordian-content a, .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more { font-size: 0.8em; padding: 11px 16px 6px; width: 54%; } /* =601 - 760px= *-/ }*/ /****** ===== 601 - 760px Ends ===== ****** *******************************************/ /****** ===== 768 - 1020px Starts ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .accordian-carousel, .accordian-carousel > ul, .accordian-carousel > li, .accordian-carousel > img { height: 420px; } /* .accordian-carousel .accordian-content { width: 500px; margin: -120px 0 0 -250px; top: 26%; } */ .accordian-carousel .accordian-content h2, .accordian-carousel .accordian-content > a.all-text-wrap span.text { font-size: 2.979375em; } .accordian-carousel .subText, .accordionCarSec .subText { display: block; font-size: 1.03125em; } .accordian-carousel .accordian-content a, .accordian-carousel .accordian-content > a.all-text-wrap span.cta, .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more { font-size: 0.916875em; height: 28px; margin-top: 15px; line-height: 1.4em; padding: 6px 15px 0; font-family: 'BrandonGrotesqueBlack'; } .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { min-width: 0; } .accordian-carousel span.icon { width:15px; height:15px; } .accordian-carousel span.icon { /*left: 0.20%;*/ } .win.webkit .accordian-carousel .accordian-content a{ padding-top: 5px; } /* =768 - 1020px= */ } /****** ===== 768 - 1020px Ends ===== ****** ********************************************/ /* @media only screen and (min-width: 1024px) and (max-width: 1024px) { .accordian-carousel .accordian-content { width: 750px; margin: -80px 0 0 -370px; } }*/ @media only screen and (min-width: 1281px) and (max-width: 1440px) { .accordian-carousel span.icon { left: 1%; } } @media only screen and (min-width: 768px) { .accordionCarSec a.cta, .accordionCarSec a.cta_more{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .accordionCarSec a.cta:after, .accordionCarSec a.cta_more:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } .accordionCarSec a.cta, .accordionCarSec a.cta_more{ z-index:4; border: 0; position: relative; } .accordionCarSec a.cta:after, .accordionCarSec a.cta_more:after { content: ''; position: absolute; z-index: -1; } /* Pseudo elements for icons */ .accordionCarSec a.cta:before, .accordionCarSec a.cta_more:before{ position: relative; -webkit-font-smoothing: antialiased; } /* button-lost 1b */ .accordionCarSec a.cta:after, .accordionCarSec a.cta_more:after { width: 100%; height: 0; top: 0; left: 0; background-color: #2A2B33; } .accordionCarSec a.cta:hover:after, .accordionCarSec a.cta_more:hover:after, .accordionCarSec a.cta:active:after, .accordionCarSec a.cta_more:active:after { height: 100%; } html[lang="cn-cn"] .accordian-carousel .accordian-content, html[lang="cn-cn"] .accordionCarSec .accordian-content { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .accordian-carousel .accordian-content h2, html[lang="cn-cn"] .accordian-carousel .accordian-content > a.all-text-wrap span.text, html[lang="cn-cn"] .accordionCarSec .accordian-content h2, html[lang="cn-cn"] .accordionCarSec .accordian-content > a.all-text-wrap span.text { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; line-height:normal; } html[lang="cn-cn"] .accordian-carousel .subText, html[lang="cn-cn"] .accordionCarSec .subText { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; line-height:normal; } html[lang="cn-cn"] .accordian-carousel .accordian-content a, html[lang="cn-cn"] .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"] .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .accordian-carousel .accordian-content a, html[lang="cn-cn"] .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"] .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"] .accordionCarSec .accordian-content a, html[lang="cn-cn"] .accordionCarSec .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"] .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more{ padding-top: 4px; } html[lang="cn-cn"].mac.webkit .accordian-carousel .accordian-content a, html[lang="cn-cn"].mac.webkit .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.webkit .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].mac.webkit .accordionCarSec .accordian-content a, html[lang="cn-cn"].mac.webkit .accordionCarSec .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.webkit .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].mac.firefox .accordian-carousel .accordian-content a, html[lang="cn-cn"].mac.firefox .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.firefox .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].mac.firefox .accordionCarSec .accordian-content a, html[lang="cn-cn"].mac.firefox .accordionCarSec .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].mac.firefox .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more{ line-height:normal; padding-top: 8px; } @media only screen and (min-width: 768px) and (max-width: 1024px){ html[lang="cn-cn"].ie8 .accordian-carousel .accordian-content a, html[lang="cn-cn"].ie8 .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie8 .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].ie8 .accordionCarSec .accordian-content a, html[lang="cn-cn"].ie8 .accordionCarSec .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie8 .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { padding: 3px 10px 0 !important; } } @media only screen and (max-width: 767px) and (min-width: 280px){ html[lang="cn-cn"].ie8 .accordian-carousel .accordian-content a, html[lang="cn-cn"].ie8 .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie8 .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].ie8 .accordionCarSec .accordian-content a, html[lang="cn-cn"].ie8 .accordionCarSec .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].ie8 .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { padding: 3px 5px 6px !important; } html[lang="cn-cn"].iphone .accordian-carousel .accordian-content a, html[lang="cn-cn"].iphone .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].iphone .accordionCarSec .accordian-content a, html[lang="cn-cn"].iphone .accordionCarSec .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].iphone .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { padding: 2px 5px 6px !important; } html[lang="cn-cn"].android .accordian-carousel .accordian-content a, html[lang="cn-cn"].android .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].android .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more, html[lang="cn-cn"].android .accordionCarSec .accordian-content a, html[lang="cn-cn"].android .accordionCarSec .accordian-content > a.all-text-wrap span.cta, html[lang="cn-cn"].android .accordionCarSec .accordian-content > a.all-text-wrap span.cta_more { padding: 2px 5px 6px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="cn-cn"].win.webkit .accordian-carousel .accordian-content a{ padding-top: 4px !important; } } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="cn-cn"].win.webkit .accordian-carousel .accordian-content a{ padding-top: 2px !important; } html[lang="cn-cn"].ie .accordian-carousel .accordian-content a{ padding-top: 1px !important; } } @media only screen and (min-width: 360px) and (max-width: 767px) { html[lang="cn-cn"].android.device_gt_i9300 .accordian-carousel .accordian-content a{ padding-top: 4px !important; padding-left:8px !important; } } @media only screen and (min-width:361px) and (max-width:487px){ html[lang="cn-cn"] .accordian-carousel img{ height:192px !important; } } html[lang="ja-jp"] .accordian-carousel .accordian-content, html[lang="ja-jp"] .accordionCarSec .accordian-content { font-family: 'Meiryo'; } html[lang="ja-jp"] .accordian-carousel .accordian-content h2, html[lang="ja-jp"] .accordian-carousel .accordian-content > a.all-text-wrap span.text, html[lang="ja-jp"] .accordionCarSec .accordian-content h2, html[lang="ja-jp"] .accordionCarSec .accordian-content > a.all-text-wrap span.text { font-family: 'Meiryo'; } html[lang="ja-jp"] .accordian-carousel .subText, html[lang="ja-jp"] .accordionCarSec .subText { font-family: 'Meiryo'; } html[lang="ja-jp"] .accordian-carousel .accordian-content h2, html[lang="ja-jp"] .accordionCarSec .accordian-content h2{ font-weight: bold; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .accordian-carousel .accordian-content a, html[lang="ja-jp"] .accordian-carousel .accordian-content > a.all-text-wrap span.cta, html[lang="ja-jp"] .accordian-carousel .accordian-content > a.all-text-wrap span.cta_more { font-family: 'Meiryo'; } html[lang="ja-jp"] .accordian-carousel .subText, html[lang="ja-jp"] .accordionCarSec .subText{ line-height:20px } } /* ----------------------------------------------------------------------------- * Information Section Panel Starts * ---------------------------------------------------------------------------*/ .careers-container { margin: 0 auto; padding: 0; width: 100%; float: left; overflow: hidden; position: relative; z-index: 0; } .maskImage { width: 100%; height: 100%; margin: 0; padding: 0; } .careers-content-wrapper { margin: 0; padding: 0; width: 100%; min-height: 5px; position: absolute; top: 0; left: 0; } .careers-content-wrapper .sectionTitleWithMask .maskColorFiller { padding: 20px 0 50px !important; background: none; } .careers-content-wrapper .sectionTitleWithMask .maskColorFiller .container-fixed-960 { width: 100%; } .careers-content { margin: 0 auto; width: 75%; padding: 0; overflow: hidden; position: relative; } .career-cols { margin: 0 auto; padding: 0; overflow: hidden; clear: both; } .careers-col-left { margin: 0; padding: 0; width: 65%; float: left; padding-right: 25px; } .careers-col-right { margin: 0; padding: 0; width: 30%; float: left; margin-left: 40px; } .careers-col-right.borderEnabled { padding-left: 40px; } .careers-col-left.borderEnabled, .careers-col-right.borderEnabled { border-left: 1px solid #b7b7b7; } .section-links { width: 100%; padding: 0; margin: 0; float: left; position: relative; /*top: 8px;*/ } /* ----------------------------------------------------------------------------- * SVG mask / notch styles starts * ---------------------------------------------------------------------------*/ .careers-container[data-mask*="xlink-deep-curve"] { margin-top: -160px; } .careers-container[data-mask*="xlink-notch"] { margin-top: -50px; } .ie8 .careers-container[data-mask*="xlink-deep-curve"] { /*height: 925px;*/ height: 100%; } .ie8 .careers-container[data-mask*="xlink-notch"] { /*height: 799px;*/ height: 100%; } .ie8 .careers-container.noBgImg img.iemaskImage { position: static !important; } .careers-container[data-mask*="xlink-deep-curve"] .careers-content-wrapper { margin-top: 166px; } .ie .careers-content{ padding-top:3%; } .careers-container[data-mask*="xlink-notch"] .careers-content-wrapper { margin-top: 38px; } .careers-content-wrapper .sectionTitleWithMask[data-mask="none"] .maskColorFiller { margin-top: -6px; } .careers-container[data-mask="none"] { min-height: 500px; } .careers-container[data-mask="none"] .sectionTitleWithMask .maskColorFiller { padding-top: 55px; } /* ----------------------------------------------------------------------------- * SVG mask / notch styles ends * ---------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------- * Font Styles for desktop starts * ---------------------------------------------------------------------------*/ .careers-container .career-cols .careers-col-left h1 { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 3.75em; word-wrap: break-word; line-height: 1.05em; padding-bottom: 15px; } .ie .careers-container .career-cols .careers-col-left h1{ padding-bottom:0; } .mac .careers-container .career-cols .careers-col-left h1 { margin-top: 2px; } .careers-container .career-cols h2 { marign: 0; padding: 0 0 10px; font-family: 'BrandonGrotesqueBold'; font-size: 2.813em; line-height: 1.05em; } .careers-container .career-cols h3 { marign: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 0.93em; line-height: 1.25em; } .careers-container .career-cols p, .careers-container .career-cols ul, .careers-container .career-cols ol { marign: 0; padding: 0; font-family: Georgia; font-size: 1em; line-height: 1.25em; margin-top: 10px; } .careers-container .career-cols ul, .careers-container .career-cols ol { list-style-type: disc; margin-left: 18px; } .careers-container .career-cols .motivator { marign: 0; padding: 0; font-family: Georgia; font-size: 1.1875em; line-height: 1.5em; } .careers-container .career-cols .section-links p a > span.linkList, .careers-container .career-cols .careers-col-left p a > span.linkList { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 1em; line-height: 1em; text-decoration: underline; margin-top: 10px; text-transform: uppercase; } .careers-container .career-cols .careers-col-left p a, .careers-container .career-cols .section-links p a { text-decoration: underline; } .careers-container .career-cols .careers-col-left a.ctabutton-lost { margin: 0; padding: 0; text-decoration: none; display: inline-block; color: #191b22; text-transform: uppercase; height: 34px; font-size: 1.25em; padding: 1px 20px 0; line-height: 38px; font-family: 'BrandonGrotesqueBold'; } .win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:33px; } .careers-col-left a.onlyLink { text-decoration: underline; background: transparent !important; height: 35px; line-height: 40px; } .careers-col-left a.onlyLink:hover { background: transparent !important; } .careers-container a.ctabutton-lost:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .careers-container a.ctabutton-lost{ z-index:4; border: 0; position: relative; } .careers-container a.ctabutton-lost:after { content: ''; position: absolute; z-index: -1; } /*.careers-container a.ctabutton-lost:before{ position: relative; -webkit-font-smoothing: antialiased; }*/ .careers-container a.ctabutton-lost:after { background-attachment: scroll; background-clip: border-box; background-color: #2A2B33; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 0; left: 0; top: 0; width: 100%; } .careers-container a.ctabutton-lost:hover:after, .careers-container a.ctabutton-lost:active:after { height: 100%; } /* ----------------------------------------------------------------------------- * Font Styles for desktop ends * ---------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------- * Desktop Themes starts * ---------------------------------------------------------------------------*/ .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Yellow { background-color: #FFF729; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkYellow { background-color: #DED548; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Fuscia { background-color: #d43ff5; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkFuscia { background-color: #774078; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Cyan { background-color: #00fefd; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Blue { background-color: #00fefd; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkBlue { background-color: #00747e; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Green { background-color: #78fa6f; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkGreen { background-color: #5fba5c; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Orange { background-color: #FF9614; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkOrange { background-color: #b66f2b; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Gray { background-color: #2A2B33; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkGray { background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_White { background-color: #FFFFFF; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_LightGray { background-color: #D9DADB; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Yellow:hover { color: #FFF729; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkYellow:hover { color: #DED548; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Fuscia:hover { color: #d43ff5; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkFuscia:hover { color: #774078; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Cyan:hover { color: #00fefd; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Blue:hover { color: #00fefd; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkBlue:hover { color: #00747e; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Green:hover { color: #78fa6f; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkGreen:hover { color: #5fba5c; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Orange:hover { color: #FF9614; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkOrange:hover { color: #b66f2b; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_Gray:hover { color: #2A2B33; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_DarkGray:hover { color: #191b22; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_White:hover { color: #FFFFFF; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.colorPalette_LightGray:hover { color: #D9DADB; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Yellow { background-color: #FFF729; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkYellow { background-color: #DED548; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Fuscia { background-color: #d43ff5; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkFuscia { background-color: #774078; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Cyan { background-color: #00fefd; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Blue { background-color: #00fefd; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkBlue { background-color: #00747e; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Green { background-color: #78fa6f; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkGreen { background-color: #5fba5c; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Orange { background-color: #FF9614; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkOrange { background-color: #b66f2b; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Gray { background-color: #2A2B33; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkGray { background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_White { background-color: #FFFFFF; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_LightGray { background-color: #D9DADB; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Yellow:hover { color: #FFF729; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkYellow:hover { color: #DED548; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Fuscia:hover { color: #d43ff5; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkFuscia:hover { color: #774078; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Cyan:hover { color: #00fefd; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Blue:hover { color: #00fefd; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkBlue:hover { color: #00747e; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Green:hover { color: #78fa6f; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkGreen:hover { color: #5fba5c; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Orange:hover { color: #FF9614; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkOrange:hover { color: #b66f2b; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_Gray:hover { color: #2A2B33; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_DarkGray:hover { color: #191b22; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_White:hover { color: #FFFFFF; background-color: #191b22; } .careers-container .career-cols .careers-col-left a.onlyLink.colorPalette_LightGray:hover { color: #D9DADB; background-color: #191b22; } .careers-container .career-cols h1.colorPalette_Blue, .careers-container .career-cols h2.colorPalette_Blue, .careers-container .career-cols h3.colorPalette_Blue, .careers-container .career-cols p.colorPalette_Blue, .careers-container .career-cols span.colorPalette_Blue, .careers-container .career-cols .section-links p a.colorPalette_Blue, .careers-container .career-cols .section-links p.colorPalette_Blue a, .careers-container .career-cols h1.colorPalette_Cyan, .careers-container .career-cols h2.colorPalette_Cyan, .careers-container .career-cols h3.colorPalette_Cyan, .careers-container .career-cols p.colorPalette_Cyan, .careers-container .career-cols span.colorPalette_Cyan, .careers-container .career-cols .section-links p a.colorPalette_Cyan, .careers-container .career-cols .section-links p.colorPalette_Cyan a, .careers-container .career-cols .careers-col-left p.colorPalette_Cyan a, .careers-container .career-cols .careers-col-left p.colorPalette_Blue a { color: #00fefd !important; } .careers-container .career-cols h1.colorPalette_DarkBlue, .careers-container .career-cols h2.colorPalette_DarkBlue, .careers-container .career-cols h3.colorPalette_DarkBlue, .careers-container .career-cols p.colorPalette_DarkBlue, .careers-container .career-cols span.colorPalette_DarkBlue, .careers-container .career-cols .section-links p a.colorPalette_DarkBlue, .careers-container .career-cols .section-links p.colorPalette_DarkBlue a, .careers-container .career-cols h1.colorPalette_DarkCyan, .careers-container .career-cols h2.colorPalette_DarkCyan, .careers-container .career-cols h3.colorPalette_DarkCyan, .careers-container .career-cols p.colorPalette_DarkCyan, .careers-container .career-cols span.colorPalette_DarkCyan, .careers-container .career-cols .section-links p a.colorPalette_DarkCyan, .careers-container .career-cols .section-links p.colorPalette_DarkCyan a, .careers-container .career-cols .careers-col-left p.colorPalette_DarkCyan a, .careers-container .career-cols .careers-col-left p.colorPalette_DarkBlue a { color: #00747e !important; } .careers-container .career-cols h1.colorPalette_Green, .careers-container .career-cols h2.colorPalette_Green, .careers-container .career-cols h3.colorPalette_Green, .careers-container .career-cols p.colorPalette_Green, .careers-container .career-cols span.colorPalette_Green, .careers-container .career-cols .section-links p a.colorPalette_Green, .careers-container .career-cols .section-links p.colorPalette_Green a, .careers-container .career-cols .careers-col-left p.colorPalette_Green a { color: #78fa6f !important; } .careers-container .career-cols h1.colorPalette_DarkGreen, .careers-container .career-cols h2.colorPalette_DarkGreen, .careers-container .career-cols h3.colorPalette_DarkGreen, .careers-container .career-cols p.colorPalette_DarkGreen, .careers-container .career-cols span.colorPalette_DarkGreen, .careers-container .career-cols .section-links p a.colorPalette_DarkGreen, .careers-container .career-cols .section-links p.colorPalette_DarkGreen a, .careers-container .career-cols .careers-col-left p.colorPalette_DarkGreen a { color: #5fba5c !important; } .careers-container .career-cols h1.colorPalette_Yellow, .careers-container .career-cols h2.colorPalette_Yellow, .careers-container .career-cols h3.colorPalette_Yellow, .careers-container .career-cols p.colorPalette_Yellow, .careers-container .career-cols span.colorPalette_Yellow, .careers-container .career-cols .section-links p a.colorPalette_Yellow, .careers-container .career-cols .section-links p.colorPalette_Yellow a, .careers-container .career-cols .careers-col-left p.colorPalette_Yellow a { color: #fff729 !important; } .careers-container .career-cols h1.colorPalette_DarkYellow, .careers-container .career-cols h2.colorPalette_DarkYellow, .careers-container .career-cols h3.colorPalette_DarkYellow, .careers-container .career-cols p.colorPalette_DarkYellow, .careers-container .career-cols span.colorPalette_DarkYellow, .careers-container .career-cols .section-links p a.colorPalette_DarkYellow, .careers-container .career-cols .section-links p.colorPalette_DarkYellow a, .careers-container .career-cols .careers-col-left p.colorPalette_DarkYellow a { color: #ded548 !important; } .careers-container .career-cols h1.colorPalette_Orange, .careers-container .career-cols h2.colorPalette_Orange, .careers-container .career-cols h3.colorPalette_Orange, .careers-container .career-cols p.colorPalette_Orange, .careers-container .career-cols span.colorPalette_Orange, .careers-container .career-cols .section-links p a.colorPalette_Orange, .careers-container .career-cols .section-links p.colorPalette_Orange a, .careers-container .career-cols .careers-col-left p.colorPalette_Orange a { color: #ff9614 !important; } .careers-container .career-cols h1.colorPalette_DarkOrange, .careers-container .career-cols h2.colorPalette_DarkOrange, .careers-container .career-cols h3.colorPalette_DarkOrange, .careers-container .career-cols p.colorPalette_DarkOrange, .careers-container .career-cols span.colorPalette_DarkOrange, .careers-container .career-cols .section-links p a.colorPalette_DarkOrange, .careers-container .career-cols .section-links p.colorPalette_DarkOrange a, .careers-container .career-cols .careers-col-left p.colorPalette_DarkOrange a { color: #b66f2b !important; } .careers-container .career-cols h1.colorPalette_Fuscia, .careers-container .career-cols h2.colorPalette_Fuscia, .careers-container .career-cols h3.colorPalette_Fuscia, .careers-container .career-cols p.colorPalette_Fuscia, .careers-container .career-cols span.colorPalette_Fuscia, .careers-container .career-cols .section-links p a.colorPalette_Fuscia, .careers-container .career-cols .section-links p.colorPalette_Fuscia a, .careers-container .career-cols .careers-col-left p.colorPalette_Fuscia a { color: #d43ff5 !important; } .careers-container .career-cols h1.colorPalette_DarkFuscia, .careers-container .career-cols h2.colorPalette_DarkFuscia, .careers-container .career-cols h3.colorPalette_DarkFuscia, .careers-container .career-cols p.colorPalette_DarkFuscia, .careers-container .career-cols span.colorPalette_DarkFuscia, .careers-container .career-cols .section-links p a.colorPalette_DarkFuscia, .careers-container .career-cols .section-links p.colorPalette_DarkFuscia a, .careers-container .career-cols .careers-col-left p.colorPalette_DarkFuscia a { color: #774078 !important; } .careers-container .career-cols h1.colorPalette_Gray, .careers-container .career-cols h2.colorPalette_Gray, .careers-container .career-cols h3.colorPalette_Gray, .careers-container .career-cols p.colorPalette_Gray, .careers-container .career-cols span.colorPalette_Gray, .careers-container .career-cols .section-links p a.colorPalette_Gray, .careers-container .career-cols .section-links p.colorPalette_Gray a, .careers-container .career-cols .careers-col-left p.colorPalette_Gray a { color: #2a2b33 !important; } .careers-container .career-cols h1.colorPalette_DarkGray, .careers-container .career-cols h2.colorPalette_DarkGray, .careers-container .career-cols h3.colorPalette_DarkGray, .careers-container .career-cols p.colorPalette_DarkGray, .careers-container .career-cols span.colorPalette_DarkGray, .careers-container .career-cols .section-links p a.colorPalette_DarkGray, .careers-container .career-cols .section-links p.colorPalette_DarkGray a, .careers-container .career-cols .careers-col-left p.colorPalette_DarkGray a { color: #191b22 !important; } .careers-container .career-cols h1.colorPalette_LightGray, .careers-container .career-cols h2.colorPalette_LightGray, .careers-container .career-cols h3.colorPalette_LightGray, .careers-container .career-cols p.colorPalette_LightGray, .careers-container .career-cols span.colorPalette_LightGray, .careers-container .career-cols .section-links p a.colorPalette_LightGray, .careers-container .career-cols .section-links p.colorPalette_LightGray a, .careers-container .career-cols .careers-col-left p.colorPalette_LightGray a { color: #d9dadb !important; } .careers-container .career-cols h1.colorPalette_White, .careers-container .career-cols h2.colorPalette_White, .careers-container .career-cols h3.colorPalette_White, .careers-container .career-cols p.colorPalette_White, .careers-container .career-cols span.colorPalette_White, .careers-container .career-cols .section-links p a.colorPalette_White, .careers-container .career-cols .section-links p.colorPalette_White a, .careers-container .career-cols .careers-col-left p.colorPalette_White a { color: #fff !important; } .careers-container .career-cols h1.colorPalette_Black, .careers-container .career-cols h2.colorPalette_Black, .careers-container .career-cols h3.colorPalette_Black, .careers-container .career-cols p.colorPalette_Black, .careers-container .career-cols span.colorPalette_Black, .careers-container .career-cols .section-links p a.colorPalette_Black, .careers-container .career-cols .section-links p.colorPalette_Black a, .careers-container .career-cols .careers-col-left p.colorPalette_Black a { color: #000 !important; } .careers-container .career-cols .section-links p a.colorPalette_Yellow { color: #FFF729; } .careers-container .career-cols .section-links p a.colorPalette_DarkYellow { color: #DED548; } .careers-container .career-cols .section-links p a.colorPalette_Fuscia { color: #d43ff5; } .careers-container .career-cols .section-links p a.colorPalette_DarkFuscia { color: #774078; } .careers-container .career-cols .section-links p a.colorPalette_Cyan { color: #00fefd; } .careers-container .career-cols .section-links p a.colorPalette_Blue { color: #00fefd; } .careers-container .career-cols .section-links p a.colorPalette_DarkBlue { color: #00747e; } .careers-container .career-cols .section-links p a.colorPalette_Green { color: #78fa6f; } .careers-container .career-cols .section-links p a.colorPalette_DarkGreen { color: #5fba5c; } .careers-container .career-cols .section-links p a.colorPalette_Orange { color: #FF9614; } .careers-container .career-cols .section-links p a.colorPalette_DarkOrange { color: #b66f2b; } .careers-container .career-cols .section-links p a.colorPalette_Gray { color: #2A2B33; } .careers-container .career-cols .section-links p a.colorPalette_DarkGray { color: #191b22; } .careers-container .career-cols .section-links p a.colorPalette_White { color: #FFFFFF; } .careers-container .career-cols .section-links p a.colorPalette_LightGray { color: #D9DADB; } .careers-container[data-mask="none"].colorPalette_Yellow { background-color: #FFF729 !important; } .careers-container[data-mask="none"].colorPalette_DarkYellow { background-color: #DED548 !important; } .careers-container[data-mask="none"].colorPalette_Fuscia { background-color: #d43ff5 !important; } .careers-container[data-mask="none"].colorPalette_DarkFuscia { background-color: #774078 !important; } .careers-container[data-mask="none"].colorPalette_Cyan { background-color: #00fefd !important; } .careers-container[data-mask="none"].colorPalette_Blue { background-color: #00fefd !important; } .careers-container[data-mask="none"].colorPalette_DarkBlue { background-color: #00747e !important; } .careers-container[data-mask="none"].colorPalette_Green { background-color: #78fa6f !important; } .careers-container[data-mask="none"].colorPalette_DarkGreen { background-color: #5fba5c !important; } .careers-container[data-mask="none"].colorPalette_Orange { background-color: #FF9614 !important; } .careers-container[data-mask="none"].colorPalette_DarkOrange { background-color: #b66f2b !important; } .careers-container[data-mask="none"].colorPalette_Gray { background-color: #2A2B33 !important; } .careers-container[data-mask="none"].colorPalette_DarkGray { background-color: #191b22 !important; } .careers-container[data-mask="none"].colorPalette_White { background-color: #FFFFFF !important; } .careers-container[data-mask="none"].colorPalette_LightGray { background-color: #D9DADB !important; } /* ----------------------------------------------------------------------------- * Desktop Themes starts Ends * ---------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------- * Responsive starts * ---------------------------------------------------------------------------*/ /* * Mobile Breal points * */ @media only screen and (min-width: 280px) and (max-width: 767px) { .careers-content .sectionTitleWithMask .maskColorFiller { padding-bottom: 25px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 25px !important; } .careers-container[data-mask*="xlink-deep-curve"] { margin-top: -1px; } .careers-container[data-mask*="xlink-deep-curve"] .careers-content-wrapper { margin-top: 10px; } .careers-container[data-mask*="xlink-notch"] { margin-top: -1px; height: auto; } .careers-container[data-mask*="xlink-deep-curve"] { height: auto; } .careers-container[data-mask*="xlink-notch"] .careers-content-wrapper { margin-top: 10px; } .careers-content { width: 100%; } .careers-container.colorPalette_Yellow .careers-col-left p { margin-bottom: 13px; } .careers-container .careers-col-left h2{ padding-top: 5px !important; padding-bottom:0px !important; } /*.careers-col-left a.ctabutton-lost { background-color: #2a2b33 !important; clear: both; display: inline-block; float: left; font-family: 'BrandonGrotesqueBlack'; font-size: 1em; height: 24px; line-height: 24px; }*/ .careers-col-left a.ctabutton-lost i.icon-chevron-right { font-size: 13px; padding-left: 5px; display: inline-block; } .careers-container .maskImage { display: none; } /* Broken image below hero carousel */ .ie8 .careers-container .maskImage{ display:none !important; } /* Broken image below hero carousel */ .careers-col-left p, .section-links h3 { padding-left: 0px; } /*.careers-col-left p span.motivator-quote { color: #222222 !important; margin: 0; padding: 0; line-height: 1.05em; font-family: 'BrandonGrotesqueBold'; font-size: 1em; margin-top: 1px; word-wrap: break-word; }*/ /*.careers-col-left span.motivator { width: 100%; float: left; color: #222; font-size: 0.95em; margin-bottom: 7px; font-weight: bold; display: block; margin-top: 10px; text-transform: none; font-family: Georgia; }*/ .careers-col-left, .careers-col-right { width: 100%; border: none; margin: 0 0 23px 0; padding: 0; height: auto; min-height: 0; } .careers-col-right hr { display: block; height: 1px; border: 0; border-top: 1px solid #B7B7B7; margin: 1em 0; padding: 0; } .careers-col-left span.plainText { color: #222; } .careers-col-right.borderEnabled .section-links:first-child { margin-top: 32px; } .win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:33px !important; } .careers-col-left.borderEnabled, .careers-col-right.borderEnabled { border: none; border-top: 1px solid #B7B7B7; } .careers-col-right.borderEnabled { padding-left: 0; } /*.careers-col-left p { font-size: 1em; padding: 0 20px 0 0px; color: #2A2B33 !important; } .section-links h3 { font-size: 0.875em; padding-left: 3%; color: #2A2B33 !important; } .section-links p { font-size: 1em; padding: 0 20px; line-height: 1em; } .section-links p a { font-size: 1em; }*/ .careers-content-wrapper { position: relative; padding: 0px 10px 0px 10px; } .careers-col-left a.onlyLink { text-decoration: underline; background: transparent !important; } .careers-col-left a.onlyLink:hover { background: transparent !important; } .careers-content-wrapper .sectionTitleWithMask[data-mask="none"] .maskColorFiller { margin-top: -22px; } .careers-container[data-mask="none"] { min-height: 300px; } /*------------------------------------------------- New Mobile Themes Starts --------------------------------------------------*/ .careers-container.m_colorPalette_Yellow { background-color: #FFF729 !important; } .careers-container.m_colorPalette_DarkYellow { background-color: #DED548 !important; } .careers-container.m_colorPalette_Fuscia { background-color: #d43ff5 !important; } .careers-container.m_colorPalette_DarkFuscia { background-color: #774078 !important; } .careers-container.m_colorPalette_Cyan { background-color: #00fefd !important; } .careers-container.m_colorPalette_Blue { background-color: #00fefd !important; } .careers-container.m_colorPalette_DarkBlue { background-color: #00747e !important; } .careers-container.m_colorPalette_Green { background-color: #78fa6f !important; } .careers-container.m_colorPalette_DarkGreen { background-color: #5fba5c !important; } .careers-container.m_colorPalette_Orange { background-color: #FF9614 !important; } .careers-container.m_colorPalette_DarkOrange { background-color: #b66f2b !important; } .careers-container.m_colorPalette_Gray { background-color: #2A2B33 !important; } .careers-container.m_colorPalette_DarkGray { background-color: #191b22 !important; } .careers-container.m_colorPalette_White { background-color: #FFFFFF !important; } .careers-container.m_colorPalette_LightGray { background-color: #D9DADB !important; } .careers-container .career-cols h1.m_colorPalette_Blue, .careers-container .career-cols h2.m_colorPalette_Blue, .careers-container .career-cols h3.m_colorPalette_Blue, .careers-container .career-cols p.m_colorPalette_Blue, .careers-container .career-cols span.m_colorPalette_Blue, .careers-container .career-cols .section-links p a.m_colorPalette_Blue, .careers-container .career-cols .section-links p.m_colorPalette_Blue a, .careers-container .career-cols h1.m_colorPalette_Cyan, .careers-container .career-cols h2.m_colorPalette_Cyan, .careers-container .career-cols h3.m_colorPalette_Cyan, .careers-container .career-cols p.m_colorPalette_Cyan, .careers-container .career-cols span.m_colorPalette_Cyan, .careers-container .career-cols .section-links p a.m_colorPalette_Cyan, .careers-container .career-cols .section-links p.m_colorPalette_Cyan a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Cyan a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Blue a { color: #00fefd !important; } .careers-container .career-cols h1.m_colorPalette_DarkBlue, .careers-container .career-cols h2.m_colorPalette_DarkBlue, .careers-container .career-cols h3.m_colorPalette_DarkBlue, .careers-container .career-cols p.m_colorPalette_DarkBlue, .careers-container .career-cols span.m_colorPalette_DarkBlue, .careers-container .career-cols .section-links p a.m_colorPalette_DarkBlue, .careers-container .career-cols .section-links p.m_colorPalette_DarkBlue a, .careers-container .career-cols h1.m_colorPalette_DarkCyan, .careers-container .career-cols h2.m_colorPalette_DarkCyan, .careers-container .career-cols h3.m_colorPalette_DarkCyan, .careers-container .career-cols p.m_colorPalette_DarkCyan, .careers-container .career-cols span.m_colorPalette_DarkCyan, .careers-container .career-cols .section-links p a.m_colorPalette_DarkCyan, .careers-container .career-cols .section-links p.m_colorPalette_DarkCyan a, .careers-container .career-cols .careers-col-left p.m_colorPalette_DarkCyan a, .careers-container .career-cols .careers-col-left p.m_colorPalette_DarkBlue a { color: #00747e !important; } .careers-container .career-cols h1.m_colorPalette_Green, .careers-container .career-cols h2.m_colorPalette_Green, .careers-container .career-cols h3.m_colorPalette_Green, .careers-container .career-cols p.m_colorPalette_Green, .careers-container .career-cols span.m_colorPalette_Green, .careers-container .career-cols .section-links p a.m_colorPalette_Green, .careers-container .career-cols .section-links p.m_colorPalette_Green a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Green a { color: #78fa6f !important; } .careers-container .career-cols h1.m_colorPalette_DarkGreen, .careers-container .career-cols h2.m_colorPalette_DarkGreen, .careers-container .career-cols h3.m_colorPalette_DarkGreen, .careers-container .career-cols p.m_colorPalette_DarkGreen, .careers-container .career-cols span.m_colorPalette_DarkGreen, .careers-container .career-cols .section-links p a.m_colorPalette_DarkGreen, .careers-container .career-cols .section-links p.m_colorPalette_DarkGreen a, .careers-container .career-cols .careers-col-left p.m_colorPalette_DarkGreen a { color: #5fba5c !important; } .careers-container .career-cols h1.m_colorPalette_Yellow, .careers-container .career-cols h2.m_colorPalette_Yellow, .careers-container .career-cols h3.m_colorPalette_Yellow, .careers-container .career-cols p.m_colorPalette_Yellow, .careers-container .career-cols span.m_colorPalette_Yellow, .careers-container .career-cols .section-links p a.m_colorPalette_Yellow, .careers-container .career-cols .section-links p.m_colorPalette_Yellow a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Yellow a { color: #fff729 !important; } .careers-container .career-cols h1.m_colorPalette_DarkYellow, .careers-container .career-cols h2.m_colorPalette_DarkYellow, .careers-container .career-cols h3.m_colorPalette_DarkYellow, .careers-container .career-cols p.m_colorPalette_DarkYellow, .careers-container .career-cols span.m_colorPalette_DarkYellow, .careers-container .career-cols .section-links p a.m_colorPalette_DarkYellow, .careers-container .career-cols .section-links p.m_colorPalette_DarkYellow a, .careers-container .career-cols .careers-col-left p.m_colorPalette_DarkYellow a { color: #ded548 !important; } .careers-container .career-cols h1.m_colorPalette_Orange, .careers-container .career-cols h2.m_colorPalette_Orange, .careers-container .career-cols h3.m_colorPalette_Orange, .careers-container .career-cols p.m_colorPalette_Orange, .careers-container .career-cols span.m_colorPalette_Orange, .careers-container .career-cols .section-links p a.m_colorPalette_Orange, .careers-container .career-cols .section-links p.m_colorPalette_Orange a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Orange a { color: #ff9614 !important; } .careers-container .career-cols h1.m_colorPalette_DarkOrange, .careers-container .career-cols h2.m_colorPalette_DarkOrange, .careers-container .career-cols h3.m_colorPalette_DarkOrange, .careers-container .career-cols p.m_colorPalette_DarkOrange, .careers-container .career-cols span.m_colorPalette_DarkOrange, .careers-container .career-cols .section-links p a.m_colorPalette_DarkOrange, .careers-container .career-cols .section-links p.m_colorPalette_DarkOrange a, .careers-container .career-cols .careers-col-left p.m_colorPalette_DarkOrange a { color: #b66f2b !important; } .careers-container .career-cols h1.m_colorPalette_Fuscia, .careers-container .career-cols h2.m_colorPalette_Fuscia, .careers-container .career-cols h3.m_colorPalette_Fuscia, .careers-container .career-cols p.m_colorPalette_Fuscia, .careers-container .career-cols span.m_colorPalette_Fuscia, .careers-container .career-cols .section-links p a.m_colorPalette_Fuscia, .careers-container .career-cols .section-links p.m_colorPalette_Fuscia a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Fuscia a { color: #d43ff5 !important; } .careers-container .career-cols h1.m_colorPalette_DarkFuscia, .careers-container .career-cols h2.m_colorPalette_DarkFuscia, .careers-container .career-cols h3.m_colorPalette_DarkFuscia, .careers-container .career-cols p.m_colorPalette_DarkFuscia, .careers-container .career-cols span.m_colorPalette_DarkFuscia, .careers-container .career-cols .section-links p a.m_colorPalette_DarkFuscia, .careers-container .career-cols .section-links p.m_colorPalette_DarkFuscia a, .careers-container .career-cols .careers-col-left p.m_colorPalette_DarkFuscia a { color: #774078 !important; } .careers-container .career-cols h1.m_colorPalette_Gray, .careers-container .career-cols h2.m_colorPalette_Gray, .careers-container .career-cols h3.m_colorPalette_Gray, .careers-container .career-cols p.m_colorPalette_Gray, .careers-container .career-cols span.m_colorPalette_Gray, .careers-container .career-cols .section-links p a.m_colorPalette_Gray, .careers-container .career-cols .section-links p.m_colorPalette_Gray a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Gray a { color: #2a2b33 !important; } .careers-container .career-cols h1.m_colorPalette_DarkGray, .careers-container .career-cols h2.m_colorPalette_DarkGray, .careers-container .career-cols h3.m_colorPalette_DarkGray, .careers-container .career-cols p.m_colorPalette_DarkGray, .careers-container .career-cols span.m_colorPalette_DarkGray, .careers-container .career-cols .section-links p a.m_colorPalette_DarkGray, .careers-container .career-cols .section-links p.m_colorPalette_DarkGray a, .careers-container .career-cols .careers-col-left p.m_colorPalette_DarkGray a { color: #191b22 !important; } .careers-container .career-cols h1.m_colorPalette_LightGray, .careers-container .career-cols h2.m_colorPalette_LightGray, .careers-container .career-cols h3.m_colorPalette_LightGray, .careers-container .career-cols p.m_colorPalette_LightGray, .careers-container .career-cols span.m_colorPalette_LightGray, .careers-container .career-cols .section-links p a.m_colorPalette_LightGray, .careers-container .career-cols .section-links p.m_colorPalette_LightGray a, .careers-container .career-cols .careers-col-left p.m_colorPalette_LightGray a { color: #d9dadb !important; } .careers-container .career-cols h1.m_colorPalette_White, .careers-container .career-cols h2.m_colorPalette_White, .careers-container .career-cols h3.m_colorPalette_White, .careers-container .career-cols p.m_colorPalette_White, .careers-container .career-cols span.m_colorPalette_White, .careers-container .career-cols .section-links p a.m_colorPalette_White, .careers-container .career-cols .section-links p.m_colorPalette_White a, .careers-container .career-cols .careers-col-left p.m_colorPalette_White a { color: #fff !important; } .careers-container .career-cols h1.m_colorPalette_Black, .careers-container .career-cols h2.m_colorPalette_Black, .careers-container .career-cols h3.m_colorPalette_Black, .careers-container .career-cols p.m_colorPalette_Black, .careers-container .career-cols span.m_colorPalette_Black, .careers-container .career-cols .section-links p a.m_colorPalette_Black, .careers-container .career-cols .section-links p.m_colorPalette_Black a, .careers-container .career-cols .careers-col-left p.m_colorPalette_Black a { color: #000 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_Yellow { background-color: #FFF729 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_DarkYellow { background-color: #DED548 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_Fuscia { background-color: #d43ff5 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_DarkFuscia { background-color: #774078 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_Cyan { background-color: #00fefd !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_Blue { background-color: #00fefd !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_DarkBlue { background-color: #00747e !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_Green { background-color: #78fa6f !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_DarkGreen { background-color: #5fba5c !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_Orange { background-color: #FF9614 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_DarkOrange { background-color: #b66f2b !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_Gray { background-color: #2A2B33 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_DarkGray { background-color: #191b22 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_White { background-color: #FFFFFF !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.m_colorPalette_LightGray { background-color: #D9DADB !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_Yellow { color: #FFF729 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_DarkYellow { color: #DED548 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_Fuscia { color: #d43ff5 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_DarkFuscia { color: #774078 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_Cyan { color: #00fefd !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_Blue { color: #00fefd !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_DarkBlue { color: #00747e !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_Green { color: #78fa6f !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_DarkGreen { color: #5fba5c !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_Orange { color: #FF9614 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_DarkOrange { color: #b66f2b !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_Gray { color: #2A2B33 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_DarkGray { color: #191b22 !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_White { color: #FFFFFF !important; } .careers-container .career-cols .careers-col-left a.ctabutton-lost.t_colorPalette_LightGray { color: #D9DADB !important; } .careers-container[data-mask="none"].m_colorPalette_Yellow { background-color: #FFF729 !important; } .careers-container[data-mask="none"].m_colorPalette_DarkYellow { background-color: #DED548 !important; } .careers-container[data-mask="none"].m_colorPalette_Fuscia { background-color: #d43ff5 !important; } .careers-container[data-mask="none"].m_colorPalette_DarkFuscia { background-color: #774078 !important; } .careers-container[data-mask="none"].m_colorPalette_Cyan { background-color: #00fefd !important; } .careers-container[data-mask="none"].m_colorPalette_Blue { background-color: #00fefd !important; } .careers-container[data-mask="none"].m_colorPalette_DarkBlue { background-color: #00747e !important; } .careers-container[data-mask="none"].m_colorPalette_Green { background-color: #78fa6f !important; } .careers-container[data-mask="none"].m_colorPalette_DarkGreen { background-color: #5fba5c !important; } .careers-container[data-mask="none"].m_colorPalette_Orange { background-color: #FF9614 !important; } .careers-container[data-mask="none"].m_colorPalette_DarkOrange { background-color: #b66f2b !important; } .careers-container[data-mask="none"].m_colorPalette_Gray { background-color: #2A2B33 !important; } .careers-container[data-mask="none"].m_colorPalette_DarkGray { background-color: #191b22 !important; } .careers-container[data-mask="none"].m_colorPalette_White { background-color: #FFFFFF !important; } .careers-container[data-mask="none"].m_colorPalette_LightGray { background-color: #D9DADB !important; } /*-------------------------------------- * Mobile Themes Ends *---------------------------------------*/ .careers-container { padding-bottom: 25px; } .careers-container .career-cols .careers-col-left h1 { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 1.5em !important; word-wrap: break-word; line-height: 1.05em !important; padding-bottom: 15px; } .android .careers-container .career-cols .careers-col-left h1 { margin-top: 2px; } .careers-container .career-cols h2 { margin: 0; padding: 0 0 10px; font-family: 'BrandonGrotesqueBold'; font-size: 1.25em !important; line-height: 1.05em !important; } .careers-container .career-cols h3 { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 0.93em !important; line-height: 1.25em !important; } .careers-container .career-cols p { margin: 0; padding: 0; font-family: Georgia; font-size: 0.875em !important; line-height: 1.18em !important; margin-top: 10px; } .careers-container .career-cols .motivator { margin: 0; padding: 0; font-family: Georgia; font-size: 1.1875em !important; line-height: 1.5em !important; } .careers-container .career-cols .section-links p a > span.linkList, .careers-container .career-cols .careers-col-left p a > span.linkList { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 0.875em !important; line-height: 1em !important; text-decoration: underline; margin-top: 10px; text-transform: uppercase; } .careers-container .career-cols .careers-col-left p a, .careers-container .career-cols .section-links p a { text-decoration: underline; } .careers-container .career-cols .careers-col-left a.ctabutton-lost { margin: 0; padding: 0; text-decoration: none; display: inline-block; text-transform: uppercase; height: 34px; font-size: 0.9em !important; padding: 1px 15px 0; line-height: 38px; font-family: 'BrandonGrotesqueBold'; } .careers-container[data-mask="none"] { min-height: 300px; } } @media only screen and (min-width: 768px) and (max-width: 1190px) { .ipad .careers-container .career-cols .careers-col-left h1 { margin-top: 2px; } .careers-container[data-mask*="xlink-deep-curve"]{ margin-top:-126px } .careers-container[data-mask*="xlink-deep-curve"] .careers-content-wrapper{ margin-top:92px } .careers-content-wrapper .sectionTitleWithMask .maskColorFiller{ padding-bottom:31px! important; } .careers-container .career-cols .careers-col-left p{ margin-top:5px !important; } .careers-container[data-mask*="xlink-notch"] .careers-content-wrapper{ margin-top:20px } .careers-col-left{ width:60% } .careers-col-right{ min-height:1px; padding-bottom:5px; margin-left:0; width:40% } /*.section-links h3 { font-size: 1em; } .section-links p a { font-size: 0.7em; }*/ .section-links.next { margin-top: 8px; } .section-links p { margin-top: -4px; } .careers-content-wrapper .sectionTitleWithMask .maskColorFiller{ padding-bottom:31px! important; } .careers-container[data-mask*="xlink-notch"] .careers-content-wrapper .sectionTitleWithMask .maskColorFiller { padding-bottom: 30px !important; } /*.careers-col-left p span.motivator-quote { font-size: 2em; line-height: 1em; } .careers-col-left p.whiteparagraph, .careers-col-left p.whiteparagraph a, .section-links p.whiteparagraph, .section-links p.whiteparagraph a { font-size: 14px !important; } .careers-col-left p.blackparagraph, .careers-col-left p.blackparagraph a, .section-links p.blackparagraph, .section-links p.blackparagraph a { font-size: 14px !important; }*/ .careers-container .career-cols .careers-col-left h1 { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 2.0em !important; word-wrap: break-word; line-height: 1.05em !important; padding-bottom: 15px; } .careers-container .career-cols h2 { marign: 0; padding: 0 0 10px; font-family: 'BrandonGrotesqueBold'; font-size: 1.0em !important; line-height: 1.05em !important; } .careers-container .career-cols h3 { marign: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 0.93em !important; line-height: 1.25em !important; } .careers-container .career-cols p,.careers-container .career-cols ul, .careers-container .career-cols ol { marign: 0; padding: 0; font-family: Georgia; font-size: 1em !important; line-height: 1.18em !important; margin-top: 10px; } .careers-container .career-cols .motivator { marign: 0; padding: 0; font-family: Georgia; font-size: 1.1875em !important; line-height: 1.5em !important; } .careers-container .career-cols .section-links p a > span.linkList, .careers-container .career-cols .careers-col-left p a > span.linkList { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 0.93em !important; line-height: 1em !important; text-decoration: underline; margin-top: 10px; text-transform: uppercase; } .careers-container .career-cols .careers-col-left p a, .careers-container .career-cols .section-links p a { text-decoration: underline; } .careers-container .career-cols .careers-col-left a.ctabutton-lost { margin: 0; padding: 0; text-decoration: none; display: inline-block; /*color: #191b22;*/ text-transform: uppercase; height: 34px; font-size: 1.25em !important; padding: 1px 20px 0; line-height: 38px; font-family: 'BrandonGrotesqueBold'; } .careers-container[data-mask="none"] { min-height: 400px; } .mac.webkit .career-cols{ padding-top:1%; } } @media only screen and (min-width: 1000px) and (max-width: 1080px) { .careers-container .career-cols p { font-size: 0.9em !important; } } @media only screen and (min-width: 1081px) and (max-width: 1190px) { .careers-container .career-cols p { font-size: 1em !important; } } @media only screen and (min-width: 1024px) and (max-width: 1190px) { .careers-container[data-mask*="xlink-deep-curve"]{ margin-top:-124px } .careers-container[data-mask*="xlink-deep-curve"] .careers-content-wrapper{ margin-top:145px } } @media only screen and (min-width: 1192px) and (max-width: 1280px) { .careers-col-right { min-height: 1px; } } /* New Mask Updates */ @media only screen and (min-width: 1281px) and (max-width: 1440px) { .careers-container[data-mask*="xlink-deep-curve"] { margin-top: -180px; } .careers-container[data-mask*="xlink-deep-curve"] .careers-content-wrapper{ margin-top:153px } .careers-container[data-mask*="xlink-notch"] { margin-top: -55px; } } /* ----------------------------------------------------------------------------- * Responsive ends * ---------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------- * Information Section Panel Ends * ---------------------------------------------------------------------------*/ @media only screen and (min-width: 320px) and (max-width: 767px) { .careers-container .career-cols .careers-col-left a.ctabutton-lost, .win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:36px; } .android .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:4px; } .android.android4.device_micromax_a110q .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:0px; } .android.device_micromax_a110q .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:3px; } .android.device_micromax_a110q.maxw_320 .careers-container[data-mask*="xlink-notch"] { margin-top: 1px; } .android.device_micromax_a110q.maxw_320 .careers-container[data-mask*="xlink-notch"] .careers-content-wrapper{ margin-top: 0px; } } @media only screen and (min-width: 570px) and (max-width: 570px) { .android.device_micromax_a110q .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:0px; } } @media only screen and (min-width: 1025px) { .ie8 .careers-content-wrapper .sectionTitleWithMask[data-mask="none"] .maskColorFiller, .ie10 .careers-content-wrapper .sectionTitleWithMask[data-mask="none"] .maskColorFiller { margin-top: 0px; } } @media only screen and (min-width: 360px) and (max-width: 640px) { html[lang="en-us"].android4_0.device_gt_i9300 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:0px; } html[lang="en-gb"].android4_0.device_gt_i9300 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:0px; } } html[lang="cn-cn"] .careers-container .career-cols .careers-col-left h1 , html[lang="cn-cn"] .careers-container .career-cols h2 , html[lang="cn-cn"] .careers-container .career-cols h3 , html[lang="cn-cn"] .careers-container .careers-col-left a.ctabutton-lost, html[lang="cn-cn"] .careers-container .career-cols .section-links p a>span.linkList, html[lang="cn-cn"] .careers-container .career-cols .careers-col-left p a>span.linkList, html[lang="cn-cn"] .careers-container .career-cols .careers-col-left a.ctabutton-lost, html[lang="cn-cn"] .careers-container .career-cols h2, html[lang="cn-cn"] .careers-container .career-cols .careers-col-left h1, html[lang="cn-cn"] .careers-container .career-cols h2 , html[lang="cn-cn"] .careers-container .career-cols .careers-col-left h1 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .careers-container .career-cols ul, html[lang="cn-cn"] .careers-container .career-cols ol , html[lang="cn-cn"] .careers-container .career-cols .motivator { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .careers-container .career-cols p{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"].win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal !important; } html[lang="cn-cn"] .careers-container .career-cols{ padding-top: 10px; } html[lang="cn-cn"] .careers-col-right.borderEnabled .section-links:first-child{ margin-top:0; } html[lang="cn-cn"] .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal; padding:1px 20px; } html[lang="cn-cn"].ie10 .careers-container .career-cols .careers-col-left a.ctabutton-lost, html[lang="cn-cn"].ie11 .careers-container .career-cols .careers-col-left a.ctabutton-lost { padding-top:3px; } html[lang="cn-cn"].mac.webkit .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:8px; } html[lang="cn-cn"].mac.firefox .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:5px; } html[lang="cn-cn"].ie9 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:3px !important; } @media only screen and (min-width: 320px) and (max-width: 640px) { html[lang="cn-cn"] .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal; padding-top:6px; } html[lang="cn-cn"].android .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal; padding-top:8px; } } @media only screen and (min-width:280px) and (max-width:767px) { html[lang="cn-cn"] .careers-col-right.borderEnabled .section-links:first-child{ margin-top:32px; } html[lang="cn-cn"].iphone .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal; padding-top:9px; } html[lang="cn-cn"].win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost, html[lang="cn-cn"].ie10 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal; padding-top:6px; } html[lang="cn-cn"].ie9 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:6px !important; line-height:normal; } } @media only screen and (min-width: 768px) { html[lang="cn-cn"] .careers-container a.ctabutton-lost:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } /*html[lang="cn-cn"].ipad .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:32px !important; } html[lang="cn-cn"].ipad .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:35px !important; }*/ @media only screen and (min-width:280px) and (max-width:767px) { html[lang="cn-cn"].android .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:10px!important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="cn-cn"] .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal !important; } html[lang="cn-cn"].ipad .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:normal !important; padding-top:7px!important; } html[lang="cn-cn"].ie9 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:3px !important; } } html[lang="cn-cn"] .careers-container .career-cols h2 , html[lang="cn-cn"] .careers-container .career-cols h3 { font-weight:bold; } @media only screen and (min-width: 1026px) and (max-width: 1440px) { html[lang="cn-cn"] .careers-container .career-cols h2{ font-size:2.7em !important; } html[lang="cn-cn"] .motivator-quote-china{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-size:0.75em !important; } } @media only screen and (min-width: 768px){ html[lang="cn-cn"].win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:3px; } } @media only screen and (min-width:768px) and (max-width:1440px){ html[lang="cn-cn"].ie8 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:3px; line-height:normal; } } @media only screen and (min-width:280px) and (max-width:767px){ html[lang="cn-cn"].ie8 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:6px; line-height:normal; } } html[lang="cn-cn"].device_xt890 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:15px !important; } /* Micromax default button-lost alignment issue */ html[lang="cn-cn"].android.android4 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ padding-top:8px; } html[lang="pt-br"].ie8 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height: 33px !important; } @media only screen and (min-width: 768px) { html[lang="pt-br"] .careers-container a.ctabutton-lost:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } @media only screen and (min-width:768px) and (max-width:1440px){ html[lang="pt-br"].win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:33px !important; } html[lang="pt-br"].ie8 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height: 38px !important; } } @media only screen and (min-width:1027px) and (max-width:1440px){ html[lang="pt-br"] .career-cols{ padding-top:13px; } } html[lang="en-sg"].android4_0.device_gt_i9300 .careers-container .career-cols .careers-col-left a.ctabutton-lost { padding-top: 3px !important; } @media only screen and (min-width:360px) and (max-width:360px){ html[lang="en-sg"].android.device_xt890 .careers-container .career-cols .careers-col-left a.ctabutton-lost { line-height: 27px !important; } } html[lang="ja-jp"] .careers-container .career-cols .careers-col-left h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols h2 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols p, html[lang="ja-jp"] .careers-container .career-cols ul, html[lang="ja-jp"] .careers-container .career-cols ol { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .careers-container .career-cols .motivator { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .careers-container .career-cols .section-links p a > span.linkList, html[lang="ja-jp"] .careers-container .career-cols .careers-col-left p a > span.linkList { font-family: 'Meiryo'; } html[lang="ja-jp"] .careers-container .career-cols .careers-col-left a.ctabutton-lost { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols .careers-col-left a.ctabutton-lost , html[lang="ja-jp"].win.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height: 34px; } html[lang="ja-jp"].mac.chrome .careers-container .career-cols .careers-col-left a.ctabutton-lost { line-height: 36px; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="ja-jp"] .careers-container .career-cols .careers-col-left h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols h2 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols p, html[lang="ja-jp"] .careers-container .career-cols ul, html[lang="ja-jp"] .careers-container .career-cols ol { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .careers-container .career-cols .motivator { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .careers-container .career-cols .section-links p a > span.linkList, html[lang="ja-jp"] .careers-container .career-cols .careers-col-left p a > span.linkList { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols .careers-col-left a.ctabutton-lost { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"].iphone .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:32px; } } @media only screen and (min-width: 768px) and (max-width: 1190px) { html[lang="ja-jp"] .careers-container .career-cols .careers-col-left h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols h2 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols p, html[lang="ja-jp"] .careers-container .career-cols ul, html[lang="ja-jp"] .careers-container .career-cols ol { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .careers-container .career-cols .motivator { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .careers-container .career-cols .section-links p a > span.linkList, html[lang="ja-jp"] .careers-container .career-cols .careers-col-left p a > span.linkList { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .careers-container .career-cols .careers-col-left a.ctabutton-lost { font-family: 'Meiryo'; font-weight:bold; } } @media only screen and (min-width: 768px) { html[lang="ja-jp"].ie10 .careers-container .career-cols .careers-col-left a.ctabutton-lost { line-height: 36px; } html[lang="ja-jp"] .careers-container .career-cols{ padding-top:10px; } } /* Reducing the font size for breaking 2 line across IE Browsers */ /* @media only screen and (min-width:768px) and (max-width:1200px) { html[lang="ja-jp"] .careers-container .career-cols .careers-col-left h1{ font-size:1.75em !important; } } @media only screen and (min-width:1201px) { html[lang="ja-jp"] .careers-container .career-cols .careers-col-left h1{ font-size:3em; } } */ /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .careers-container .career-cols .careers-col-left a.ctabutton-lost { padding-top:2.5px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:31px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"].ipad .careers-container .career-cols .careers-col-left a.ctabutton-lost{ line-height:34px; } } .inspBlock{ display: block; width: 75%; margin: 0 auto; position:relative; z-index:9; border-bottom: 1px solid #FFF; background-color: transparent; } .inspBlock.noborder { border: none; } .inspBlock:hover { cursor: pointer; } .inspBlock:hover h3 { color: #00747e; } .inspBlock:hover { background-color: #FFFFFF; } .inspBlock > div { float: left; } .inspBlock img:first-child { float: left; width: 65%; height: 158px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); position: relative; z-index: 10; } .inspBlock > .storyContent { width: 35%; height: 158px; float: left; padding: 20px 20px 0 20px; cursor: pointer; } .inspBlock > a { text-decoration: none; color: inherit; } .inspBlock > a.read_story{ float: left; width: 65%; height: 158px; padding: 20px; background-color: #2a2b33; } .inspBlock > a.read_story h2{ color: #02FDFE; font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; line-height: 1.2em; /*font-weight:bold;*/ text-transform: uppercase; } .inspBlock > a.read_story>img{ margin-top: 5px; } .inspBlock > .storyContent h3 { margin: 0; padding: 0; font-size: 1.5em; font-family: 'BrandonGrotesqueBold'; text-transform: uppercase; line-height: 22px; } .inspBlock > .storyContent p { margin: 0; padding: 5px 0 0; font-family: Georgia; font-size: 0.875em; line-height: 18px; } .read_story { display: none; } .inspBlock:hover img:first-child { display: none; } .inspBlock:hover .read_story { display: block; } .inspBlock > a.read_story > img{ display:none; } .inspBlock>span.rightImage>span img{ float: right; } /*** Responsive CSS ***/ /*@media only screen and (min-width : 768px) and (max-width : 1440px) { .inspBlock:hover h3 { transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; } .inspBlock:hover { transition: background-color 1s; -moz-transition: background-color 1s; -webkit-transition: background-color 1s; } .inspBlock, .inspBlock img:first-child { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .read_story { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .inspBlock:hover img:first-child { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .inspBlock:hover .read_story { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } }*/ /****** ===== 280 - 600px Starts nov 6th ===== ****** **********************************************/ @media only screen and (min-width : 280px) and (max-width : 767px) { .inspirationSec{ padding: 0; } .inspBlock { display: block; margin: 0 auto; position: relative; width: 100% !important; margin-top:0px !important; content:" "; display:table; margin-top:40px; border: none; } .inspBlock > .storyContent h3{ font-size: 1.25em; } .inspBlock > a.read_story h2{ float:left; } .inspBlock img:first-child { float: left; display: block; width:100% !important; height:100%; } .android .inspBlock img { height:auto; } .inspBlock > a.read_story { background-color: #2A2B33; display: block; height: 30px; left: 10px; padding: 4px; position: absolute; width: auto; bottom: 10px; font-family: 'BrandonGrotesqueBold'; top: auto; opacity: 1; } .inspBlock > .storyContent { width:100% !important; margin-bottom:10px; height:auto; padding-bottom: 39px; padding-left: 10px; padding-top: 13px; } .inspBlock > a.read_story h2 { color: #06E3E6; font-family: 'BrandonGrotesqueBold'; font-size: 0.7em; line-height: 11px; padding-bottom: 0; padding-left: 8px; padding-right: 8px; padding-top: 6px; text-transform: uppercase; } .inspBlock > a.read_story > img { height: 14px; margin-left: 4px; margin-top: 4px; width: 11px; float:right; display:none; } .inspBlock:hover img:first-child { display: block; opacity: 1; } .inspBlock:hover h3 { background-color:none; } .inspiration-container{ padding-bottom:38px; } .inspBlock > .storyContent p { line-height: 16px; } } /****** ===== 280 - 600px Ends ===== ****** *******************************************/ /****** =====601 - 760px Starts ===== ****** **********************************************/ /* @media only screen and (min-width: 641px) and (max-width: 760px) { .inspBlock img:first-child, .inspBlock img { height: auto; } .inspBlock > .storyContent { float: left; height: 95px; padding: 10px; width: 35%; } .inspBlock > .storyContent h3 { font-size: 1.15em; line-height: 20px; } .inspBlock > .storyContent p { display : none; } .inspBlock > a.read_story { height: 95px; } .inspBlock > a.read_story h2 { font-size: 1.3em; } .inspBlock > a.read_story > img { height: 22px; } /* =601 - 760px= } */ /****** ===== 601 - 760px Ends ===== ****** *******************************************/ /****** ===== 768 - 1020px Starts ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .inspBlock img:first-child, .inspBlock img { height: 95px; } .inspBlock > .storyContent { float: left; height: 95px; padding: 7px 0 0 10px; width: 35%; } .inspBlock > .storyContent h3 { font-size: .8em; line-height: 14px; } .inspBlock > .storyContent p { font-size: 0.7em; line-height: 14px; height: auto; overflow: hidden; } .inspBlock > a.read_story { height: 95px; padding: 9px 0 0 10px; } .inspBlock > a.read_story h2 { font-size: 1.2em; } .inspBlock > a.read_story > img { height: 22px; } /* =768 - 1020px= */ } /****** ===== 768 - 1020px Ends ===== ****** ********************************************/ /********stories*************/ .left-content .container-fluid-new{ background-color:transparent!important; margin-top:16px; } .left-content .container-fluid-new:first-child{ margin-top:0px; } .left-content .inspBlock { display: block; margin: 0 auto; position: relative; width: 100%; margin-top:0px !important; content:" "; display:table; margin-top:40px; border: none; float:left; } .left-content .container-fluid-new.lastpanel{ margin-bottom:0px !important; } .left-content .inspBlock > .storyContent h3{ font-size: 1.5em; padding-top:16px; line-height:1em; color:#774078; } .left-content .inspBlock > a.read_story h2{ float:left; } .left-content .inspBlock img:first-child { float: left; display: block; width:100% !important; height:100%; } .left-content .inspBlock > a.read_story { display: block; height: 34px; line-height:38px; left: 0px; padding: 0 10px !important; position: absolute; width: auto; bottom: 10px; font-family: 'BrandonGrotesqueBold'; top: auto; opacity: 1; } .left-content .inspBlock > .storyContent { width:100% !important; margin-bottom:10px; height:auto; padding-bottom: 48px; padding-left: 0px; padding-top: 7px } .left-content .inspBlock > a.read_story h2 { color: #2a2b33; font-family: 'BrandonGrotesqueBlack'; font-size: 20px; text-transform: uppercase; text-align:center; width:100%; padding-top: 8px; } .win.chrome .left-content .inspBlock > a.read_story h2 { padding-top: 5px; } .left-content .inspBlock > a.read_story > img { height: 14px; margin-left: 4px; margin-top: 4px; width: 11px; float:right; display:none; } .left-content .inspBlock:hover img:first-child { display: block; opacity: 1; } .left-content .inspBlock:hover h3 { background-color:none; } .left-content .inspBlock > .storyContent p { line-height: 16px; padding-top:13px; } .left-content .inspBlock > a.read_story { background-color: #007480; color: #d9dadb !important; } .left-content .inspBlock > a.read_story:after { background-color: #2a2b33; height: 0; left: 0; top: 0; width: 100%; } .left-content .inspBlock > a.read_story{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .left-content .inspBlock > a.read_story:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .left-content .inspBlock > a.read_story{ z-index:4; border: 0; position: none; } .left-content .inspBlock > a.read_story:after { content: ''; position: absolute; z-index: -1; } .left-content .inspBlock > a.read_story:before{ position: relative; -webkit-font-smoothing: antialiased; } .left-content .inspBlock > a.read_story:hover:after { height: 100%; } @media only screen and (min-width:280px) and (max-width:767px){ .left-content .inspBlock > .storyContent{ padding-left:10px !important; padding-bottom:38px; } .left-content .inspBlock > a.read_story{ margin-left:10px ; height:28px; } .left-content .inspBlock > a.read_story h2{ font-size:12px; padding-top:10px; } .win.chrome .left-content .inspBlock > a.read_story h2 { padding-top: 9px; } .storyborderbottom { border-bottom: 1px solid #c0c0c0; padding-bottom: 15px; } .left-content .inspBlock > .storyContent h3{ font-size:14px; font-family:'BrandonGrotesqueBlack'; padding-top:8px; } .left-content .inspBlock > .storyContent p{ font-size:12px; padding-top:7px; } .android .left-content .inspBlock img { height:auto; } } @media only screen and (min-width:320px) and (max-width:320px){ .android.device_micromax_a110q .left-content .inspBlock > a.read_story h2 { padding-top: 11px; } .device_micromax_a110q.maxw_320 .left-content .inspBlock > a.read_story h2 { padding-top: 9px; } } @media only screen and (min-width:569px) and (max-width:569px){ .android.device_micromax_a110q .left-content .inspBlock > a.read_story h2 { padding-top: 11px; } } @media only screen and (min-width:570px) and (max-width:570px){ .device_micromax_a110q.maxw_320 .left-content .inspBlock > a.read_story h2 { padding-top: 9px; } } @media only screen and (min-width:768px) and (max-width:1024px){ .left-content .container-fluid-new{ margin-top:0px; } .left-content .inspBlock > a.read_story{ height:28px; } .left-content .inspBlock > .storyContent{ padding-bottom:37px; } .left-content .inspBlock > a.read_story h2{ font-size:12px; padding-top:8px; } .win.chrome .left-content .inspBlock > a.read_story h2 { padding-top: 7px; } .left-content .inspBlock > .storyContent h3{ font-size:1.125em; padding-top:11px; } .left-content .inspBlock > .storyContent p{ font-size:0.8125em; padding-top:3px; } } .left-content .colorPalette_Yellow.inspBlock > a.read_story{ background-color: #fff729; } .left-content .colorPalette_DarkYellow.inspBlock > a.read_story{ background-color: #ded548; } .left-content .colorPalette_Green.inspBlock > a.read_story { background-color:#78fa6f; } .left-content .colorPalette_DarkGreen.inspBlock > a.read_story { background-color: #5fba5c; } .left-content .colorPalette_Fuscia.inspBlock > a.read_story { background-color: #d43ff5; } .left-content .colorPalette_DarkFuscia.inspBlock > a.read_story { background-color: #774078; } .left-content .colorPalette_Orange.inspBlock > a.read_story { background-color: #FF9614; } .left-content .colorPalette_DarkOrange.inspBlock > a.read_story { background-color: #b66f2b; } .left-content .colorPalette_Cyan.inspBlock > a.read_story { background-color: #00fefd; } .left-content .colorPalette_Blue.inspBlock > a.read_story { background-color: #00747e; } .left-content .colorPalette_Gray.inspBlock > a.read_story { background-color: #2A2B33; } .left-content .colorPalette_DarkGray.inspBlock > a.read_story { background-color: #191B22; } .left-content .colorPalette_White.inspBlock > a.read_story { background-color: #FFFFFF; } .left-content .colorPalette_LightGray.inspBlock > a.read_story { background-color: #D9DADB; } .left-content .colorPalette_Yellow.inspBlock > a.read_story:hover{ color: #fff729; background-color: #2a2b33; } .left-content .colorPalette_DarkYellow.inspBlock > a.read_story:hover{ color: #ded548; background-color: #2a2b33; } .left-content .colorPalette_Green.inspBlock > a.read_story:hover { color:#78fa6f; background-color: #2a2b33; } .left-content .colorPalette_DarkGreen.inspBlock > a.read_story:hover { color: #5fba5c; background-color: #2a2b33; } .left-content .colorPalette_Fuscia.inspBlock > a.read_story:hover { color: #d43ff5; background-color: #2a2b33; } .left-content .colorPalette_DarkFuscia.inspBlock > a.read_story:hover { color: #774078; background-color: #2a2b33; } .left-content .colorPalette_Orange.inspBlock > a.read_story:hover { color: #FF9614; background-color: #2a2b33; } .left-content .colorPalette_DarkOrange.inspBlock > a.read_story:hover { color: #b66f2b; background-color: #2a2b33; } .left-content .colorPalette_Cyan.inspBlock > a.read_story:hover { color: #00fefd; background-color: #2a2b33; } .left-content .colorPalette_Blue.inspBlock > a.read_story:hover { color: #00747e; background-color: #2a2b33; } .left-content .colorPalette_Gray.inspBlock > a.read_story:hover { color: #2A2B33; background-color: #2a2b33; } .left-content .colorPalette_DarkGray.inspBlock > a.read_story:hover { color: #191B22; background-color: #2a2b33; } .left-content .colorPalette_White.inspBlock > a.read_story:hover { color: #FFFFFF; background-color: #2a2b33; } .left-content .colorPalette_LightGray.inspBlock > a.read_story:hover { color: #D9DADB; background-color: #2a2b33; } .left-content .colorPalette_Yellow.inspBlock > a.read_story:hover h2{ color: #fff729; } .left-content .colorPalette_DarkYellow.inspBlock > a.read_story:hover h2{ color: #ded548; } .left-content .colorPalette_Green.inspBlock > a.read_story:hover h2 { color:#78fa6f; } .left-content .colorPalette_DarkGreen.inspBlock > a.read_story:hover h2{ color: #5fba5c; } .left-content .colorPalette_Fuscia.inspBlock > a.read_story:hover h2{ color: #d43ff5; } .left-content .colorPalette_DarkFuscia.inspBlock > a.read_story:hover h2 { color: #774078; } .left-content .colorPalette_Orange.inspBlock > a.read_story:hover h2 { color: #FF9614; } .left-content .colorPalette_DarkOrange.inspBlock > a.read_story:hover h2 { color: #b66f2b; } .left-content .colorPalette_Cyan.inspBlock > a.read_story:hover h2{ color: #00fefd; } .left-content .colorPalette_Blue.inspBlock > a.read_story:hover h2{ color: #00747e; } .left-content .colorPalette_Gray.inspBlock > a.read_story:hover h2{ color: #2A2B33; } .left-content .colorPalette_DarkGray.inspBlock > a.read_story:hover h2{ color: #191B22; } .left-content .colorPalette_White.inspBlock > a.read_story:hover h2{ color: #FFFFFF; } .left-content .colorPalette_LightGray.inspBlock > a.read_story:hover h2{ color: #D9DADB; } /********stories end*************/ html[lang="cn-cn"] .inspBlock > a.read_story h2{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .inspBlock > .storyContent h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .inspBlock > .storyContent p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .inspBlock > a.read_story { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .inspBlock > a.read_story h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="cn-cn"].iphone .inspBlock > a.read_story{ line-height:normal; padding-top:2px; } html[lang="cn-cn"] .inspBlock > a.read_story h2 { padding-top: 5px; } html[lang="cn-cn"].iphone .inspBlock > a.read_story h2 { padding-top:6px !important; } } html[lang="cn-cn"] .inspBlock > .storyContent h3 { font-weight: bold; } html[lang="ja-jp"] .inspBlock > a.read_story h2{ font-family: 'Meiryo'; } html[lang="ja-jp"] .inspBlock > .storyContent h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .inspBlock > .storyContent p { font-family:'Hiragino Mincho ProN','MS PGothic'; } @media only screen and (min-width : 280px) and (max-width : 767px) { html[lang="ja-jp"] .inspBlock > a.read_story { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .inspBlock > a.read_story h2 { font-family: 'Meiryo'; font-weight:bold; } } html[lang="ja-jp"] .left-content .inspBlock > a.read_story { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .left-content .inspBlock > a.read_story h2 { font-family: 'Meiryo'; } @media only screen and (min-width:280px) and (max-width:767px){ html[lang="ja-jp"] .left-content .inspBlock > .storyContent h3{ font-family:'Meiryo'; } } @media only screen and (min-width:320px) and (max-width:568px){ html[lang="ja-jp"].iphone .inspBlock > a.read_story h2{ line-height: 10px; } } /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .inspBlock > a.read_story { padding:2px 0px 0px 0px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .inspBlock > a.read_story { padding:2px 0px 0px 0px !important; } } /**** Hero With Second Box ****/ .hero_second{ clear: both; position: relative; z-index: -1; margin-bottom: 50px; width: 100%; } .hero_second h1{ font-family: 'BrandonGrotesqueBlack'; font-size: 5.62em; line-height: 1em; padding-top: 95px; text-transform: uppercase; } .hero_second p.hsSub_txt{ font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; line-height: 1em; text-transform: uppercase; } .hero_second > img { width: 100%; left:0; top:0; position: absolute; z-index: -1; height: 500px; } .hero_second .upperBox{ width: 75%; margin: 0 auto; position: relative; top:0; left:0; } .hero_second .lowerBox{ width: 100%; overflow: hidden; position: relative; top: -7px; padding-top: 5px; } .hero_second .lowerBox .maskFiller { padding-bottom: 50px; background: #fff; width: 100%; position: relative; margin: 0px; min-height: 125px; } .hero_second .lowerBox .applyMaskHere { background: #fff } .hero_second .lowerBox .innerSecL{ width: 75%; margin: 0 auto; font-family: Georgia; } .ie .hero_second .lowerBox .innerSecL{ margin-top: 12px; } .innerSecL ul{ width: 100%; float: left; margin-top: 35px; font-size: 0.95em; list-style-type: disc; list-style-position:inside; } .innerSecL div.oneCol{ float: left; width: 100%; } .innerSecL div.twoCol{ width: 50%; padding-right: 2%; float: left; } .innerSecL ul li{ margin-top: 3px; } .hero_second h2{ font-family: 'BrandonGrotesqueBold'; font-size: 1.6em; line-height: 1em; text-transform: uppercase; } .ie8 .hero_second .applyMask[data-mask*="xlink-deep-curve"] { height: 193px !important; } .hero_second .applyMask[data-mask*="xlink-deep"] { float: none !important; } .hero_second .applyMask[data-mask*="xlink-notch"], .hero_second .applyMask[data-mask*="xlink-deep"]{ bottom: -1px !important; } .applyMask[data-mask*="xlink-notch"], .applyMask[data-mask*="xlink-deep"]{ bottom:-1px !important; } .lower-container { position: relative; bottom: -1px; } .hero_second.bmargin{ margin-bottom:0px; } .ie .hero_second .lowerBox .maskFiller{margin-top:-13px;} .hero_second.noText { padding: 110px 0 0 0; } /**** Color Pallette ****/ .upperBox h3{ color: #fff; } .colorPalette_Yellow.hero_second, .colorPalette_Yellow.hero_second .maskFiller, .colorPalette_Yellow.hero_second .applyMaskHere, .colorPalette_Yellow.hero_second .ieMask { background-color: #FFF729; } .colorPalette_DarkYellow.hero_second, .colorPalette_DarkYellow.hero_second .maskFiller, .colorPalette_DarkYellow.hero_second .applyMaskHere, .colorPalette_DarkYellow.hero_second .ieMask { background-color: #DED548; } .colorPalette_Green.hero_second, .colorPalette_Green.hero_second .maskFiller, .colorPalette_Green.hero_second .applyMaskHere, .colorPalette_Green.hero_second .ieMask{ background-color:#78fa6f; } .colorPalette_DarkGreen.hero_second, .colorPalette_DarkGreen.hero_second .maskFiller, .colorPalette_DarkGreen.hero_second .applyMaskHere, .colorPalette_DarkGreen.hero_second .ieMask{ background-color: #5fba5c; } .colorPalette_Fuscia.hero_second, .colorPalette_Fuscia.hero_second .maskFiller, .colorPalette_Fuscia.hero_second .applyMaskHere, .colorPalette_Fuscia.hero_second .ieMask{ background-color: #d43ff5; } .colorPalette_DarkFuscia.hero_second, .colorPalette_DarkFuscia.hero_second .maskFiller, .colorPalette_DarkFuscia.hero_second .applyMaskHere, .colorPalette_DarkFuscia.hero_second .ieMask{ background-color: #774078; } .colorPalette_Orange.hero_second, .colorPalette_Orange.hero_second .maskFiller, .colorPalette_Orange.hero_second .applyMaskHere,.colorPalette_Orange.hero_second .ieMask{ background-color: #FF9614; } .colorPalette_DarkOrange.hero_second, .colorPalette_DarkOrange.hero_second .maskFiller, .colorPalette_DarkOrange.hero_second .applyMaskHere, .colorPalette_DarkOrange.hero_second .ieMask{ background-color: #b66f2b; } .colorPalette_Cyan.hero_second, .colorPalette_Cyan.hero_second .maskFiller, .colorPalette_Cyan.hero_second .applyMaskHere, .colorPalette_Cyan.hero_second .ieMask{ background-color: #00fefd; } .colorPalette_Blue.hero_second, .colorPalette_Blue.hero_second .maskFiller, .colorPalette_Blue.hero_second .applyMaskHere, .colorPalette_Blue.hero_second .ieMask { background-color: #00747e; } .colorPalette_Gray.hero_second, .colorPalette_Gray.hero_second .maskFiller, .colorPalette_Gray.hero_second .applyMaskHere, .colorPalette_Gray.hero_second .ieMask{ background-color: #2A2B33; } .colorPalette_DarkGray.hero_second, .colorPalette_DarkGray.hero_second .maskFiller, .colorPalette_DarkGray.hero_second .applyMaskHere, .colorPalette_DarkGray.hero_second .ieMask{ background-color: #191B22; } .colorPalette_White.hero_second, .colorPalette_White.hero_second .maskFiller, .colorPalette_White.hero_second .applyMaskHere, .colorPalette_White.hero_second .ieMask{ background-color: #ffffff; } .colorPalette_LightGray.hero_second, .colorPalette_LightGray.hero_second .maskFiller, .colorPalette_LightGray.hero_second .applyMaskHere, .colorPalette_LightGray.hero_second .ieMask{ background-color: #D9DADB; } .colorPalette_Gray .upperBox h3, .colorPalette_DarkGray .upperBox h3, .colorPalette_LightGray .upperBox h3, .colorPalette_Fuscia .upperBox h3, .colorPalette_DarkFuscia .upperBox h3,.colorPalette_Cyan .upperBox h3{ color: #000000; } .colorPalette_Yellow .upperBox h1, .colorPalette_Yellow .upperBox p.hsSub_txt{ color: #FFF729; } .colorPalette_DarkYellow .upperBox h1, .colorPalette_DarkYellow .upperBox p.hsSub_txt{ color: #DED548; } .colorPalette_Green .upperBox h1, .colorPalette_Green .upperBox p.hsSub_txt{ color: #78fa6f; } .colorPalette_DarkGreen .upperBox h1, .colorPalette_DarkGreen .upperBox p.hsSub_txt{ color: #5fba5c; } .colorPalette_Fuscia .upperBox h1, .colorPalette_Fuscia .upperBox p.hsSub_txt{ color: #d43ff5; } .colorPalette_DarkFuscia .upperBox h1, .colorPalette_DarkFuscia .upperBox p.hsSub_txt{ color: #774078; } .colorPalette_Orange .upperBox h1, .colorPalette_Orange .upperBox p.hsSub_txt{ color: #FF9614; } .colorPalette_DarkOrange .upperBox h1, .colorPalette_DarkOrange .upperBox p.hsSub_txt{ color: #b66f2b; } .colorPalette_Cyan .upperBox h1, .colorPalette_Cyan .upperBox p.hsSub_txt{ color: #00fefd; } .colorPalette_Blue .upperBox h1, .colorPalette_Blue .upperBox p.hsSub_txt{ color: #00747e; } .colorPalette_Gray .upperBox h1, .colorPalette_Gray .upperBox p.hsSub_txt{ color: #2A2B33; } .colorPalette_DarkGray .upperBox h1, .colorPalette_DarkGray .upperBox p.hsSub_txt{ color: #191B22; } .colorPalette_White .upperBox h1, .colorPalette_White .upperBox p.hsSub_txt{ color: #FFFFFF; } .colorPalette_LightGray .upperBox h1, .colorPalette_LightGray .upperBox p.hsSub_txt{ color: #D9DADB; } /**** Color Pallette ****/ /**** Hero With Second Box ****/ /*--Responsive Design 280px to 600px--*/ @media only screen and (min-width: 280px) and (max-width: 480px) { .hero_second > img{ position:absolute !important; max-height:180px !important; } .hero_second h1{ font-size:2em; padding-top: 50px; margin-left:6px !important; width: 70%; } .upperBox h1 { color: #333333 !important; margin-top: 156px !important; } .upperBox p.hsSub_txt { color: #333333 !important; } .supply_expectation{ float:left; } .hero_second .lowerBox{ top:-21px; padding-bottom: 30px; } .applyMask{ display:none; } .hero_second{ float:left; width:100%; margin-bottom:0px; } .hero_second.bmargin{ margin-bottom:5px !important; } .mobileSvgMask.curve .mobileSvgMask{ bottom: 197px !important; position: relative; z-index: 1; } .hero_second .upperBox{ width:95%; left: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; padding-bottom: 50px; position: relative; top: 0; } .hero_second p.hsSub_txt{ font-size: 0.9em; margin-left: 8px; margin-top: 5px; } .hero_second .lowerBox .innerSecL{ padding-left: 10px; padding-right: 10px; width: 100%; float:left; margin-left:0px; } .innerSecL div.oneCol { float: left; width: 100% !important; } .innerSecL div.twoCol { float: left; width: 100% !important; padding-left: 0px; padding-right: 10px; } .hero_second .lowerBox .maskFiller{ padding-bottom:0px; } .innerSecL ul{margin-top:0px;} .hero_second h2{ padding-top: 10px; margin-bottom:10px; width:70%; } .hero_second .sectionTitleWithMask .maskColorFiller .container-fixed-75Perc .sectionHeading span{ line-height: 12px !important; } } @media only screen and (max-width: 451px) { .hero_second .lowerBox{ top:-7px; } .content{ overflow:hidden} } @media only screen and (max-width: 480px) { .hero_second .lowerBox{ top:-7px; } } @media only screen and (max-width: 568px) { .hero_second > img{ position:relative; max-height:130px; } .hero_second .lowerBox{ top:-7px; } } @media only screen and (max-width: 640px) { .hero_second .lowerBox{ top:-7px; } } @media only screen and (min-width: 641px) and (max-width: 760px) { .hero_second h1{ font-size: 3em; } .hero_second p.hsSub_txt{ font-size: 1.2em; } .hero_second h2{ font-size: 1.3em; } .innerSecL div.twoCol { padding-right: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .hero_second{ margin-bottom: 30px; } .hero_second .upperBox, .hero_second .lowerBox .innerSecL{ width: 79.427%; } .hero_second > img{ height: auto; } .hero_second h1{ font-size: 2.94em; padding-top: 45px; } .hero_second p.hsSub_txt{ font-family: 'BrandonGrotesqueBlack'; font-size: 1.1em; } .innerSecL ul{ font-size: 0.8em; margin-top: 20px; } .hero_second h2{ font-size: 1em; } .innerSecL div.twoCol { padding-right: 10px; } .ie8 .hero_second .applyMask[data-mask*="xlink-deep-curve"] { height: 140px !important; } } @media only screen and (min-width: 768px) and (max-width: 800px) { .ie8 .hero_second .applyMask[data-mask*="xlink-deep-curve"] { height: 120px !important; } } @media only screen and (min-width: 768px) and (max-width: 950px) { .ie8 .hero_second .applyMask[data-mask*="xlink-deep-curve"] { height: 120px !important; } } html[lang="cn-cn"] .hero_second h1{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .hero_second p.hsSub_txt{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .hero_second .lowerBox .innerSecL{ font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .hero_second h2{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .hero_second p.hsSub_txt{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="ja-jp"] .hero_second h1{ font-family: 'Meiryo'; } html[lang="ja-jp"] .hero_second p.hsSub_txt{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .hero_second .lowerBox .innerSecL{ font-family: Georgia; } html[lang="ja-jp"] .hero_second h2{ font-family: 'Meiryo'; font-weight:bold; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .hero_second p.hsSub_txt{ font-family: 'Meiryo'; } } /**** Text Panel ****/ .txtPanel .txtHeadingStyle { font-size: 1.5em; font-family:'BrandonGrotesqueBold'; line-height: 1.1em; text-transform: uppercase; } .txtPanel .txtHeadingStyle_large { font-size: 1.875em; font-family:'BrandonGrotesqueBold'; line-height: 1.1em; text-transform: uppercase; } .txtPanel { width: 75%; margin: 0 auto; clear:both; } .txtPanel .oneCol { float: left; margin-bottom: 100px; width: 100%; } .mac.webkit .txtPanel .oneCol { padding-top:2px; } .txtPanel .twoCol { float: left; padding-right: 75px; margin-bottom: 100px; width: 50%; } .txtPanel .oneCol.moreBottomSpace, .txtPanel .twoCol.moreBottomSpace{ margin-bottom: 100px; } .txtPanel .richEditTxt h3{ font-size: 1em; padding-bottom: 5px; font-family:'BrandonGrotesqueBold'; line-height:1.25em; } .txtPanel .richEditTxt { width: 100%; float: left; word-wrap: break-word; letter-spacing: 0em; /*color: #191B22;*/ font-family:Georgia; } .txtPanel .richEditTxt ul { list-style-type:disc; padding-left: 18px; padding-top: 10px; } .txtPanel .richEditTxt .txtDescStyle { font-size: 1.2em; line-height: 24px; } .txtPanel .richEditTxt .txtDescStyle_large { font-size: 1.250em; line-height: 24px; } .txtPanel a.iconSection { float: left; width: 100%; /* text-transform: uppercase;*/ vertical-align: middle; text-decoration: none; outline: none; color: #017487; margin-top:10px; position: relative; font-family:'brandongrotesquebold' !important; font-size: 0.875em; } .txtPanel a.iconSection:hover{ color:#2A2B33; } .richEditTxt a { color: #017487; text-decoration: underline; /*text-transform: uppercase;*/ font-family:Georgia; font-size: 1em; } .richEditTxt a > span.linkList { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 1em; line-height: 1em; text-decoration: underline; margin-top: 10px; /*text-transform: uppercase;*/ } .richEditTxt a:hover { color: #2a2b33; } .txtPanel .iconSection .icon-file-alt, .txtPanel .iconSection .icon-envelope-alt { font-size: 2em; margin-right: 20px; position: absolute; left:0; } .iconSection span { margin-top: 12px; font-size: 1em; padding-left: 60px; float: left; line-height: 1em; } .win.webkit .iconSection span { line-height: 0.8em; } .iconSection span.twoLines { margin-top: 0; } .padding-bottom-notch { padding-bottom: 100px; } .txtPanel span.richarticlesubheader { color:#2A2B33; font-family:Georgia; font-weight: bold; font-size:1em; letter-spacing:0; line-height:1.2em; word-wrap:break-word; font-weight:bold; } .ie .txtPanel { padding-top:0; } /*.ie .txtPanel .oneCol { margin-bottom: 40px; }*/ .ie .txtPanel p, .txtPanel .richEditTxt { margin-bottom: 0; } .ie .txtPanel .oneCol.moreBottomSpace, .ie .txtPanel .twoCol.moreBottomSpace{ margin-bottom: 100px; } /**************** new changes starts*******************/ .txtPanel .richEditTxt table td{ vertical-align: top; padding-bottom: 40px } .txtPanel .richEditTxt table td img { padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; margin-right:25px; } .txtPanel .richEditTxt table td a{ text-transform: none !important; } .txtPanel .richEditTxt h4{ font-family: 'BrandonGrotesqueRegular'; text-transform: uppercase; font-size: 16px; color: #2a2b33; } .txtPanel .richEditTxt p a{ margin: 0; padding: 0; font-family:Georgia; font-size: 1em; line-height: 1em; text-decoration: underline; margin-top: 10px; /*text-transform: uppercase;*/ color:#017487; } .txtPanel .richEditTxt p a:hover{ color:#2a2b33; } .txtPanel-btm-border{ margin:0 auto; border-bottom:1px solid #b7b7b7; margin-bottom:40px; padding-bottom:40px; width:75%; } .txtPanel .oneCol.oneColamargin{ margin-bottom:0px !important; } .txtPanel .twoCol.oneColamargin{ margin-bottom:0px !important; } /**** Color Palette ****/ /*.colorPalette_Yellow.txtPanel .richEditTxt p a:hover { color: #FFF729; } .colorPalette_DarkYellow.txtPanel .richEditTxt p a:hover { color: #DED548; } .colorPalette_Fuscia.txtPanel .richEditTxt p a:hover { color: #d43ff5; } .colorPalette_DarkFuscia.txtPanel .richEditTxt p a:hover { color: #774078; } .colorPalette_Cyan.txtPanel .richEditTxt p a:hover { color: #00fefd; } .colorPalette_Blue .txtPanel .richEditTxt p a:hover{ color: #00fefd; } .colorPalette_DarkBlue.txtPanel .richEditTxt p a:hover { color: #00747e; } .colorPalette_Green.txtPanel .richEditTxt p a:hover { color: #78fa6f; } .colorPalette_DarkGreen.txtPanel .richEditTxt p a:hover { color: #5fba5c; } .colorPalette_Orange.txtPanel .richEditTxt p a:hover { color: #FF9614; } .colorPalette_DarkOrange.txtPanel .richEditTxt p a:hover { color: #b66f2b; } .colorPalette_Gray.txtPanel .richEditTxt p a:hover { color: #2A2B33; } .colorPalette_DarkGray.txtPanel .richEditTxt p a:hover { color: #191b22; } .colorPalette_White.txtPanel .richEditTxt p a:hover { color: #FFFFFF; } .colorPalette_LightGray.txtPanel .richEditTxt p a:hover { color: #D9DADB; }*/ /**** Color Palette ****/ /*****************new changes ends******************/ /**** Color Palette ****/ .colorPalette_Yellow p.txtLabelSec, .colorPalette_Yellow .icon-file-alt, .colorPalette_Yellow .txtHeadingStyle, .colorPalette_Yellow .icon-envelope-alt, .colorPalette_Yellow .txtHeadingStyle_large { color: #FFF729; } .colorPalette_DarkYellow p.txtLabelSec, .colorPalette_DarkYellow .icon-file-alt, .colorPalette_DarkYellow .txtHeadingStyle, .colorPalette_DarkYellow .icon-envelope-alt, .colorPalette_DarkYellow .txtHeadingStyle_large{ color: #DED548; } .colorPalette_Green p.txtLabelSec, .colorPalette_Green .txtHeadingStyle, .colorPalette_Green .icon-file-alt, .colorPalette_Green .icon-envelope-alt, .colorPalette_Green .txtHeadingStyle_large { color: #78fa6f; } .colorPalette_DarkGreen p.txtLabelSec, .colorPalette_DarkGreen .txtHeadingStyle, .colorPalette_DarkGreen .icon-file-alt, .colorPalette_DarkGreen .icon-envelope-alt, .colorPalette_DarkGreen .txtHeadingStyle_large { color: #5fba5c; } .colorPalette_Fuscia p.txtLabelSec, .colorPalette_Fuscia .txtHeadingStyle, .colorPalette_Fuscia .icon-file-alt, .colorPalette_Fuscia .icon-envelope-alt, .colorPalette_Fuscia .txtHeadingStyle_large { color: #d43ff5; } .colorPalette_DarkFuscia p.txtLabelSec, .colorPalette_DarkFuscia .txtHeadingStyle, .colorPalette_DarkFuscia .icon-file-alt, .colorPalette_DarkFuscia .icon-envelope-alt, .colorPalette_DarkFuscia .txtHeadingStyle_large { color: #774078; } .colorPalette_Orange p.txtLabelSec, .colorPalette_Orange .icon-file-alt, .colorPalette_Orange .txtHeadingStyle, .colorPalette_Orange .icon-envelope-alt, .colorPalette_Orange .txtHeadingStyle_large { color: #FF9614; } .colorPalette_DarkOrange p.txtLabelSec, .colorPalette_DarkOrange .icon-file-alt, .colorPalette_DarkOrange .txtHeadingStyle, .colorPalette_DarkOrange .icon-envelope-alt, .colorPalette_DarkOrange .txtHeadingStyle_large { color: #b66f2b; } .colorPalette_Cyan p.txtLabelSec, .colorPalette_Cyan .icon-file-alt, .colorPalette_Cyan .txtHeadingStyle, .colorPalette_Cyan .icon-envelope-alt, .colorPalette_Cyan .txtHeadingStyle_large { color: #00fefd; } .colorPalette_Blue p.txtLabelSec, .colorPalette_Blue .icon-file-alt, .colorPalette_Blue .txtHeadingStyle, .colorPalette_Blue .icon-envelope-alt, .colorPalette_Blue .txtHeadingStyle_large { color: #00747e; } .colorPalette_DarkBlue p.txtLabelSec, .colorPalette_DarkBlue .icon-file-alt, .colorPalette_DarkBlue .txtHeadingStyle, .colorPalette_DarkBlue .icon-envelope-alt, .colorPalette_DarkBlue .txtHeadingStyle_large { color: #00747e; } .colorPalette_Gray p.txtLabelSec, .colorPalette_Gray .txtHeadingStyle, .colorPalette_Gray .icon-file-alt, .colorPalette_Gray .icon-envelope-alt, .colorPalette_Gray .txtHeadingStyle_large { color: #2A2B33; } .colorPalette_DarkGray p.txtLabelSec, .colorPalette_DarkGray .txtHeadingStyle, .colorPalette_DarkGray .icon-file-alt, .colorPalette_DarkGray .icon-envelope-alt, .colorPalette_DarkGray .txtHeadingStyle_large { color: #191B22; } .colorPalette_White p.txtLabelSec, .colorPalette_White .txtHeadingStyle, .colorPalette_White .icon-file-alt, .colorPalette_White .icon-envelope-alt, .colorPalette_White .txtHeadingStyle_large { color: #FFFFFF; } .colorPalette_LightGray p.txtLabelSec, .colorPalette_LightGray .icon-file-alt, .colorPalette_LightGray .txtHeadingStyle, .colorPalette_LightGray .icon-envelope-alt, .colorPalette_LightGray .txtHeadingStyle_large { color: #D9DADB; } /**** Color Pallette ****/ /**** PARTENER SUB PAGES ****/ .txtPanel.partnerSub .richEditTxt { font-size: 1.25em; } .txtPanel.partnerSub .txtHeadingStyle { font-size: 1.5em; } /**** PARTENER SUB PAGES ****/ /*** Text Panel ****/ @media only screen and (min-width: 280px) and (max-width: 767px) { .txtPanel .oneCol { margin-bottom:0px; } .txtPanel .twoCol { float: left; margin-bottom: 1px; padding-right: 0px; width: 100% !important; } .padding-bottom-notch { padding-bottom: 0px; } .txtPanel { margin-bottom: 0; margin-right: auto; margin-top: 0; padding-left: 10px; width: 100% !important; float:left; padding-bottom:40px; } .txtPanel p.txtLabelSec { font-size: 1em; } .iconSection span { font-size: .8em; font-weight: bold; } .txtPanel a.iconSection { font-size: .8em; } .txtPanel .twoCol { padding-right: 15px; } .txtPanel .twoCol { float: left; padding-top: 10px; width: 100%; } .txtPanel .richEditTxt h3{ padding-bottom: 0px; } .ie .txtPanel .oneCol p{ padding-top:20px; } .txtPanel-btm-border{ width:95%; padding-bottom: 0px; } .txtPanel .richEditTxt table td{ vertical-align: top; padding-bottom: 20px } .txtPanel{ padding-top:20px; } .txtPanel .txtHeadingStyle_large{ line-height:1em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .txtPanel { width: 79.427%; } .txtPanel .txtHeadingStyle{ font-size: 1.71606em; } .txtPanel .richEditTxt { font-size: 0.80125em; line-height: 1.3em; } .txtPanel a.iconSection { margin-top: 60px; font-size: 1em; } /*.txtPanel .oneCol { margin-bottom: 30px; }*/ .txtPanel .twoCol { padding-right: 30px; margin-bottom: 40px; } .ie8 .txtPanel .oneCol { padding-top:7px; } } html[lang="cn-cn"] .txtPanel .txtHeadingStyle { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .txtPanel .txtHeadingStyle_large { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .txtPanel .richEditTxt h3{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; font-weight:bold; } html[lang="cn-cn"] .txtPanel .richEditTxt { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .txtPanel a.iconSection { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif !important; letter-spacing: 1px; } html[lang="cn-cn"] .richEditTxt a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .richEditTxt a > span.linkList { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .txtPanel span.richarticlesubheader { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .txtPanel .richEditTxt h4{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .txtPanel .richEditTxt p a{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="pt-br"] .txtPanel .richEditTxt h3{ padding-top:5px; } html[lang="ja-jp"] .txtPanel .txtHeadingStyle { font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .txtPanel .txtHeadingStyle_large { font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .txtPanel .richEditTxt h3{ font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .txtPanel .richEditTxt { font-family:'Hiragino Mincho ProN','MS PGothic'; line-height:25px; } html[lang="ja-jp"] .txtPanel a.iconSection { font-family:'Meiryo' !important; font-weight:bold; } html[lang="ja-jp"] .richEditTxt a { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .richEditTxt a > span.linkList { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .txtPanel span.richarticlesubheader { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .txtPanel .richEditTxt h4{ font-family: 'Meiryo'; } html[lang="ja-jp"] .txtPanel .richEditTxt p a{ font-family:'Hiragino Mincho ProN','MS PGothic'; } /**** Hero Panel Short ****/ .heroPanelShort { width:100%; float: left; margin: 0; padding: 0; position:relative; overflow: hidden; } .heroPanelShort span.bgImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .heroPanelShort span img { width: 100%; height: 100%; } .heroPanelShortText { width: 75%; margin:0 auto; padding: 0; z-index: 2; position: relative; } .heroPanelShortText h1 { color:#2a2b33; font-family:'BrandonGrotesqueBlack'; font-size: 3.75em; line-height:60px; text-transform:uppercase; padding: 100px 0 150px; } .heroPanelShort .applyMask { height:195px; margin-top:-195px; position:absolute; bottom:0; left:0; z-index: 1; } .heroPanelShort.aboveC24 .applyMask { display: none !important; } .heroPanelShort.noText { padding: 185px 0; } /**** Color Themes Starts ****/ .colorPalette_Yellow.heroPanelShort { background-color:#FFF729; } .colorPalette_DarkYellow.heroPanelShort { background-color:#DED548; } .colorPalette_Green.heroPanelShort { background-color:#78fa6f; } .colorPalette_DarkGreen.heroPanelShort { background-color:#5fba5c; } .colorPalette_Fuscia.heroPanelShort { background-color:#d43ff5; } .colorPalette_DarkFuscia.heroPanelShort { background-color:#774078; } .colorPalette_Orange.heroPanelShort { background-color:#FF9614; } .colorPalette_DarkOrange.heroPanelShort { background-color:#b66f2b; } .colorPalette_Cyan.heroPanelShort { background-color:#00fefd; } .colorPalette_Blue.heroPanelShort { background-color:#00747e; } .colorPalette_Gray.heroPanelShort { background-color:#2A2B33; } .colorPalette_DarkGray.heroPanelShort { background-color:#191B22; } .colorPalette_White.heroPanelShort { background-color:#FFFFFF; } .colorPalette_LightGray.heroPanelShort { background-color:#D9DADB; } /**** Color Themes Ends ****/ /**** Notch Color Themes Starts ****/ .colorPalette_Yellow.heroPanelShort .applyMask { background-color:#FFF729; } .colorPalette_DarkYellow.heroPanelShort .applyMask{ background-color:#DED548; } .colorPalette_Green.heroPanelShort .applyMask{ background-color:#78fa6f; } .colorPalette_DarkGreen.heroPanelShort .applyMask{ background-color:#5fba5c; } .colorPalette_Fuscia.heroPanelShort .applyMask{ background-color:#d43ff5; } .colorPalette_DarkFuscia.heroPanelShort .applyMask{ background-color:#774078; } .colorPalette_Orange.heroPanelShort .applyMask{ background-color:#FF9614; } .colorPalette_DarkOrange.heroPanelShort .applyMask{ background-color:#b66f2b; } .colorPalette_Cyan.heroPanelShort .applyMask{ background-color:#00fefd; } .colorPalette_Blue.heroPanelShort .applyMask{ background-color:#00747e; } .colorPalette_Gray.heroPanelShort .applyMask{ background-color:#2A2B33; } .colorPalette_DarkGray.heroPanelShort .applyMask{ background-color:#191B22; } .colorPalette_White.heroPanelShort .applyMask{ background-color:#FFFFFF; } .colorPalette_LightGray.heroPanelShort .applyMask{ background-color:#D9DADB; } .colorPalette_DarkCyan.heroPanelShort .applyMask{ background-color:#007589; } /**** Notch Color Themes Ends ****/ /*----------------------------------- * RESPONSIVE STARTS *----------------------------------*/ @media only screen and (min-width: 280px) and (max-width: 767px) { .heroPanelShort.mwImage{ background-color:transparent !important; } .heroPanelShortText { background-color: inherit; float: left; padding-bottom: 0; padding-left: 4%; padding-right: 20px; padding-top: 0; z-index: 0; width: 100%; } .heroPanelShort .applyMask{ display:none !important; bottom:-2px; } .android .heroPanelShort .mobileSvgMask{bottom:-5px !important;} .heroPanelShortText h1 { font-size: 2em; padding-bottom: 60px; padding-left: 0; padding-right: 0; padding-top: 56px; letter-spacing: -1px; line-height: 32px; } .ie8 .heroPanelShort .mobileSvgMask { bottom: -10px !important; } .heroPanelShort span img{ min-height:180px; height:auto; width:100%; } /*.heroPanelShort .mobileSvgMask { padding-top:2px !important; }*/ /*.ie9 .mobileSvgMask, .ie10 .mobileSvgMask, .ie11 .mobileSvgMask { bottom: -10px !important; }*/ .iphone .heroPanelShort .mobileSvgMask{ bottom:-3px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .heroPanelShortText { width: 79.427%; } .heroPanelShortText h1 { font-size: 2.9793em; line-height:48px; padding: 45px 0 68px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .heroPanelShortText { min-height:160px !important; } } @media only screen and (min-width:641px) and (max-width:768px){ .heroPanelShort .applyMask{ bottom:-12%; } /*.ie9 .mobileSvgMask, .ie10 .mobileSvgMask, .ie11 .mobileSvgMask { bottom: -10px !important; }*/ } @media only screen and (min-width:769px) and (max-width:1024px){ .heroPanelShort .applyMask{ bottom:-12%; } .ios7.ipad .heroPanelShort .applyMask{ bottom:-35% !important; } } @media only screen and (min-width:1025px) and (max-width:1280px){ .heroPanelShort .applyMask{ bottom:-12%; } } @media only screen and (min-width:1281px) and (max-width:1440px){ .heroPanelShort .applyMask{ bottom:-12%; } } @media only screen and (min-width:768px) and (max-width:850px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask{ bottom:-57% !important; } .ipad .heroPanelShort h1 { padding: 70px 0 0; } .ipad .heroPanelShort.aboveC24 h1 { padding: 70px 0 110px; } .ipad .heroPanelShort .applyMask { height:auto; margin-top:0; position:static; z-index: 1; } .win.firefox .heroPanelShortText h1, .win.chrome .heroPanelShortText h1, .mac .heroPanelShortText h1, .ie8 .heroPanelShortText h1 { font-size: 2.25em; line-height:48px; padding: 45px 0 68px; } .win.firefox .heroPanelShort.aboveC24 .heroPanelShortText h1, .win.chrome .heroPanelShort.aboveC24 .heroPanelShortText h1, .mac .heroPanelShort.aboveC24 .heroPanelShortText h1, .ie8 .heroPanelShort.aboveC24 .heroPanelShortText h1 { font-size: 2.25em; line-height:48px; padding: 45px 0 100px; } .ie8 .heroPanelShort img.iemaskImage { height: 70% !important; } .ie8 .heroPanelShort .applyMask { bottom:-28% !important; } .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-57% !important; } } @media only screen and (min-width:851px) and (max-width:875px){ .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-52% !important; } } @media only screen and (min-width:851px) and (max-width:900px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask{ bottom:-52% !important; } .ipad .heroPanelShort h1 { padding: 70px 0 0; } .ipad .heroPanelShort.aboveC24 h1 { padding: 70px 0 110px; } .ipad .heroPanelShort .applyMask { height:auto; margin-top:0; position:static; z-index: 1; } } @media only screen and (min-width:851px) and (max-width:1024px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask { bottom:-52% !important; } .ie8 .heroPanelShort img.iemaskImage { height: 70% !important; } .ie8 .heroPanelShort .applyMask { bottom:-28% !important; } .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-50% !important; } .win.firefox .heroPanelShortText h1, .win.chrome .heroPanelShortText h1, .mac .heroPanelShortText h1,.ie8 .heroPanelShortText h1 { font-size: 2.25em; line-height:48px; padding: 45px 0 68px; } .win.firefox .heroPanelShort.aboveC24 .heroPanelShortText h1, .win.chrome .heroPanelShort.aboveC24 .heroPanelShortText h1, .mac .heroPanelShort.aboveC24 .heroPanelShortText h1, .ie8 .heroPanelShort.aboveC24 .heroPanelShortText h1 { font-size: 2.25em; line-height:48px; padding: 45px 0 100px; } } @media only screen and (min-width:901px) and (max-width:1023px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask{ bottom:-48% !important; } .ipad .heroPanelShort h1 { padding: 70px 0 0; } .ipad .heroPanelShort.aboveC24 h1 { padding: 70px 0 110px; } .ipad .heroPanelShort .applyMask { height:auto; margin-top:0; position:static; z-index: 1; } .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-48% !important; } } @media only screen and (min-width:1024px) and (max-width:1024px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask { bottom:-45% !important; } .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-45% !important; } } @media only screen and (min-width:1025px) and (max-width:1200px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask{ bottom:-19% !important; } .ie8 .heroPanelShort img.iemaskImage { height: 70% !important; } .ie8 .heroPanelShort .applyMask { bottom:-30% !important; } .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-19% !important; } .heroPanelShortText { left: 12%; margin: 0; padding: 0; position: relative; width: 90%; z-index: 2; } } @media only screen and (min-width:1201px) and (max-width:1350px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask{ bottom:-11% !important; } .ie8 .heroPanelShort img.iemaskImage { height: 70% !important; } .ie8 .heroPanelShort .applyMask { bottom:-30% !important; } .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-11% !important; } } @media only screen and (min-width:1351px) and (max-width:1440px){ .win.firefox .heroPanelShort .applyMask, .win.chrome .heroPanelShort .applyMask, .mac .heroPanelShort .applyMask{ bottom:-7% !important; } .ie8 .heroPanelShort img.iemaskImage { height: 70% !important; } .ie8 .heroPanelShort .applyMask { bottom:-30% !important; } .ie9 .heroPanelShort .applyMask, .ie10 .heroPanelShort .applyMask, .ie11 .heroPanelShort .applyMask{ bottom:-7% !important; } } @media only screen and (min-width:768px) and (max-width:782px){ .mac.chrome .heroPanelShort .applyMask[data-mask*="xlink-deep"] { width: auto !important; } } html[lang="cn-cn"] .heroPanelShortText h1 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="ja-jp"] .heroPanelShortText h1 { font-family:'Meiryo'; font-weight:bold; } /* Manage Health starts */ .manage-your-health { background: url("../images/manage_health_bg.png") no-repeat scroll transparent; width: 1280px; margin: 0 auto; height: 601px; } .manage-health-content { margin: 0 auto; padding-top: 40px; width: 75%; } .manage-your-health .center-content { height: 255px; margin-top: 5%; } .manage-your-health .icon { width: 21%; height: 100%; margin-left: 3%; } .manage-text-content { width: 76%; padding-right: 4%; border-right: 1px solid #B7B7B7; } .manage-text-content .quote { font-size: 50px; color: #58D032; text-transform: uppercase; } .manage-text-content .explore { -moz-box-sizing: border-box; background-color: #58D032; color: #2A2A33; display: block; float: left; font-size: 20px; font-weight: bold; height: 35px; margin-top: 20px; padding: 5px 0 0; text-align: center; text-transform: uppercase; width: 20%; } .manage-text-content .manage-text { display: block; font-size: 13px; } .manage-your-health .sub-menu { width: 100%; margin-top: 80px; } .manage-your-health .sub-menu span { float: left; text-transform: uppercase; background-color: #58D032; color: #2A2A33; width: 16%; height: 60px; margin-right: 0.4%; text-align: center; cursor: pointer; padding: 2%; font-size: 11px; font-weight: bold; vertical-align: middle; } .manage-your-health .sub-menu span:hover { background-color: #2A2A33; color: #58D032; } /* Manage Health ends */ /* Knowledge is power starts */ .knowledge-is-power { background: url("../images/knowlege-power-bg.png") no-repeat scroll transparent; width: 1280px; margin: 0 auto; height: 599px; } .knowledge-is-power-content { margin: 0 auto; padding-top: 40px; width: 75%; } .knowledge-is-power .center-content { height: 255px; margin-top: 5%; } .knowledge-is-power .icon { width: 21%; height: 100%; border-right: 1px solid #B7B7B7; margin-left: 3%; } .knowledge-text-content { width: 76%; padding-left: 4%; } .knowledge-text-content .quote { font-size: 50px; color: #FF9E14; text-transform: uppercase; } .knowledge-text-content .explore { -moz-box-sizing: border-box; background-color: #FF9E14; color: #2A2A33; display: block; float: left; font-size: 20px; font-weight: bold; height: 35px; margin-top: 20px; padding: 5px 0 0; text-align: center; text-transform: uppercase; width: 20%; } .knowledge-text-content .knowledge-text { display: block; font-size: 13px; } .knowledge-is-power .sub-menu { width: 100%; margin-top: 80px; } .knowledge-is-power .sub-menu span { float: left; text-transform: uppercase; background-color: #FF9E14; color: #2A2A33; width: 16%; height: 60px; margin-right: 0.4%; text-align: center; cursor: pointer; padding: 2%; font-size: 11px; font-weight: bold; vertical-align: middle; } .knowledge-is-power .sub-menu span:hover { background-color: #2A2A33; color: #FF9E14; } /* Knowledge is power ends */ /* Build your Body starts*/ .build-your-body { background: url("../images/build_body_bg.png") no-repeat scroll transparent; width: 1280px; margin: 0 auto; height: 599px; } .build-body-content { margin: 0 auto; padding-top: 40px; width: 75%; } .build-your-body .center-content { height: 255px; margin-top: 5%; } .build-your-body .icon { width: 21%; height: 100%; border-right: 1px solid #B7B7B7; margin-left: 3%; } .build-body-text-content { width: 76%; padding-left: 4%; } .build-body-text-content .quote { font-size: 50px; color: #C93CFF; text-transform: uppercase; } .build-body-text-content .explore { -moz-box-sizing: border-box; background-color: #C93CFF; color: #2A2A33; display: block; float: left; font-size: 20px; font-weight: bold; height: 35px; margin-top: 20px; padding: 5px 0 0; text-align: center; text-transform: uppercase; width: 20%; } .build-body-text-content .build-body-text { display: block; font-size: 13px; } .build-your-body .sub-menu { width: 100%; margin-top: 80px; } .build-your-body .sub-menu span { float: left; text-transform: uppercase; background-color: #C93CFF; color: #2A2A33; width: 16%; height: 60px; margin-right: 0.4%; text-align: center; cursor: pointer; padding: 2%; font-size: 11px; font-weight: bold; vertical-align: middle; } .build-your-body .sub-menu span:hover { background-color: #2A2A33; color: #C93CFF; } /* Build your Body ends*/ .sectionPanel { margin: 0 auto; padding: 0; width: 100%; float: left; overflow: hidden; position: relative; } .maskImage { width: 100%; height: 100%; margin: 0; padding: 0; } .sectionPanelContentWrapper{ margin: 0; padding: 0; width: 100%; min-height: 5px; position: absolute; top: 0; left: 0; } .sectionPanelContent { width: 75%; margin: 0px auto; padding: 0; position: relative; overflow: hidden; } .sectionMainContent { margin: 50px auto; } .sectionMainContent a.exploreBtn { border: 0 solid; clear: both; display: inline-block; margin-left: 48px; margin-top: 25px; height: 34px; font-size: 1.25em; padding: 1px 20px 0; line-height: 38px; font-family: 'BrandonGrotesqueBold'; text-align: center; text-decoration: none; text-transform: uppercase; } .win.webkit .sectionMainContent a.exploreBtn { line-height: 33px; } .contentLeft { float: left; margin-left: 15px; margin-top: 0px; padding: 0; width: 15%; } .contentRight { border-left: 1px solid #B7B7B7; float: right; padding: 0; width: 80%; word-wrap: break-word; } .contentRight.textRight{ border-left:none; } .contentRight h2 { font-family: 'BrandonGrotesqueBold'; font-size: 3.75em; line-height: 58px; margin-left: 45px; text-transform: uppercase; } .contentRight p { font-family: Georgia; font-size: 1em; line-height: 20px; margin-left: 48px; margin-top: 10px; } .sectionPanelContent .contentRight p.whitecolor { color: #ffffff; } .sectionPanelContent .contentRight p.blackcolor { color: #2A2B33; } .sectionLinks { width: 100%; float: left; margin: 100px 0 0; } .sectionLinks.top40Space { margin-top: 40px; } .sectionLinks li { margin: 0; padding: 0; float: left; vertical-align: middle; margin: 0 3px 3px 0; position:relative; z-index: 9; } .sectionLinks li a { margin: 0; padding: 26px 2px 34px; width: 100%; height: 25px; display: block; width: 157px; /*opacity: 0.85;*/ text-decoration: none; text-transform: uppercase; text-align: center; font-family: 'BrandonGrotesqueBold'; font-size: 0.87em; line-height: 14px; } .sectionLinks li a.twoLines { padding: 20px 10px 40px; } .width75-rightimage { width: 75%; } .width75 { width: 75%; margin-left: 24.6%; } .ie .width75 { width: 75%; } .imageRight { float: right; border: none; } .textRight { float: left; width: 75%; border-right: 1px solid #B7B7B7; } .sectionPanel .sectionPanelContentWrapper .sectionTitleWithMask .maskColorFiller { margin-top: 0 !important; padding-bottom: 50px; } /* ----------------------------------------------------------------------------- * SVG mask / notch styles starts * ---------------------------------------------------------------------------*/ .sectionPanel[data-mask*="xlink-deep"] { margin-top:-160px; /*height:925px;*/ } .sectionPanel[data-mask*="xlink-notch"] { margin-top:-50px; /*height:799px;*/ } .ie8 .sectionPanel[data-mask*="xlink-deep"] { height:100%; } .ie8 .sectionPanel[data-mask*="xlink-notch"] { height:100%; } .sectionPanel[data-mask*="xlink-deep-curve"] .sectionPanelContentWrapper { margin-top: 175px; } .sectionPanel[data-mask*="xlink-notch"] .sectionPanelContentWrapper{ margin-top: 90px; } /* ----------------------------------------------------------------------------- * SVG mask / notch styles ends * ---------------------------------------------------------------------------*/ /**** Color Pallette ****/ .colorPalette_Yellow.sectionPanel .sectionMainContent h2, .colorPalette_Yellow.sectionPanel .sectionLinks h2 { color: #FFF729; } .colorPalette_DarkYellow.sectionPanel .sectionMainContent h2, .colorPalette_DarkYellow.sectionPanel .sectionLinks h2 { color: #DED548; } .colorPalette_Green.sectionPanel .sectionMainContent h2, .colorPalette_Green.sectionPanel .sectionLinks h2 { color: #78fa6f; } .colorPalette_DarkGreen.sectionPanel .sectionMainContent h2, .colorPalette_DarkGreen.sectionPanel .sectionLinks h2 { color: #5fba5c; } .colorPalette_Fuscia.sectionPanel .sectionMainContent h2, .colorPalette_Fuscia.sectionPanel .sectionLinks h2 { color: #d43ff5; } .colorPalette_DarkFuscia.sectionPanel .sectionMainContent h2, .colorPalette_DarkFuscia.sectionPanel .sectionLinks h2 { color: #774078; } .colorPalette_Orange.sectionPanel .sectionMainContent h2, .colorPalette_Orange.sectionPanel .sectionLinks h2 { color: #FF9614; } .colorPalette_DarkOrange.sectionPanel .sectionMainContent h2, .colorPalette_DarkOrange.sectionPanel .sectionLinks h2 { color: #b66f2b; } .colorPalette_Cyan.sectionPanel .sectionMainContent h2, .colorPalette_Cyan.sectionPanel .sectionLinks h2 { color: #00fefd; } .colorPalette_Blue.sectionPanel .sectionMainContent h2, .colorPalette_Blue.sectionPanel .sectionLinks h2 { color: #00747e; } .colorPalette_Gray.sectionPanel .sectionMainContent h2, .colorPalette_Gray.sectionPanel .sectionLinks h2 { color: #2A2B33; } .colorPalette_DarkGray.sectionPanel .sectionMainContent h2, .colorPalette_DarkGray.sectionPanel .sectionLinks h2 { color: #FFFFFF; } .colorPalette_White.sectionPanel .sectionMainContent h2, .colorPalette_White.sectionPanel .sectionLinks h2 { color: #ccc; } .colorPalette_LightGray.sectionPanel .sectionMainContent h2, .colorPalette_LightGray.sectionPanel .sectionLinks h2 { color: #D9DADB; } .colorPalette_Yellow.sectionPanel a { background-color: #FFF729; } .colorPalette_DarkYellow.sectionPanel a { background-color: #DED548; } .colorPalette_Green.sectionPanel a { background-color: #78fa6f; } .colorPalette_DarkGreen.sectionPanel a { background-color: #5fba5c; } .colorPalette_Fuscia.sectionPanel a { background-color: #d43ff5; } .colorPalette_DarkFuscia.sectionPanel a { background-color: #774078; } .colorPalette_Orange.sectionPanel a { background-color: #FF9614; } .colorPalette_DarkOrange.sectionPanel a { background-color: #b66f2b; } .colorPalette_Cyan.sectionPanel a { background-color: #00fefd; } .colorPalette_Blue.sectionPanel a { background-color: #00747e; } .colorPalette_Gray.sectionPanel a { background-color: #2A2B33; } .colorPalette_DarkGray.sectionPanel a { background-color: #FFFFFF; } .colorPalette_White.sectionPanel a { background-color: #ccc; } .colorPalette_LightGray.sectionPanel a { background-color: #D9DADB; } .colorPalette_Yellow.sectionPanel a:hover { color: #FFF729; } .colorPalette_DarkYellow.sectionPanel a:hover { color: #DED548; } .colorPalette_Green.sectionPanel a:hover { color: #78fa6f; } .colorPalette_DarkGreen.sectionPanel a:hover { color: #5fba5c; } .colorPalette_Fuscia.sectionPanel a:hover { color: #d43ff5; } .colorPalette_DarkFuscia.sectionPanel a:hover { color: #774078; } .colorPalette_Orange.sectionPanel a:hover { color: #FF9614; } .colorPalette_DarkOrange.sectionPanel a:hover { color: #b66f2b; } .colorPalette_Cyan.sectionPanel a:hover { color: #00fefd; } .colorPalette_Blue.sectionPanel a:hover { color: #00747e; } .colorPalette_Gray.sectionPanel a:hover { color: #2A2B33; } .colorPalette_DarkGray.sectionPanel a:hover { color: #FFFFFF; } .colorPalette_White.sectionPanel a:hover { color: #ccc; } .colorPalette_LightGray.sectionPanel a:hover { color: #D9DADB; } .sectionPanel a { color: #2A2B33; } /**** Color Pallette ****/ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts nov 6th ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .sectionPanel[data-mask*="xlink-notch"] .sectionPanelContentWrapper, .sectionPanel[data-mask*="xlink-notch"], .sectionPanel[data-mask*="xlink-deep-curve"], .sectionPanel[data-mask*="xlink-deep-curve"] .sectionPanelContentWrapper { margin-top:0px; } .sectionPanel .sectionPanelContentWrapper{ padding: 0; } .sectionMainContent{ width:100%; } .sectionMainContent .contentLeft{ float: left; margin-left: 11px !important; margin-top: -36px; padding: 0; width: 100%; } .sectionMainContent .contentRight{ border: 0 none; float: left; margin-left: 10px; padding-right: 47px; width: 100%; } .sectionMainContent .contentRight p{ font-family: Georgia; font-size: 0.875em !important; line-height: 18px; color:#2a2b33 !important; margin-left: 0; } .sectionMainContent .contentRight p.whitecolor{ color: #2a2b33 !important; } .sectionMainContent .contentRight h2{ font-size:1.375em; float:left; width:100%; line-height:20px; margin-bottom:11px; margin-left: 0; } .sectionMainContent a.exploreBtn { border: 0 solid; clear: both; display: inline-block; font-family: 'BrandonGrotesqueBold'; font-size: .75em; margin-left: 0; padding: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; } .width75 { width: 100%; margin-left:0 !important; } .ie .width75 { width: 100%; } .sectionPanel .sectionPanelContentWrapper .sectionPanelContent .sectionMainContent .contentRight a.exploreBtn{ height: 28px; line-height: 30px; } .win.webkit .sectionPanel .sectionPanelContentWrapper .sectionPanelContent .sectionMainContent .contentRight a.exploreBtn{ line-height: 28px; } .android .sectionMainContent a.exploreBtn { padding: 5px 5px 4px; } .android .sectionPanel .sectionPanelContentWrapper .sectionPanelContent .sectionMainContent .contentRight a.exploreBtn{ height:28px; line-height: 26px; } .sectionPanel[data-mask="notch-right-i-h750"], .sectionPanel[data-mask="notch-left-i-h750"] { margin-top: 0px; min-height: auto; } .sectionMainContent .contentLeft.imageRight { float: left; } .sectionMainContent { float: left; margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; } .sectionPanelContent { padding-bottom: 20px; width: 100%; } .sectionMainContent .contentRight.textRight { width: 100% !important; margin-left: 0px; float: left; border-right: 0; } .sectionLinks { margin-top: 6px; padding-left: 10px; padding-right: 10px; width:100%; } .sectionLinks li { margin-bottom: 2px; width: 100% !important; } .sectionLinks li a { display: block; font-family: 'BrandonGrotesqueBold'; font-size: 0.87em; height: 25px; line-height: 10px; margin: 0; padding: 26px 2px 34px; text-align: center; text-decoration: none; text-transform: uppercase; width: 157px; } .sectionPanel .sectionLinks li a { text-align: left; width: 100% !important; padding-left: 10px; background-attachment: scroll; background-clip: border-box; background-image: url("../images/back_icon_copy.png"); background-origin: padding-box; background-position: 94% 49%; background-repeat: no-repeat; background-size: auto auto; } .sectionPanel .bgImg { display: none; } .sectionLinks li a.twoLines { padding-left: 10px; line-height:22px; } .maskImage{ display:none; } .sectionPanel a{float:left;} .sectionPanelContentWrapper{ position: relative; } .sectionPanel[data-mask*="xlink-deep"], .sectionPanel[data-mask*="xlink-notch"]{ height: auto; } .width75-rightimage{ width: 100%; } /********** mobile color themes***********/ .sectionPanel .sectionMainContent h2.m_colorPalette_DarkYellow, .sectionPanel .sectionLinks h2.m_colorPalette_DarkYellow { color: #DED548; } .sectionPanel .sectionMainContent h2.m_colorPalette_DarkGreen, .sectionPanel .sectionLinks h2.m_colorPalette_DarkGreen { color: #5fba5c; } .sectionPanel .sectionMainContent h2.m_colorPalette_Fuscia, .sectionPanel .sectionLinks h2.m_colorPalette_Fuscia { color: #d43ff5; } .sectionPanel .sectionMainContent h2.m_colorPalette_DarkFuscia, .sectionPanel .sectionLinks h2.m_colorPalette_DarkFuscia { color: #774078; } .sectionPanel .sectionMainContent h2.m_colorPalette_Orange, .sectionPanel .sectionLinks h2.m_colorPalette_Orange { color: #ff9614; } .sectionPanel .sectionMainContent h2.m_colorPalette_DarkOrange, .sectionPanel .sectionLinks h2.m_colorPalette_DarkOrange { color: #b66f2b; } .sectionPanel .sectionMainContent h2.m_colorPalette_DarkBlue, .sectionPanel .sectionLinks h2.m_colorPalette_DarkBlue { color: #00747e; } .sectionPanel .sectionMainContent h2.m_colorPalette_Gray, .sectionPanel .sectionLinks h2.m_colorPalette_Gray { color: #2A2B33; } .sectionPanel a.m_colorPalette_DarkYellow { background-color: #DED548; } .sectionPanel a.m_colorPalette_DarkGreen { background-color: #5fba5c; } .sectionPanel a.m_colorPalette_Fuscia { background-color: #d43ff5; } .sectionPanel a.m_colorPalette_DarkFuscia { background-color: #774078; } .sectionPanel a.m_colorPalette_Orange { background-color: #FF9614; } .sectionPanel a.m_colorPalette_DarkOrange { background-color: #b66f2b; } .sectionPanel a.m_colorPalette_Cyan { background-color: #00fefd; } .sectionPanel a.m_colorPalette_Blue { background-color: #00747e; } .sectionPanel a.m_colorPalette_DarkBlue { background-color:#00747e; color: #D9DADB !important; } .sectionPanel a.m_colorPalette_Gray { background-color: #2A2B33; color: #D9DADB !important; } .sectionPanel a.m_colorPalette_DarkGray { background-color: #FFFFFF; } .sectionPanel a.m_colorPalette_White { background-color: #ccc; } .sectionPanel a.m_colorPalette_LightGray { background-color: #D9DADB; } .sectionPanel a.m_colorPalette_Yellow:hover { color: #FFF729; } .sectionPanel a.m_colorPalette_DarkYellow:hover { color: #DED548; } .sectionPanel a.m_colorPalette_Green:hover { color: #78fa6f; } .sectionPanel a.m_colorPalette_DarkGreen:hover { color: #5fba5c; } .sectionPanel a.m_colorPalette_Fuscia:hover { color: #d43ff5; } .sectionPanel a.m_colorPalette_DarkFuscia:hover { color: #774078; } .sectionPanel a.m_colorPalette_Orange:hover { color: #FF9614; } .sectionPanel a.m_colorPalette_DarkOrange:hover { color: #b66f2b; } .sectionPanel a.m_colorPalette_Cyan:hover { color: #00fefd; } .sectionPanel a.m_colorPalette_Blue:hover { color: #00747e; } .sectionPanel a.m_colorPalette_DarkBlue:hover { color: #00747e !important; background:#d9dadb !important; } .sectionPanel a.m_colorPalette_Gray:hover { color: #2A2B33 !important; background:#d9dadb !important; } .sectionPanel a.m_colorPalette_DarkGray:hover { color: #FFFFFF; } .sectionPanel a.m_colorPalette_White:hover { color: #ccc; } .sectionPanel a.m_colorPalette_LightGray:hover { color: #D9DADB; } /**********mobile color themes***********/ } /****** ===== 280 - 600px Starts nov 6th ===== ****** **********************************************/ @media only screen and (min-width: 320px) and (max-width: 569px) { .android .sectionPanel .sectionPanelContentWrapper .sectionPanelContent .sectionMainContent .contentRight a.exploreBtn{ padding-top:3px !important; } } /****** ===== 601 - 760px Starts ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .sectionPanel[data-mask*="xlink-deep-curve"] .sectionPanelContentWrapper { margin-top: 85px; } .sectionPanel[data-mask*="xlink-notch"] .sectionPanelContentWrapper{ margin-top: 27px; } .sectionPanelContent { padding: 0 0 40px; width: 79.427%; } .contentRight{ padding-left: 6%; width: 85%; margin-top: 20px; } .contentRight h2 { font-size: 2.291875em; line-height: 32px; margin-left: 0; } .contentRight.textRight{ border-left: 0; padding-left: 0; padding-right: 5%; } .sectionLinks { margin-top: 30px; } .sectionLinks li{ margin: 0 2px 2px 0; } .sectionLinks li a { padding: 12px 2px 23px; } .sectionLinks li a.twoLines { padding: 6px 2px 29px; } .sectionPanel .sectionPanelContentWrapper .sectionTitleWithMask .maskColorFiller { padding-bottom: 20px; } .sectionLinks li a { width: 110px; font-size: 0.6875em; } .contentRight p { line-height: 15px; padding-right: 5px; font-size: 0.8043em; margin-left:0; } .sectionMainContent a.exploreBtn { display: inline-block; font-size: 0.916875em; height: 28px !important; margin-top: 15px; line-height: 1.4em; padding: 6px 15px 0; font-family: 'BrandonGrotesqueBlack'; margin-left:0; } .sectionMainContent{ margin-bottom:0; } .contentLeft.imageRight img{ width: 100px; } .contentLeft { margin-left:0; margin-top: 20px; } .width75{ margin-left: 21%; padding-left: 1px; } .contentLeft img{ width: auto; } .sectionPanel[data-mask*="xlink-notch"] { margin-top: -37px; } .sectionPanel[data-mask*="xlink-deep"]{ margin-top: -128px; } .win.webkit .sectionMainContent a.exploreBtn { line-height: 17px; } } @media only screen and (min-width: 1024px) and (max-width: 1024px){ .sectionPanel[data-mask*="xlink-deep-curve"] .sectionPanelContentWrapper { margin-top: 127px; } .sectionPanel[data-mask*="xlink-notch"] .sectionPanelContentWrapper{ margin-top: 38px; } } /****** ===== 641 - 1024px Ends ===== ****** *******************************************/ @media only screen and (min-width: 1025px) and (max-width: 1279px) { .sectionPanel[data-mask*="xlink-deep-curve"] .sectionPanelContentWrapper { margin-top: 120px; } .sectionPanel[data-mask*="xlink-notch"] .sectionPanelContentWrapper{ margin-top: 40px; } .sectionPanelContent { padding: 0 0 40px; } .contentRight h2 { font-size: 2.5em; line-height: 35px; } .sectionLinks li a { padding: 21px 2px 29px; } .sectionLinks li a.twoLines { padding: 16px 2px 34px; } /*.sectionLinks { margin-top: 10px; }*/ .sectionPanel .sectionTitleWithMask .maskColorFiller { padding-bottom: 30px; } .sectionLinks { margin-top:30px; } .width75{ margin-left: 26%; } } @media only screen and (min-width: 1025px) and (max-width: 1050px) { .sectionLinks li a, .win.chrome .sectionLinks li a { width:137px !important; } } @media only screen and (min-width: 1051px) and (max-width: 1150px) { .sectionLinks li a, .win.chrome .sectionLinks li a { width:141px !important; } } @media only screen and (min-width: 1280px) and (max-width: 1380px) { .sectionPanel[data-mask*="xlink-deep-curve"] .sectionPanelContentWrapper { margin-top: 164px; } .sectionPanel[data-mask*="xlink-notch"] .sectionPanelContentWrapper{ margin-top: 50px; } .sectionPanelContent { padding: 0 0 125px; } .sectionPanelContent .sectionLinks.width75 { width: 75%; margin-left: 25.2% !important; } } /* New Mask Updates */ @media only screen and (min-width:1281px) and (max-width:1440px) { .sectionPanel[data-mask*="xlink-deep-curve"] { margin-top:-180px; } .sectionPanel[data-mask*="xlink-notch"] { margin-top:-55px; } } @media only screen and (min-width: 768px) { .sectionPanel .sectionPanelContentWrapper a{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .sectionPanel .sectionPanelContentWrapper a:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } .sectionPanel .sectionPanelContentWrapper a{ z-index:4; border: 0; position: relative; } .sectionPanel .sectionPanelContentWrapper a:after { content: ''; position: absolute; z-index: -1; } /* Pseudo elements for icons */ .sectionPanel .sectionPanelContentWrapper a:before{ position: relative; -webkit-font-smoothing: antialiased; } /* button-lost 1b */ .sectionPanel .sectionPanelContentWrapper a:after { width: 100%; height: 0; top: 0; left: 0; background-color: #2A2B33; } .sectionPanel .sectionPanelContentWrapper a:hover:after, .sectionPanel .sectionPanelContentWrapper a:active:after { height: 100%; } @media only screen and (min-width: 1280px) and (max-width: 1440px) { .win.webkit .sectionMainContent a.exploreBtn { line-height: 33px; } .win.webkit .sectionLinks li a{ line-height:13px; } } @media only screen and (min-width:1441px) { .sectionPanel[data-mask*="xlink-notch"] { margin-top:-60px; } } @media only screen and (min-width:320px) and (max-width:360px) { .iphone .sectionMainContent a.exploreBtn{ padding-top:1px; } } /*S3 Default browser landscape*/ @media only screen and (min-width: 640px) { .android.device_gt_i9300 .sectionPanel .sectionPanelContentWrapper .sectionPanelContent .sectionMainContent .contentRight a.exploreBtn{ padding-top:3px } } html[lang="cn-cn"] .sectionMainContent a.exploreBtn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; line-height: normal; padding-top: 2px; } html[lang="cn-cn"].mac.webkit .sectionMainContent a.exploreBtn { padding-top: 7px; } html[lang="cn-cn"].ie9 .sectionMainContent a.exploreBtn, html[lang="cn-cn"].ie10 .sectionMainContent a.exploreBtn, html[lang="cn-cn"].ie8 .sectionMainContent a.exploreBtn { padding-top: 3px; } html[lang="cn-cn"] .contentRight h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .contentRight p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .sectionLinks li a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .sectionMainContent .contentRight p{ font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .sectionMainContent a.exploreBtn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .sectionLinks li a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .sectionMainContent a.exploreBtn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="cn-cn"] .sectionMainContent a.exploreBtn { padding:6px 20px !important; } html[lang="cn-cn"].ipad .sectionMainContent a.exploreBtn { padding-top:6px !important; } html[lang="cn-cn"] .sectionLinks li a { padding: 10px 2px 12px; height:35px; } } @media only screen and (min-width: 1025px) { html[lang="cn-cn"] .sectionLinks li a { padding: 15px 2px 15px; height:50px; line-height:normal; } html[lang="cn-cn"].mac.webkit .sectionLinks li a, html[lang="cn-cn"].mac.firefox .sectionLinks li a { padding-top: 18px; } html[lang="cn-cn"].win.webkit .sectionMainContent a.exploreBtn { line-height: normal; padding-top: 3px; } html[lang="cn-cn"].mac.firefox .sectionMainContent a.exploreBtn { line-height: normal; padding-top: 6px; } } @media only screen and (max-width: 767px) { html[lang="cn-cn"] .sectionMainContent a.exploreBtn { padding-top:6px; line-height:normal !important; } html[lang="cn-cn"] .sectionLinks li a { padding-top: 20px; height:60px; line-height:normal; } } @media only screen and (min-width: 569px) and (max-width: 768px){ html[lang="cn-cn"].device_xt890 .sectionPanel .sectionPanelContentWrapper .sectionPanelContent .sectionMainContent .contentRight a.exploreBtn{ line-height: 15px !important; } } @media only screen and (min-width: 280px) and (max-width: 767px){ html[lang="cn-cn"] .sectionPanel .sectionPanelContentWrapper .sectionPanelContent .sectionTitleWithMask .maskColorFiller .container-fixed-960 .sectionHeading span { line-height: normal !important; } html[lang="cn-cn"].ie9 .sectionMainContent a.exploreBtn, html[lang="cn-cn"].ie10 .sectionMainContent a.exploreBtn, html[lang="cn-cn"].ie8 .sectionMainContent a.exploreBtn{ padding-top: 5px; } } @media only screen and (min-width: 381px) and (max-width: 767px){ html[lang="cn-cn"].android .sectionMainContent a.exploreBtn{ padding-top:6px !important; } } @media only screen and (max-width: 380px){ html[lang="cn-cn"].android .sectionMainContent a.exploreBtn{ line-height:25px !important; } } html[lang="cn-cn"] .contentRight h2 { font-weight: bold; } @media only screen and (max-width: 1440px) and (min-width: 1280px){ html[lang="cn-cn"].win.webkit .sectionLinks li a { line-height: normal; } } @media only screen and (min-width: 1280px) { html[lang="en-sg"].gecko .sectionLinks li a.twoLines { padding-top: 17px !important; padding-bottom: 43px !important; } html[lang="en-sg"].gecko .sectionLinks li a { padding-top: 24px !important; padding-bottom: 36px !important; } } html[lang="ja-jp"] .sectionMainContent a.exploreBtn { font-family: 'Meiryo'; font-weight:bold; line-height: 36px !important; } html[lang="ja-jp"].mac.gecko .sectionMainContent a.exploreBtn { line-height:33px !important; } html[lang="ja-jp"].mac.chrome .sectionMainContent a.exploreBtn { line-height:36px !important; } html[lang="ja-jp"].win.firefox .sectionMainContent a.exploreBtn { line-height:33px !important; } html[lang="ja-jp"] .contentRight h2 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .contentRight p { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .sectionLinks li a { font-family: 'Meiryo'; font-weight:bold; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="ja-jp"] .sectionMainContent .contentRight p{ font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .sectionMainContent a.exploreBtn { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .sectionLinks li a { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"].win.firefox .sectionMainContent a.exploreBtn { line-height: 29px !important; } html[lang="ja-jp"] .sectionMainContent a.exploreBtn { line-height: 28px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .sectionMainContent a.exploreBtn { font-family: 'Meiryo'; } html[lang="ja-jp"] .sectionMainContent a.exploreBtn { line-height: 18px !important; } html[lang="ja-jp"].win.firefox .sectionMainContent a.exploreBtn { line-height:18px !important; } html[lang="ja-jp"].ie9 .sectionMainContent a.exploreBtn { padding-top:5px; } } /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android .sectionMainContent a.exploreBtn { padding:0px 10px !important; height: auto; line-height: 24.5px !important; } html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .sectionMainContent a.exploreBtn { padding-bottom:25px !important; } } /*****micro max default landscape*****/ @media only screen and (min-width:569px) and (max-width:569px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_768 .sectionMainContent a.exploreBtn { padding:0px 10px !important; height: auto; line-height: 24.5px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .sectionMainContent a.exploreBtn { padding:0px 20px 29px !important; } } /*S3 Default browser*/ @media only screen and (min-width: 320px) and (max-width: 640px) { html[lang="ja-jp"].android.device_gt_i9300 .sectionMainContent a.exploreBtn{ line-height: 22px !important; } } /* * * Sub Section Panel Starts * */ .sub-section-panel-container { width: 100%; position: relative; background-color: none; padding: 0; clear: both; float: left; overflow: hidden; } .sub-section-panel-container .maskFiller { width: 100%; position: relative; top: -5px; margin: 0; padding: 0; background: #fff; } .sub-section-panel-container .applyMaskHere { background: #fff; } .sub-section-panel { width: 75%; margin: 0 auto; padding: 50px 0; overflow: auto; position: relative; overflow: hidden; } .sub-section-panel-fullSpace { padding: 50px 0 94.6px; } .sub-section-panel.border-bottom { border-bottom: 1px solid #b7b7b7; } .sub-section-wrap { position: relative; } .sub-section-panel .bgImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sub-section-panel .text { float: left; width: 60%; word-wrap: break-word; } .sub-section-panel .text-full{ width: 100%; word-wrap: break-word; } .sub-section-panel .image { width: 40%; float: right; padding: 85px 0 0 50px; } .sub-section-panel .image img { width: 100%; height:auto; } .text h5, .text-full h5{ display: block; font-family: 'BrandonGrotesqueBlack'; font-size: 0.875em; text-transform: uppercase; margin: 10px 0 20px 0; } .text h2, .text-full h2{ display: block; font-family: 'BrandonGrotesqueBold'; font-size: 3.75em; font-weight: lighter; line-height: 55px; text-transform: uppercase; } .text p, .text-full p{ font-family: Georgia; font-size: 1.2em; line-height: 24px; color:#191B22; } .text a, .text-full a{ text-decoration: none; } .text .explore, .text-full .explore{ clear: both; color: #2A2B33; display: inline-block; margin-top: 20px; text-align: center; text-transform: uppercase; height: 34px; font-size: 1.25em; padding: 3px 20px 0; font-family: 'BrandonGrotesqueBlack'; } .mac.webkit .text .explore, .mac.webkit .text-full .explore{ padding-top:10px; } .mac.gecko .text .explore, .mac.gecko .text-full .explore{ padding-top:9px; } .explore:hover { color: #2A2A33; } .no-border { border: none !important; } .text .explore .icon-angle-right, .text-full .explore .icon-angle-right{ display:none; } /**** Color Pallette ****/ .colorPalette_Yellow.sub-section-panel .text h2, .colorPalette_Yellow.sub-section-panel .text .explore:hover, .colorPalette_Yellow.sub-section-panel .text-full h2, .colorPalette_Yellow.sub-section-panel .text-full .explore:hover{ color: #FFF729; } .colorPalette_DarkYellow.sub-section-panel .text h2, .colorPalette_DarkYellow.sub-section-panel .text .explore:hover, .colorPalette_DarkYellow.sub-section-panel .text-full h2, .colorPalette_DarkYellow.sub-section-panel .text-full .explore:hover{ color: #DED548; } .colorPalette_Green.sub-section-panel .text h2, .colorPalette_Green.sub-section-panel .text .explore:hover, .colorPalette_Green.sub-section-panel .text-full h2, .colorPalette_Green.sub-section-panel .text-full .explore:hover{ color: #78fa6f; } .colorPalette_DarkGreen.sub-section-panel .text h2, .colorPalette_DarkGreen.sub-section-panel .text .explore:hover, .colorPalette_DarkGreen.sub-section-panel .text-full h2, .colorPalette_DarkGreen.sub-section-panel .text-full .explore:hover{ color: #5fba5c; } .colorPalette_Fuscia.sub-section-panel .text h2, .colorPalette_Fuscia.sub-section-panel .text .explore:hover, .colorPalette_Fuscia.sub-section-panel .text-full h2, .colorPalette_Fuscia.sub-section-panel .text-full .explore:hover{ color: #d43ff5; } .colorPalette_DarkFuscia.sub-section-panel .text h2, .colorPalette_DarkFuscia.sub-section-panel .text .explore:hover, .colorPalette_DarkFuscia.sub-section-panel .text-full h2, .colorPalette_DarkFuscia.sub-section-panel .text-full .explore:hover{ color: #774078; } .colorPalette_Orange.sub-section-panel .text h2, .colorPalette_Orange.sub-section-panel .text .explore:hover, .colorPalette_Orange.sub-section-panel .text-full h2, .colorPalette_Orange.sub-section-panel .text-full .explore:hover{ color: #FF9614; } .colorPalette_DarkOrange.sub-section-panel .text h2, .colorPalette_DarkOrange.sub-section-panel .text .explore:hover, .colorPalette_DarkOrange.sub-section-panel .text-full h2, .colorPalette_DarkOrange.sub-section-panel .text-full .explore:hover{ color: #b66f2b; } .colorPalette_Cyan.sub-section-panel .text h2, .colorPalette_Cyan.sub-section-panel .text .explore:hover, .colorPalette_Cyan.sub-section-panel .text-full h2, .colorPalette_Cyan.sub-section-panel .text-full .explore:hover{ color: #00fefd; } .colorPalette_DarkBlue.sub-section-panel .text .explore:after, .colorPalette_DarkBlue.sub-section-panel .text-full .explore:after{ background-color:#d9dadb !important; } .colorPalette_DarkBlue.sub-section-panel .text h2, .colorPalette_DarkBlue.sub-section-panel .text-full h2{ color: #007480; } .colorPalette_DarkBlue.sub-section-panel .text .explore:hover, .colorPalette_DarkBlue.sub-section-panel .text-full .explore:hover{ background-color:#d9dadb !important; color: #007480 !important; } .colorPalette_Blue.sub-section-panel .text h2, .colorPalette_Blue.sub-section-panel .text .explore:hover, .colorPalette_Blue.sub-section-panel .text-full h2, .colorPalette_Blue.sub-section-panel .text-full .explore:hover{ color: #00747e; } .colorPalette_Gray.sub-section-panel .text .explore:after, .colorPalette_Gray.sub-section-panel .text-full .explore:after{ background-color:#d9dadb !important; } .colorPalette_Gray.sub-section-panel .text h2, .colorPalette_Gray.sub-section-panel .text-full h2{ color: #2A2B33; } .colorPalette_Gray.sub-section-panel .text .explore:hover, .colorPalette_Gray.sub-section-panel .text-full .explore:hover{ background-color:#d9dadb !important; color: #2A2B33 !important; } .colorPalette_DarkGray.sub-section-panel .text h2, .colorPalette_DarkGray.sub-section-panel .text .explore:hover, .colorPalette_DarkGray.sub-section-panel .text-full h2, .colorPalette_DarkGray.sub-section-panel .text-full .explore:hover{ color: #191B22; } .colorPalette_White.sub-section-panel .text h2, .colorPalette_White.sub-section-panel .text .explore:hover, .colorPalette_White.sub-section-panel .text-full h2, .colorPalette_White.sub-section-panel .text-full .explore:hover{ color: #FFFFFF; } .colorPalette_LightGray.sub-section-panel .text h2, .colorPalette_LightGray.sub-section-panel .text .explore:hover, .colorPalette_LightGray.sub-section-panel .text-full h2, .colorPalette_LightGray.sub-section-panel .text-full .explore:hover{ color: #D9DADB; } .colorPalette_Yellow.sub-section-panel .explore{ background-color: #FFF729; } .colorPalette_DarkYellow.sub-section-panel .explore{ background-color: #DED548; } .colorPalette_Green.sub-section-panel .explore{ background-color: #78fa6f; } .colorPalette_DarkGreen.sub-section-panel .explore{ background-color: #5fba5c; } .colorPalette_Fuscia.sub-section-panel .explore{ background-color: #d43ff5; } .colorPalette_DarkFuscia.sub-section-panel .explore{ background-color: #774078; } .colorPalette_Orange.sub-section-panel .explore{ background-color: #FF9614; } .colorPalette_DarkOrange.sub-section-panel .explore{ background-color: #b66f2b; } .colorPalette_Cyan.sub-section-panel .explore{ background-color: #00fefd; } .colorPalette_DarkBlue.sub-section-panel .explore{ background-color: #007480; color:#d9dadb !important; } .colorPalette_Blue.sub-section-panel .explore{ background-color: #00747e; } .colorPalette_Gray.sub-section-panel .explore{ background-color:#2a2b33; color:#d9dadb !important; } .colorPalette_DarkGray.sub-section-panel .explore{ background-color: #191B22; } .colorPalette_White.sub-section-panel .explore{ background-color: #FFFFFF; } .colorPalette_LightGray.sub-section-panel .explore{ background-color: #D9DADB; } /**** Color Pallette ****/ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .text .explore .icon-angle-right, .text-full .explore .icon-angle-right{ display: none; } .sub-section-panel-container{ padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; clear:both;} .sub-section-panel{ width:100%; padding-left:0; padding-top:0; border-bottom:0; margin-top:30px; margin-bottom:30px; } /*.sub-section-panel.border-top { border-top:1px solid #b7b7b7; padding-top:25px; margin-top:22px; }*/ .sub-section-panel .image { display:none; } .sub-section-panel .text { float: left; width: 100% !important; word-wrap: break-word; } .text a, .text-full a{ float:left; } .text h2, .text-full h2 { font-size: 2em; line-height: 30px; } .text .explore, .text-full .explore{ background-color: #2A2A33; clear: both; color: #2A2B33; display: inline-block; font-family: 'BrandonGrotesqueBlack'; font-size: 0.8em; height: 30px; margin-top: 20px; padding-top: 5px; text-align: left; text-transform: uppercase; } .win.webkit .text .explore, .text-full .explore{ padding-top: 6px; } .android .text .explore, .android .text-full .explore{ padding-top:10px !important; } .android.device_xt890 .text .explore, .android.device_xt890 .text-full .explore{ padding-top:6px !important; } .iphone .text .explore, .iphone .text-full .explore{ padding-top: 10px; } /*.sub-section-panel-container .sub-section-panel .sub-section-wrap .text .explore { line-height: 1.5em !important; }*/ /* =280 - 600px= */ /**** Color Pallette ****/ .colorPalette_Yellow.sub-section-panel .text .explore, .colorPalette_Yellow.sub-section-panel .text-full .explore{ color: #FFF729; background-color:#222; } .colorPalette_DarkYellow.sub-section-panel .text .explore, .colorPalette_DarkYellow.sub-section-panel .text-full .explore{ color: #DED548; background-color:#222; } .colorPalette_Green.sub-section-panel .text .explore, .colorPalette_Green.sub-section-panel .text-full .explore{ color: #78fa6f; background-color:#222; } .colorPalette_DarkGreen.sub-section-panel .text .explore, .colorPalette_DarkGreen.sub-section-panel .text-full .explore{ color: #5fba5c; background-color:#222; } .colorPalette_Fuscia.sub-section-panel .text .explore, .colorPalette_Fuscia.sub-section-panel .text-full .explore{ color: #d43ff5; background-color:#222; } .colorPalette_DarkFuscia.sub-section-panel .text .explore, .colorPalette_DarkFuscia.sub-section-panel .text-full .explore{ color: #774078; background-color:#222; } .colorPalette_Orange.sub-section-panel .text .explore, .colorPalette_Orange.sub-section-panel .text-full .explore{ color: #FF9614; background-color:#222; } .colorPalette_DarkOrange.sub-section-panel .text .explore, .colorPalette_DarkOrange.sub-section-panel .text-full .explore{ color: #b66f2b; background-color:#222; } .colorPalette_Cyan.sub-section-panel .text .explore, .colorPalette_Cyan.sub-section-panel .text-full .explore{ color: #00fefd; background-color:#222; } .colorPalette_Blue.sub-section-panel .text .explore, .colorPalette_Blue.sub-section-panel .text-full .explore{ color: #00747e; background-color:#222; } .colorPalette_DarkBlue.sub-section-panel .text .explore, .colorPalette_DarkBlue.sub-section-panel .text-full .explore{ color: #01464D; background-color:#222; } .colorPalette_Gray.sub-section-panel .text .explore, .colorPalette_Gray.sub-section-panel .text-full .explore{ color: #2A2B33; background-color:#222; } .colorPalette_DarkGray.sub-section-panel .text .explore, .colorPalette_DarkGray.sub-section-panel .text-full .explore{ color: #191B22; background-color:#222; } .colorPalette_White.sub-section-panel .text .explore, .colorPalette_White.sub-section-panel .text-full .explore{ color: #FFFFFF; background-color:#222; } .colorPalette_LightGray.sub-section-panel .text .explore, .colorPalette_LightGray.sub-section-panel .text-full .explore{ color: #D9DADB; background-color:#222; } .colorPalette_Yellow.sub-section-panel .text .explore:hover, .colorPalette_Yellow.sub-section-panel .text-full .explore:hover{ background-color:#FFF729; color: #ffffff; } .colorPalette_DarkYellow.sub-section-panel .text .explore:hover, .colorPalette_DarkYellow.sub-section-panel .text-full .explore:hover{ background-color: #DED548; color: #ffffff; } .colorPalette_Green.sub-section-panel .text .explore:hover, .colorPalette_Green.sub-section-panel .text-full .explore:hover{ background-color: #78fa6f; color: #ffffff; } .colorPalette_DarkGreen.sub-section-panel .text .explore:hover, .colorPalette_DarkGreen.sub-section-panel .text-full .explore:hover{ background-color: #5fba5c; color: #ffffff; } .colorPalette_Fuscia.sub-section-panel .text .explore:hover, .colorPalette_Fuscia.sub-section-panel .text-full .explore:hover{ background-color:#d43ff5; color: #ffffff; } .colorPalette_DarkFuscia.sub-section-panel .text .explore:hover, .colorPalette_DarkFuscia.sub-section-panel .text-full .explore:hover{ background-color: #774078; color: #ffffff; } .colorPalette_Orange.sub-section-panel .text .explore:hover, .colorPalette_Orange.sub-section-panel .text-full .explore:hover{ background-color: #FF9614; color: #ffffff; } .colorPalette_DarkOrange.sub-section-panel .text .explore:hover, .colorPalette_DarkOrange.sub-section-panel .text-full .explore:hover{ background-color: #b66f2b; color: #ffffff; } .colorPalette_Cyan.sub-section-panel .text .explore:hover, .colorPalette_Cyan.sub-section-panel .text-full .explore:hover{ background-color: #00fefd; color: #ffffff; } .colorPalette_Blue.sub-section-panel .text .explore:hover, .colorPalette_Blue.sub-section-panel .text-full .explore:hover{ background-color: #00747e; color: #ffffff; } .colorPalette_DarkBlue.sub-section-panel .text .explore:hover, .colorPalette_DarkBlue.sub-section-panel .text-full .explore:hover{ background-color: #01464D; color: #ffffff; } .colorPalette_Gray.sub-section-panel .text .explore:hover, .colorPalette_Gray.sub-section-panel .text-full .explore:hover{ background-color: #2A2B33; color: #ffffff; } .colorPalette_DarkGray.sub-section-panel .text .explore:hover, .colorPalette_DarkGray.sub-section-panel .text-full .explore:hover{ background-color: #191B22; color: #ffffff; } .colorPalette_White.sub-section-panel .text .explore:hover, .colorPalette_White.sub-section-panel .text-full .explore:hover{ background-color: #FFFFFF; color: #ffffff; } .colorPalette_LightGray.sub-section-panel .text .explore:hover, .colorPalette_LightGray.sub-section-panel .text-full .explore:hover{ background-color: #D9DADB; color: #ffffff; } /**** Color Pallette ****/ } /****** ===== 280 - 600px Ends ===== ****** **********************************************/ /****** =====641 - 1024px Ends ===== ****** *******************************************/ @media only screen and (min-width: 767px) and (max-width: 1024px) { .sub-section-panel{ width: 79.427%; padding: 30px 0; } .text h2, .text-full h2 { font-size: 2.291875em; line-height: 32px; } .text p, .text-full p{ font-size: 0.808175em; line-height: 18px; } .text h5, .text-full h5{ font-size: 0.6875em; margin: 10px 0; } .text .explore, .text-full .explore{ font-size: 0.916875em; height: 28px; margin-top: 14px; } .sub-section-panel-fullSpace { padding: 30px 0 94.6px !important; } .ie9 .text .explore, .ie9 .text-full .explore{ padding-top:4px; } /* =280 - 760px= */ } /****** ===== 641 - 1024px Starts ===== ****** **********************************************/ @media only screen and (min-width: 768px) { .text .explore, .text-full .explore{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .text .explore:after, .text-full .explore:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .ipad .text .explore, .ipad .text-full .explore{ line-height:26px; } } .text .explore, .text-full .explore{ z-index:4; border: 0; position: relative; } .text .explore:after, .text-full .explore:after { content: ''; position: absolute; z-index: -1; } /* Pseudo elements for icons */ .text .explore:before, .text-full .explore:before{ position: relative; -webkit-font-smoothing: antialiased; } /* button-lost 1b */ .text .explore:after, .text-full .explore:after { width: 100%; height: 0; top: 0; left: 0; background-color: #2A2B33; } .text .explore:hover:after, .text-full .explore:hover:after, .text .explore:hover:after, .text-full .explore:active:after { height: 100%; } /* * * Sub Section Panel Ends * */ html[lang="cn-cn"] .text h5, html[lang="cn-cn"] .text-full h5{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .text h2, html[lang="cn-cn"] .text-full h2{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; line-height:normal; font-weight:bold; } html[lang="cn-cn"] .text p, html[lang="cn-cn"] .text-full p{ font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .text .explore, html[lang="cn-cn"] .text-full .explore{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .text .explore, html[lang="cn-cn"] .text-full .explore{ line-height:normal; padding: 2px 20px !important; } html[lang="cn-cn"].mac.webkit .text .explore, html[lang="cn-cn"].mac.webkit .text-full .explore{ padding-top: 7px !important; } html[lang="cn-cn"].mac.firefox .text .explore, html[lang="cn-cn"].mac.firefox .text-full .explore{ padding-top: 6px !important; } @media only screen and (min-width:320px) and (max-width:767px) { html[lang="cn-cn"] .text .explore, html[lang="cn-cn"] .text-full .explore { line-height: normal; padding: 6px 20px !important; } html[lang="cn-cn"].android .text .explore, html[lang="cn-cn"].android .text-full .explore{ line-height: normal; padding: 8px 20px !important; } html[lang="cn-cn"].android.maxw_320 .text .explore, html[lang="cn-cn"].android.maxw_320 .text-full .explore{ line-height: normal; padding: 7px 20px !important; } html[lang="cn-cn"].ie8 .text .explore, html[lang="cn-cn"].ie8 .text-full .explore, html[lang="cn-cn"].ie10 .text .explore, html[lang="cn-cn"].ie10 .text-full .explore{ line-height: normal; padding: 4px 20px !important; } } @media only screen and (min-width:768px) and (max-width:1024px) { html[lang="cn-cn"] .text .explore, html[lang="cn-cn"] .text-full .explore { line-height: normal; padding: 3px 20px !important; } html[lang="cn-cn"].win.webkit .text .explore, html[lang="cn-cn"].win.webkit .text-full .explore { line-height: normal; padding: 5px 20px !important; } html[lang="cn-cn"].ipad .text .explore, html[lang="cn-cn"].ipad .text-full .explore{ padding-top: 6px !important; } html[lang="cn-cn"].ie8 .text .explore, html[lang="cn-cn"].ie8 .text-full .explore, html[lang="cn-cn"].ie10 .text .explore, html[lang="cn-cn"].ie10 .text-full .explore{ line-height: normal; padding: 5px 20px !important; } } @media only screen and (min-width:360px) and (max-width:360px) { html[lang="en-sg"].android.maxw_320 .text .explore, html[lang="en-sg"].android.maxw_320 .text-full .explore{ padding-top: 3px !important; } } @media only screen and (min-width:640px) and (max-width:640px) { html[lang="en-sg"].android.maxw_640 .text .explore, html[lang="en-sg"].android.maxw_640 .text-full .explore{ padding-top: 5px !important; } } @media only screen and (min-width:360px) and (max-width:360px){ html[lang="en-sg"].android.device_xt890 .text .explore, html[lang="en-sg"].android.device_xt890 .text-full .explore{ padding-top:6px !important; } } html[lang="ja-jp"] .text h5, html[lang="ja-jp"] .text-full h5{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .text h2, html[lang="ja-jp"] .text-full h2{ font-family: 'Meiryo'; font-weight:bold; line-height:55px; } html[lang="ja-jp"] .text .explore, html[lang="ja-jp"] .text-full .explore{ font-family: 'Meiryo'; padding-top:5px; } html[lang="ja-jp"].mac.gecko .text .explore, html[lang="ja-jp"].mac.gecko .text-full .explore{ padding-top:2px !important; } html[lang="ja-jp"].win.chrome .text .explore, html[lang="ja-jp"].win.chrome .text-full .explore, html[lang="ja-jp"].mac.webkit .text .explore, html[lang="ja-jp"].mac.webkit .text-full .explore, html[lang="ja-jp"].ie8 .text .explore, html[lang="ja-jp"].ie8 .text-full .explore{ padding-top:4px !important; } html[lang="ja-jp"].ie11 .text .explore, html[lang="ja-jp"].ie11 .text-full .explore{ padding-top:3px !important; } html[lang="ja-jp"].ie9 .text .explore, html[lang="ja-jp"].ie9 .text-full .explore{ padding-top:4px !important; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="ja-jp"] .text .explore, html[lang="ja-jp"] .text-full .explore{ font-family: 'Meiryo'; } html[lang="ja-jp"].gecko .text .explore, html[lang="ja-jp"].gecko .text-full .explore{ padding-top:8px; } html[lang="ja-jp"].ie10 .text .explore, html[lang="ja-jp"].ie10 .text-full .explore{ padding-top:6px; } html[lang="ja-jp"].ie9 .text .explore, html[lang="ja-jp"].ie9 .text-full .explore{ padding-top:6px !important; } } html[lang="ja-jp"] .text p, html[lang="ja-jp"] .text-full p{ font-family:'Hiragino Mincho ProN','MS PGothic'; } @media only screen and (min-width:768px) and (max-width:1024px) { html[lang="ja-jp"] .text h2, html[lang="ja-jp"] .text-full h2{ line-height:40px; } html[lang="ja-jp"].ipad .text .explore, html[lang="ja-jp"].ipad .text-full .explore{ padding-top:0px; } html[lang="ja-jp"].gecko .text .explore, html[lang="ja-jp"].gecko .text-full .explore{ padding-top:6px; } html[lang="ja-jp"].gecko .text .explore, html[lang="ja-jp"].gecko .text-full .explore{ padding-top:6px; } html[lang="ja-jp"].ie10 .text .explore, html[lang="ja-jp"].ie10 .text-full .explore{ padding-top:4px; } html[lang="ja-jp"].win.firefox .text .explore, html[lang="ja-jp"].win.firefox .text-full .explore { padding-top: 5px !important; } html[lang="ja-jp"].ie9 .text .explore, html[lang="ja-jp"].ie9 .text-full .explore{ padding-top:5px !important; } } @media only screen and (min-width: 320px) and (max-width: 640px) { html[lang="ja-jp"].android.device_gt_i9300 .text .explore, html[lang="ja-jp"].android.device_gt_i9300 .text-full .explore{ padding-top:8px !important; } } @media only screen and (min-width: 1024px) { html[lang="ja-jp"].gecko .text .explore, html[lang="ja-jp"].gecko .text-full .explore{ padding-top:6px; } html[lang="ja-jp"].ie10 .text .explore, html[lang="ja-jp"].ie10 .text-full .explore{ padding-top:3px; } } /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android .text .explore, html[lang="ja-jp"].android .text-full .explore{ padding-top:7px !important; } html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .text .explore, html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .text-full .explore { padding-top:6px !important; } } /*****micro max default landscape*****/ @media only screen and (min-width:569px) and (max-width:569px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_768 .text .explore, html[lang="ja-jp"].android.device_micromax_a110q.maxw_768 .text-full .explore{ padding-top:7px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .text .explore, html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .text-full .explore{ padding-top:8px !important; } } /* * * product carousel Starts * */ .product-carousel { clear: both; width: 100%; margin: 0 auto; padding: 0; overflow: hidden; position: relative; float: left; } .maskImage { width: 100%; height: 100%; margin: 0; padding: 0; } .product-carousel .iemaskImage { height:auto !important; } .product-carouselContentWrapper { margin: 0; padding: 0; width: 100%; min-height: 5px; position: absolute; top: 0; left: 0; float:left; height:100%; } .product-carouselContent { width: 100%; margin: 0px auto; padding: 0; position: relative; overflow: hidden; } .product-carousel a { outline: 0; } .productSlider { width: 75%; margin: 50px auto 0; position: relative; /*min-height: 400px;*/ } .productSlider .slides { width: 100%; margin: 0 auto; clear: both; } .productSlider .slides li { width: 236px; height: 375px; background: #fff; /*opacity: 0.85;*/ margin-right: 3px; } .productSlider .slides li.on { background: #ffffff; /*opacity: 0.85;*/ } .productSlider .slides li.on.on2 { background: #FFFFFF; cursor: default !important; } .productSlider .slides.fourItemsOnly li, .productSlider .slides.threeItemsOnly li, .productSlider .slides.twoItemsOnly li, .productSlider .slides.oneItemsOnly li { float: left; } .productSlider .slides.threeItemsOnly { padding-left: 119px; } .productSlider .slides.fourItemsOnly li { width: 24.3%; } .productSlider .slides.threeItemsOnly li { width: 24.3%; } /* .productSlider .slides.twoItemsOnly { padding-left: 238px; } */ .productSlider .slides.oneItemsOnly { padding-left: 357px; } .productSlider li.last-product { margin-right: 0px; } .productSlider .slides li a { display: block; width: 100%; height: 100%; border: 0 solid; text-decoration: none; cursor: pointer; text-align: center; } .productSlider .slides li img { display: block; margin: 0 auto; text-align: center; clear: both; margin-top:48px; } .productSlider li a .heading { font-family: 'BrandonGrotesqueBold'; font-size: 0.875em; text-align: center; clear: both; display: block; color: #2a2b33; text-transform: uppercase; line-height: 0.9em; margin-top: 48px; word-wrap: break-word; padding: 0 5px; } /*.productSlider li a .heading sub, .productSlider li a .heading sup { position: absolute; }*/ .ie9 .productSlider li a .heading sub, .ie9 .productSlider li a .heading sup { position: absolute; } .productSlider li a .text { font-family: Georgia; font-size: 0.875em; text-align: center; clear: both; display: block; color: #2a2b33; line-height: 1.125em; padding: 16px 20px 0px; } .productSlider .slides li.on a .heading { color: #00747e; } .productSlider .slides li.on a .text{ color: #00747e; } .productSlider .slides li.on.on2, .productSlider .slides li.on.on2 a, .productSlider .slides li.on.on2 a .heading, .productSlider .slides li.on2 img, .productSlider .slides li.on.on2 a .text { color: #2a2b33 !important; cursor:default !important; } .productSlider .flex-direction-nav li { position: absolute; top: 155px; } .productSlider .flex-direction-nav li.first-arrow { left: -121px; } .productSlider .flex-direction-nav li.last-arrow { right: -121px; } .productSlider .flex-direction-nav li a { background: url('../images/arrows.png') no-repeat; width: 37px; height: 68px; display: block; text-indent: -999em; } .productSlider .flex-direction-nav a.flex-prev { background-position: 0px -68px; } .productSlider .flex-direction-nav a.flex-next { background-position: 0px 0px; } .popupFill { display: none; height: 100%; left: 0px; position: absolute; top: 0; width: 100%; z-index: 0; } .popupFill .maskFiller { background: #b6b6b6; width: 100%; overflow: hidden; top: -5px; position: relative; height:100%; } .ie .popupFill .maskFiller { position:absolute; background: #b6b6b6; width: 100%; overflow: hidden; top: 50px; } .product-carouselContentWrapper .sectionTitleWithMask{ z-index:0; } .popupFill .applyMaskHere { background: #b6b6b6; } .popupFill a.closeBtn { position: absolute; top: 30px; right: 30px; background: url('../images/closeBtn.png') no-repeat; display: block; padding: 2px; font-size: 0.8em; text-decoration: none; width: 37px; height: 37px; text-indent: -999em; } .popupFill.curve a.closeBtn { top: 150px; } .popupFill .sectionTitleWithMask { margin-top: 10px; } .popupFill h3 { clear: both; font-family: 'BrandonGrotesqueBold'; font-size: 1.3em; font-weight: bold; margin-top: 25px; text-transform: uppercase; } .popupFill h4 { clear: both; font-size: 1.32em; font-family: 'BrandonGrotesqueBold'; text-transform: uppercase; line-height: 22px; } .popupFill p { font-family: 'Georgia'; font-size: 0.8em; padding-top: 15px; } .popupFill .slideContent { margin: 100px auto 15px; overflow: hidden; padding: 20px 0 9%; position: relative; width: 75%; } .popupFill .slideContent .leftCont { width: 50%; float: left; text-align: center; border-right: 1px solid #b7b7b7; padding: 0px 0 60px 0; } .popupFill .slideContent .rightCont { width: 50%; float: left; word-wrap: break-word; padding: 15px 35px 10px 90px; text-align: left; } .popupFill .slideContent .rightCont a.more_btn { background: none repeat scroll 0 0 #2A2B33; display: block; font-family: 'BrandonGrotesqueBold'; font-size: 1.2em; font-weight: bold; line-height: 13px; margin-top: 20px; padding: 15px 10px 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; } .popupFill .slideContent .rightCont li { height: auto; margin: 0 2px 0 3px; } .popupFill .slideContent .rightCont li img{ float: left; max-width: 100%; height: auto; margin-top: 0; } .miniProductSlider .flex-direction-nav li a { background: url('../images/mini-arrows.png') no-repeat; width: 12px; height: 35px; display: block; text-indent: -999em; outline: 0; } .miniProductSlider { margin: 0 auto; position: relative; width: 100%; } .miniProductSlider .slides { width: 960px; margin: 0 auto; clear: both; } .miniProductSlider .flex-direction-nav a.flex-prev { background-position: 0px -35px; } .miniProductSlider .flex-direction-nav a.flex-next { background-position: 0px 0px; } .popupFill .slideContent .rightCont .flex-direction-nav li { position: absolute; top: 45%; width: 12px; height: 35px; } .miniProductSlider .flex-direction-nav li.first-arrow { left: -25px; } .miniProductSlider .flex-direction-nav li.last-arrow { right: -30px; } .popupFill.colorSet1 .superNotchContent { background: #ff9e14; color: #2a2b33; } .popupFill.colorSet2 .superNotchContent { background: #cc33ff; color: #fff; } .colorSet1 a.more_btn { color: #ff9e14; } .colorSet2 a.more_btn { color: #CC33FF; } .superNotch { position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; } .superNotchContent { width: 100%; overflow: hidden; margin-top: 56px; } .product-carousel .labelSec { margin: 0 auto 80px; width: 75%; } .panelsLoadMore1 { display: none; } .productSlider li a .moreinfo { display: none; } .productSlider .flex-direction-nav a { opacity: 100; } /*.productSlider .flex-direction-nav .flex-next { right: -50px; text-align: left; }*/ .miniProductSlider .flex-direction-nav a { opacity: 100; } /*.miniProductSlider .flex-direction-nav .flex-prev { left: -8px; } .miniProductSlider .flex-direction-nav .flex-next { right: 89px; text-align: left; }*/ /* ----------------------------------------------------------------------------- * SVG mask / notch styles starts * ---------------------------------------------------------------------------*/ .product-carousel[data-mask*="xlink-deep"] { margin-top: -160px; } .product-carousel[data-mask*="xlink-notch"] { margin-top: -50px; } .ie8 .product-carousel[data-mask*="xlink-deep"] { height: 100%; } .ie8 .product-carousel[data-mask*="xlink-notch"] { height: 100%; } .product-carousel[data-mask*="xlink-deep-curve"] .product-carouselContentWrapper { margin-top: 175px; } .product-carousel[data-mask*="xlink-notch"] .product-carouselContentWrapper { margin-top: 90px; } /* ----------------------------------------------------------------------------- * SVG mask / notch styles ends * ---------------------------------------------------------------------------*/ /* * * Responsive Starts * */ @media only screen and (min-width: 280px) and (max-width: 767px) { .product-carousel { width: 100%; background: #fff; padding-bottom: 30px; } .product-carousel[data-mask*="xlink-deep-curve"] { margin-top: 0px; height: auto; min-height: 1px; } .product-carousel[data-mask*="xlink-deep-curve"] .product-carouselContentWrapper { margin-top: 0px; } .product-carousel[data-mask*="xlink-notch"] { margin-top: 0px; height: auto; min-height: 1px; } .product-carousel[data-mask*="xlink-notch"] .product-carouselContentWrapper { margin-top: 0px; } .product-carouselContentWrapper { position: static; } .productSlider { width: 100%; height: 100%; min-height:0; } .productSlider .slides { width: 100%; height: 100%; clear: both; overflow: hidden; } .productSlider .slides li:first-child { margin-top:0px; } .productSlider .slides li { width: 100%; padding: 10px 0 0 0; clear: both; max-height: 205px; border-bottom: 2px solid #eee; margin-top:30px; margin-bottom:30px; position:relative; } .productSlider .slides.twoItemsOnly{ padding-left:0px; } .productSlider .slides li img { float: left; width: 125px; height: 125px; margin-top: 3px; margin-right:15px; position: absolute; } .productSlider li a .heading { font-family:'BrandonGrotesqueBlack'; clear: none; margin: 0; padding: 0 0 0 0; float: left; display: inline-block; text-align: left; font-size:1em; line-height:1.125em; word-wrap: break-word; width:100%; } .productSlider .slides.threeItemsOnly{ padding-left:0px; } .productSlider li a .text { clear: none; margin: 0; padding: 0; float: left; display: inline-block; text-align: left; font-size:0.875em; line-height:1.125em; width:100%; } .productSlider li a .moreinfo { color: #02FDFE; display: block; float: left; font-size: 0.9em; font-weight: bold; line-height: 1.5em; margin-left: 146px; margin-top: 15px; padding-bottom: 5px; padding-left: 10px; padding-right: 30px; padding-top: 5px; text-transform: uppercase; width: auto; background: url("../images/back_icon_copy_cyan.png") no-repeat scroll 88% 53% #2A2B33 } .win.webkit .productSlider li a .moreinfo { line-height: 1.4em; } .productSlider li a .heading { padding: 10px 0 15px 145px; } .productSlider li a .text { padding-left: 145px !important; } a.panelsLoadMore1 { margin-bottom: 7px; margin-left: auto; margin-right: auto; margin-top: 7px; font-family: 'BrandonGrotesqueBlack'; text-align: center; text-transform: uppercase; font-size: 0.9em; line-height: 1em; position: relative; display: inline-block; cursor: pointer; width: 100%; } a.panelsLoadMore1 span { padding: 16px 20px 10px 0; background: url("../images/down-arrow.png") no-repeat scroll 77% 54% #2A2B33; text-align: center; color: #01FCFE; display: inline-block; cursor: pointer; width: 96%; } .popupFill .maskFiller { overflow: hidden; } .popupFill .slideContent, .popupFill .slideContent .rightCont, .popupFill .slideContent .leftCont { clear: both; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .popupFill .slideContent .leftCont { margin-top: 10%; } .popupFill .slideContent .rightCont { padding: 10px 20px; text-align: center; margin-left: -1px; } .product-carousel img.maskImage { display: none; } .popupFill a.closeBtn { right: 10px; top: 55px; z-index: 1; } .popupFill { top: 3px; } /* .popupFill .slideContent .leftCont img { width: 180px; height: 150px; }*/ .popupFill h4 { font-size: 1.1em; } .productSlider .slides.threeItemsOnly li{ width:100%; } .productSlider .slides.fourItemsOnly li{ width:100%; } .productSlider .slides.threeItemsOnly li, .productSlider .slides.fourItemsOnly li{ margin-top:0; } /*.productSlider li a .heading { font-size: 0.93em; line-height: 1.125em; } .productSlider li a .text { font-size: 0.8em; line-height: 1.18em; }*/ } /* @media only screen and (min-width: 480px) and (max-width: 640px) { a.panelsLoadMore1 span { background-position: 65% 54%; } } */ @media only screen and (min-width: 768px) and (max-width: 768px) { .productSlider li a .heading { font-family:'BrandonGrotesqueBlack'; font-size: .8em; line-height: .95em; margin-top: 10px; } .productSlider li a .text { font-size: .75em; line-height: 1.25em; padding:10px 6px 5px 6px; } .productSlider .slides li img { margin-top: 10px; height:110px; width:110px; } .productSlider .slides li { height: 230px; } .ipad .productSlider .slides li { margin-right:4px; } .popupFill .slideContent .leftCont{ width:auto; } .productSlider .flex-direction-nav li.first-arrow { left: -85px; } .productSlider .flex-direction-nav li.last-arrow { right: -85px; } .product-carousel[data-mask*="xlink-deep"]{ margin-top:-70px; } .product-carousel[data-mask*="xlink-deep-curve"] .product-carouselContentWrapper { margin-top: 100px !important; } .product-carousel[data-mask*="xlink-notch"] .product-carouselContentWrapper { margin-top: 45px; } .productSlider { margin-top: 40px; } .productSlider .flex-direction-nav li { top: 75px; } .popupFill .slideContent{ margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; overflow-x: hidden; overflow-y: hidden; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 0px; position: relative; width: 75%; } .ipad .popupFill { z-index: 999; height:auto; } .popupFill .slideContent .rightCont{ width:375px; padding-left:28px; height:auto; } .popupFill .slideContent .leftCont img{ width: 80px; height: 80px; } .popupFill .slideContent .leftCont{ width:190px; } .popupFill h3, .popupFill h4{ font-size:1em; } .popupFill .slideContent .rightCont a.more_btn { margin-top:6px; } .popupFill.curve a.closeBtn{ top:93px; } .miniProductSlider{ width:320px; margin-top:5px; } .productSlider .slides.twoItemsOnly, .productSlider .slides.fourItemsOnly { width: 100%; } .productSlider .slides.twoItemsOnly li { width: 25%; height: 215px; } .productSlider .slides.threeItemsOnly { padding-left: 75px; } .productSlider .slides.fourItemsOnly li { width: 24.3%; } .productSlider .slides.twoItemsOnly li a .heading, .productSlider .slides.fourItemsOnly li a .heading { margin-top: 0; } .productSlider .slides.twoItemsOnly li img, .productSlider .slides.fourItemsOnly li img { width: 120px; height: 120px; margin-top:0px !important; } .productSlider .slides.fourItemsOnly li img { width: 100px; height: 100px; } .productSlider .slides li img { width: 100px; height: 100px; } .ie11.ie .popupFill .maskFiller{ top:35px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .productSlider li a .heading { font-family:'BrandonGrotesqueBlack'; font-size: .8em; line-height: .95em; margin-top: 10px; } .productSlider li a .text { font-size: .75em; line-height: 1.25em; } .productSlider .slides li img { margin-top:10px; } .productSlider .slides li { height: 230px; } .ipad .productSlider .slides li { margin-right:4px; } .productSlider .flex-direction-nav li.first-arrow { left: -85px; } .productSlider .flex-direction-nav li.last-arrow { right: -85px; } .product-carousel[data-mask*="xlink-notch"] .product-carouselContentWrapper { margin-top: 50px; } .ipad .popupFill { z-index: 999; height:auto; } .productSlider { margin-top: 30px; } .productSlider .flex-direction-nav li { top: 100px; } .popupFill .slideContent{ margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 50px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 90px; padding-left: 0; padding-right: 0; padding-top: 0px; position: relative; width: 75%; } .popupFill .slideContent .rightCont { height: 279px; padding-left: 28px; } /*.popupFill .slideContent .leftCont img{ width: 160px; height: 160px; }*/ .popupFill.curve a.closeBtn{ top:126px; } .productSlider .slides.twoItemsOnly, .productSlider .slides.fourItemsOnly { width: 100%; } .productSlider .slides.twoItemsOnly li { width: 25%; height: 260px; } .productSlider .slides.threeItemsOnly { padding-left: 119px; } .productSlider .slides.fourItemsOnly li { width: 24.3%; } .productSlider .slides.twoItemsOnly li a .heading, .productSlider .slides.fourItemsOnly li a .heading { margin-top: 0; } .productSlider .slides.twoItemsOnly li img, .productSlider .slides.fourItemsOnly li img { width: 120px; height: 120px; margin-top:0px !important; } .productSlider .slides.fourItemsOnly li img { width: 100px; height: 100px; } .productSlider .slides li img { width: 100px; height: 100px; } .ie11.ie .popupFill .maskFiller{ top:35px; } } @media only screen and (min-width: 1025px) and (max-width: 1105px) { .productSlider .slides li img{ height:100px !important; width:100px !important; } .productSlider .slides li{ height:280px !important; } .product-carousel[data-mask*="xlink-notch"] .product-carouselContentWrapper { margin-top: 50px !important; } } @media only screen and (min-width: 1106px) and (max-width: 1279px) { .productSlider li a .heading { font-size: 0.93em; line-height: 1.125em; } .productSlider li a .text { font-size: 0.8em; line-height: 1.18em; } .productSlider .slides li img { width: 180px; height: 180px; margin-top:21px; } .productSlider .slides li { height: 360px; } .productSlider .flex-direction-nav li.first-arrow { left: -95px; } .productSlider .flex-direction-nav li.last-arrow { right: -95px; } .product-carousel[data-mask*="xlink-notch"] .product-carouselContentWrapper { margin-top: 50px; } .productSlider { margin-top: 40px; } .productSlider .flex-direction-nav li { top: 115px; } /* .popupFill .slideContent .leftCont{ width:245px; } */ .productSlider .slides.twoItemsOnly, .productSlider .slides.fourItemsOnly { width: 100%; } .productSlider .slides.twoItemsOnly li { width: 25%; } .productSlider .slides.fourItemsOnly li { width: 24.5%; } } /* New Mask Updates */ @media only screen and (min-width: 1281px) and (max-width: 1440px) { .product-carousel[data-mask*="xlink-deep-curve"] { margin-top: -180px; } .product-carousel[data-mask*="xlink-notch"] { margin-top: -55px; } } @media only screen and (min-width: 1281px) and (max-width: 1380px) { .popupFill .maskFiller { margin-top: 0 !important; } } /* * * Responsive Ends * */ /* ---------- * Themes -----------*/ .popupFill { background-color: transparent; } /* Orange Themes Start */ .popupFill.colorPalette_Orange .maskFiller { background-color: #FF9614; color: #2a2b33; } .popupFill.colorPalette_Orange .slideContent .rightCont a.more_btn { color: #FF9614; background-color: #2a2b33; } .popupFill.colorPalette_Orange .slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Orange Themes End */ /* Yellow Themes Start */ .popupFill.colorPalette_Yellow .maskFiller { background-color: #fff729; color: #2a2b33; } .popupFill.colorPalette_Yellow .slideContent .rightCont a.more_btn { color: #fff729; background-color: #2a2b33; } .popupFill.colorPalette_Yellow.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Yellow Themes End */ /* Cyan Themes Start */ .popupFill.colorPalette_Cyan .maskFiller { background-color: #00fefd; color: #2a2b33; } .popupFill.colorPalette_Cyan .slideContent .rightCont a.more_btn { color: #00fefd; background-color: #2a2b33; } .popupFill.colorPalette_Cyan.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Cyan Themes End */ /* Light Green Themes Start */ .popupFill.colorPalette_Green .maskFiller { background-color: #78fa6f; color: #2a2b33; } .popupFill.colorPalette_Green .slideContent .rightCont a.more_btn { color: #78fa6f; background-color: #2a2b33; } .popupFill.colorPalette_Green.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Light Green Themes End */ /* Fuchsia Themes Start */ .popupFill.colorPalette_Fuscia .maskFiller { background-color: #d43ff5; color: #2a2b33; } .popupFill.colorPalette_Fuscia .slideContent .rightCont a.more_btn { color: #d43ff5; background-color: #2a2b33; } .popupFill.colorPalette_Fuscia.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Fuchsia Themes End */ /* Gray Themes Start */ .popupFill.colorPalette_Gray .maskFiller { background-color: #2a2b33; color: #2a2b33; } .popupFill.colorPalette_Gray .slideContent .rightCont a.more_btn { color: #2a2b33; background-color: #2a2b33; } .popupFill.colorPalette_Gray.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Gray Themes End */ /* Light Gray Themes Start */ .popupFill.colorPalette_LightGray .maskFiller { background-color: #d9dadb; color: #2a2b33; } .popupFill.colorPalette_LightGray .slideContent .rightCont a.more_btn { color: #d9dadb; background-color: #2a2b33; } .popupFill.colorPalette_LightGray.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Light Gray Themes End */ /* Dark Blue Themes Start */ .popupFill.colorPalette_Blue .maskFiller { background-color: #00747e; color: #2a2b33; } .popupFill.colorPalette_Blue .slideContent .rightCont a.more_btn { color: #00747e; background-color: #2a2b33; } .popupFill.colorPalette_Blue.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Dark Blue Themes End */ /* Dark Green Themes Start */ .popupFill.colorPalette_DarkGreen .maskFiller { background-color: #5fba5c; color: #2a2b33; } .popupFill.colorPalette_DarkGreen .slideContent .rightCont a.more_btn { color: #5fba5c; background-color: #2a2b33; } .popupFill.colorPalette_DarkGreen.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Dark Green Themes End */ /* Dark Yellow Themes Start */ .popupFill.colorPalette_DarkYellow .maskFiller { background-color: #ded548; color: #2a2b33; } .popupFill.colorPalette_DarkYellow .slideContent .rightCont a.more_btn { color: #ded548; background-color: #2a2b33; } .popupFill.colorPalette_DarkYellow.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Dark Yellow Themes End */ /* Dark Orange Themes Start */ .popupFill.colorPalette_DarkOrange .maskFiller { background-color: #b66f2b; color: #2a2b33; } .popupFill.colorPalette_DarkOrange .slideContent .rightCont a.more_btn { color: #b66f2b; background-color: #2a2b33; } .popupFill.colorPalette_DarkOrange.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Dark Orange Themes End */ /* Dark Fuchsia Themes Start */ .popupFill.colorPalette_DarkFuscia .maskFiller { background-color: #774078; color: #2a2b33; } .popupFill.colorPalette_DarkFuscia .slideContent .rightCont a.more_btn { color: #774078; background-color: #2a2b33; } .popupFill.colorPalette_DarkFuscia.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Dark Fuchsia Themes End */ /* Dark Gray Themes Start */ .popupFill.colorPalette_DarkGray .maskFiller { background-color: #191b22; color: #2a2b33; } .popupFill.colorPalette_DarkGray .slideContent .rightCont a.more_btn { color: #191b22; background-color: #2a2b33; } .popupFill.colorPalette_DarkGray.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* Dark Gray Themes End */ /* White Themes Start */ .popupFill.colorPalette_White .maskFiller { background-color: #FFF; color: #2a2b33; } .popupFill.colorPalette_White .slideContent .rightCont a.more_btn { color: #FFF; background-color: #2a2b33; } .popupFill.colorPalette_White.slideContent .rightCont a.more_btn:hover { background-color: #fff; } /* White Themes End */ /* * * product carousel Ends * */ @media only screen and (min-width:320px) and (max-width:320px) { html[lang="en-gb"].android.device_micromax_a110q.maxw_320 .product-carousel .sectionTitleWithMask h2 span{ padding-top:7px !important; } html[lang="en-gb"].android.android4.android4_0.device_micromax_a110q .product-carousel .sectionTitleWithMask h2 span { line-height: 21px !important; } } @media only screen and (min-width:360px) and (max-width:360px) { html[lang="en-gb"].android.device_gt_i9300 .product-carousel .sectionTitleWithMask h2 span { line-height: 21px !important; } } html[lang="cn-cn"] .productSlider li a .heading { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .productSlider li a .text { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .popupFill h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .popupFill h4 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .popupFill p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .popupFill .slideContent .rightCont a.more_btn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] a.panelsLoadMore1 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="cn-cn"] a.panelsLoadMore1 span { padding: 13px 20px 13px 0; } } html[lang="ja-jp"] .productSlider li a .heading { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .productSlider li a .text { font-family: Georgia; } html[lang="ja-jp"] .popupFill h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .popupFill h4 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .popupFill p { font-family: 'Georgia'; } html[lang="ja-jp"] .popupFill .slideContent .rightCont a.more_btn { font-family: 'Meiryo'; font-weight:bold; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="ja-jp"] .productSlider li a .heading { font-family:'Meiryo'; } html[lang="ja-jp"] a.panelsLoadMore1 { font-family: 'Meiryo'; } } @media only screen and (min-width: 768px) and (max-width: 768px) { html[lang="ja-jp"] .productSlider li a .heading { font-family:'Meiryo'; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { html[lang="ja-jp"] .productSlider li a .heading { font-family:'Meiryo'; } } .localcontacts-container { width: 100%; position: relative; z-index: 1; clear:both; padding: 70px 0; } .localcontacts-container.last-item { padding-bottom: 13px !important; } .localcontacts-container.secondLast { padding-bottom: 0; } .localcontacts-container .localContBg img { position:absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 2; } .localcontacts { z-index: 4; width: 75%; margin: 0 auto; position: relative; word-wrap:break-word; } .localcontacts-icon { width: 40%; float: left; font-family:'BrandonGrotesqueBold'; text-transform: uppercase; padding: 0 0 0 67px; position:relative; } .localcontacts-text { width: 60%; float: left; padding-left:40px; } .localcontacts-icon h3, .localcontacts-icon a { float: left; } .localcontacts-icon .globeIcon { position:absolute; width: 47px; height: 47px; left:0; } .globeIcon .globeImg img { width:100%; height: 100%; } .localcontacts-icon h3 { font-family:'BrandonGrotesqueBlack'; color: #2a2b33; font-size: 2.25em; margin: 0; padding: 0; line-height: 1em; width:100%; word-wrap:break-word; } .localcontacts-icon a { font-family:'BrandonGrotesqueBold'; clear: both; color: #2a2b33; display: block; margin-top: 3px; font-size: 0.875em; text-decoration:underline; line-height: 1em; } .localcontacts-text p { font-family:Georgia; font-size: 0.875em; line-height: 18px; color: #2a2b33; } .localcontacts-container.localSpace{ margin-bottom:0; } /**** Color Pallette ****/ .colorPalette_Yellow.localcontacts-container { background-color: #fff729; } .colorPalette_DarkYellow.localcontacts-container { background-color: #ded548; } .colorPalette_Green.localcontacts-container { background-color:#78fa6f; } .colorPalette_DarkGreen.localcontacts-container { background-color: #5fba5c; } .colorPalette_Fuscia.localcontacts-container { background-color: #d43ff5; } .colorPalette_DarkFuscia.localcontacts-container { background-color: #774078; } .colorPalette_Orange.localcontacts-container { background-color: #FF9614; } .colorPalette_DarkOrange.localcontacts-container { background-color: #b66f2b; } .colorPalette_Cyan.localcontacts-container { background-color: #00fefd; } .colorPalette_Blue.localcontacts-container { background-color: #00747e; } .colorPalette_Gray.localcontacts-container { background-color: #2A2B33; } .colorPalette_DarkGray.localcontacts-container { background-color: #191B22; } .colorPalette_White.localcontacts-container { background-color: #FFFFFF; } .colorPalette_LightGray.localcontacts-container { background-color: #D9DADB; } /**** Color Pallette ****/ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .localcontacts-container { float:left; padding-top:0px; padding-bottom: 20px; background-color:#2a2b33; } .localcontacts-container.localSpace{ margin-bottom: 50px; } .localcontacts { padding:5px 5px 5px 11px; width:100% !important; float:left; } .globeIcon img { width:60%; height:60%; display:none; } .localcontacts-icon h3 { float: left; font-size: 1.253125em; margin-top: 6px; /*padding-left: 31px;*/ } .localcontacts-icon a { padding-left: 0px; padding-top: 13px; font-size: 0.765em; } .localcontacts-icon { padding-top: 11px; width: 100%; padding-left:0px; float:left; } .localcontacts-text { float: left; padding-top:0px; width:100% !important; padding-left:0px; } .localcontacts-text p { padding:5px 5px 5px 0px; text-align:left; } .localcontacts-container.last-item { padding: 10px 0 0 0 !important; } /**** Color Pallette ****/ .colorPalette_Yellow.localcontacts-container { background-color: #191B22 !important; } .colorPalette_DarkYellow.localcontacts-container { background-color: #191B22 !important; } .colorPalette_Green.localcontacts-container { background-color: #191B22 !important; } .colorPalette_DarkGreen.localcontacts-container { background-color: #191B22 !important; } .colorPalette_Fuscia.localcontacts-container { background-color: #191B22 !important; } .colorPalette_DarkFuscia.localcontacts-container { background-color: #191B22 !important; } .colorPalette_Orange.localcontacts-container { background-color: #191B22 !important; } .colorPalette_DarkOrange.localcontacts-container { background-color: #191B22 !important; } .colorPalette_Cyan.localcontacts-container { background-color: #191B22 !important; } .colorPalette_Blue.localcontacts-container { background-color: #191B22 !important; } .colorPalette_Gray.localcontacts-container { background-color: #191B22 !important; } .colorPalette_DarkGray.localcontacts-container { background-color: #191B22 !important; } .colorPalette_White.localcontacts-container { background-color: #191B22 !important; } .colorPalette_LightGray.localcontacts-container { background-color: #191B22 !important; } /**** Color Pallette ****/ /**** Color Pallette ****/ .colorPalette_Yellow.localcontacts-container .localcontacts-icon h3, .colorPalette_Yellow.localcontacts-container .localcontacts-icon a, .colorPalette_Yellow.localcontacts-container .localcontacts-text p { color: #fff729; } .colorPalette_DarkYellow.localcontacts-container .localcontacts-icon h3, .colorPalette_DarkYellow.localcontacts-container .localcontacts-icon a, .colorPalette_DarkYellow.localcontacts-container .localcontacts-text p { color: #ded548; } .colorPalette_Green.localcontacts-container .localcontacts-icon h3, .colorPalette_Green.localcontacts-container .localcontacts-icon a, .colorPalette_Green.localcontacts-container .localcontacts-text p { color: #78fa6f; } .colorPalette_DarkGreen.localcontacts-container .localcontacts-icon h3, .colorPalette_DarkGreen.localcontacts-container .localcontacts-icon a, .colorPalette_DarkGreen.localcontacts-container .localcontacts-text p { color: #5fba5c; } .colorPalette_Fuscia.localcontacts-container .localcontacts-icon h3, .colorPalette_Fuscia.localcontacts-container .localcontacts-icon a, .colorPalette_Fuscia.localcontacts-container .localcontacts-text p { color: #d43ff5; } .colorPalette_DarkFuscia.localcontacts-container .localcontacts-icon h3, .colorPalette_DarkFuscia.localcontacts-container .localcontacts-icon a, .colorPalette_DarkFuscia.localcontacts-container .localcontacts-text p { color: #774078; } .colorPalette_Orange.localcontacts-container .localcontacts-icon h3, .colorPalette_Orange.localcontacts-container .localcontacts-icon a, .colorPalette_Orange.localcontacts-container .localcontacts-text p { color: #FF9614; } .colorPalette_DarkOrange.localcontacts-container .localcontacts-icon h3, .colorPalette_DarkOrange.localcontacts-container .localcontacts-icon a, .colorPalette_DarkOrange.localcontacts-container .localcontacts-text p { color: #b66f2b; } .colorPalette_Cyan.localcontacts-container .localcontacts-icon h3, .colorPalette_Cyan.localcontacts-container .localcontacts-icon a, .colorPalette_Cyan.localcontacts-container .localcontacts-text p { color: #00fefd; } .colorPalette_Blue.localcontacts-container .localcontacts-icon h3, .colorPalette_Blue.localcontacts-container .localcontacts-icon a, .colorPalette_Blue.localcontacts-container .localcontacts-text p{ color: #00747e; } .colorPalette_Gray.localcontacts-container .localcontacts-icon h3, .colorPalette_Gray.localcontacts-container .localcontacts-icon a, .colorPalette_Gray.localcontacts-container .localcontacts-text p { color: #2A2B33; } .colorPalette_DarkGray.localcontacts-container .localcontacts-icon h3, .colorPalette_DarkGray.localcontacts-container .localcontacts-icon a, .colorPalette_DarkGray.localcontacts-container .localcontacts-text p { color: #191B22; } .colorPalette_White.localcontacts-container .localcontacts-icon h3, .colorPalette_White.localcontacts-container .localcontacts-icon a, .colorPalette_White.localcontacts-container .localcontacts-text p { color: #FFFFFF; } .colorPalette_LightGray.localcontacts-container .localcontacts-icon h3, .colorPalette_LightGray.localcontacts-container .localcontacts-icon a, .colorPalette_LightGray.localcontacts-container .localcontacts-text p { color: #D9DADB; } /**** Color Pallette ****/ } /****** ===== 280 - 600px Ends ===== ****** **********************************************/ /****** ===== 768 - 1024px Ends ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .localcontacts { width: 79.427%; } .localcontacts-container { padding: 30px 0; } .localcontacts-icon h3{ font-size: 1.375em; line-height: 1.2em; margin-top: 2px; } .localcontacts-text p { color: #2A2B33; font-family:Georgia; font-size: 0.808175em; line-height: 1.1em; } .localcontacts-icon a{ font-size: 0.6875em; } .localcontacts-icon { float: left; font-family:'BrandonGrotesqueBold'; padding: 0 0 0 37px; position: relative; text-transform: uppercase; width: 40%; } .localcontacts-text { float: left; width: 60%; padding-left: 20px; } .globeIcon img { width: 60%; height: 60%; } .localcontacts-container.last-item { padding-bottom:0 !important; } } /****** ===== 768 - 1024px Ends ===== ******/ @media only screen and (min-width: 1025px) and (max-width: 1165px) { .localcontacts-icon h3{ font-size:2.0em !important; } } .localcontacts-subdesc{ width: 100%; float: left; font-family:Georgia; font-size: 0.875em; line-height: 18px; color: #2a2b33; } .colorPalette_DarkGray.localcontacts-container .localcontacts-subdesc { color:#fff; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .localcontacts-subdesc{ font-size: 0.808175em; line-height: 1.1em; } } .localcontacts-container.last-item-subdesc { padding: 20px 0 13px 0 !important; } @media only screen and (min-width: 280px) and (max-width: 767px) { .localcontacts-container.mobile-gray-theme .localcontacts-subdesc{ padding-bottom:35px !important; padding-top: 1px !important; color:#a4a5a7 !important; } .localcontacts-container.mobile-gray-theme{ background-color: #2a2b33 !important; } .localcontacts-container.last-item-subdesc { padding: 10px 0 0 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .localcontacts-container.last-item-subdesc { padding: 20px 0 0 0 !important; } } html[lang="cn-cn"] .localcontacts-icon a{ line-height:normal; } html[lang="cn-cn"] .localcontacts-icon { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .localcontacts-icon h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .localcontacts-icon a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .localcontacts-text p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"].ie8 .localcontacts-icon a { margin-top: 10px; } html[lang="ja-jp"] .localcontacts-icon { font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .localcontacts-icon h3 { font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .localcontacts-icon a { font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .localcontacts-text p { font-family:'Hiragino Mincho ProN','MS PGothic'; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .localcontacts-text p { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .localcontacts-icon { font-family:'Meiryo'; font-weight:bold; } } /* * * Brand Panel Starts * */ .brandPanel { width: 100%; display: block; clear: both; position: relative; float: left; } .brandPanel .maskFiller .sectionTitleWithMask { margin-top: 10px; } .brandPanel .innerSec .sectionTitleWithMask { margin-top: 10px; } .innerSectionWrapper { margin: 0; padding: 0; width: 100%; height:100%; min-height: 5px; position: absolute; top: 0; left: 0; z-index:0; } .maskImage { width: 100%; height: 100%; margin: 0; padding: 0; } .brandPanel .innerSec { width: 75%; margin: 0 auto; } .labelTextSec { float: left; width: 100%; word-wrap: break-word; margin-top: 130px; position: relative; z-index: 2; } .brandPanel .labelTextSec { margin-top: 0; width: 70%; } .labelTextSec h1 { font-family: 'BrandonGrotesqueBold'; font-size: 3.75em; color: #2a2b33; line-height: 56px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .labelTextSec a { font-family: 'BrandonGrotesqueBold'; text-decoration: none; font-size: 0.6em; color: #2a2b33; text-transform: uppercase; } .labelTextSec img { margin-left:23px; } .labelTextSec button-lost { clear: both; display: inline-block; margin-top: 20px; text-align: center; text-transform: uppercase; height: 34px; font-size: 1.25em; padding: 3px 20px 0; font-family: 'BrandonGrotesqueBlack'; } .win.webkit .labelTextSec button-lost { padding: 0px 20px 0; } .mac.webkit .labelTextSec button-lost{ padding-top:5px !important; } button-lost::-moz-focus-inner { padding: 0; border: 0; } .ie8 .brandPanel.noBgImg img.iemaskImage { position: static !important; } .ie8 .brandPanel.noBgImg img.iemaskImage { position: static !important; } .ie8 .brandPanel .iemaskImage { height: auto !important; } /* ----------------------------------------------------------------------------- * SVG mask / notch styles starts * ---------------------------------------------------------------------------*/ .brandPanel[data-mask*="xlink-deep"] { margin-top:-160px; /*height:925px;*/ } .brandPanel[data-mask*="xlink-notch"] { margin-top:-50px; /*height:799px;*/ } .ie8 .brandPanel[data-mask*="xlink-deep"] { /*margin-top:-160px;*/ height:100%; } .ie8 .brandPanel[data-mask*="xlink-notch"] { /*margin-top:-50px;*/ height:100%; } .brandPanel[data-mask*="xlink-deep"] .innerSectionWrapper { margin-top: 100px; } .productCarSec.curve { margin-top: -100px; } .productCarSec.curve .closeCarousalOverlay { top: 150px; } .brandPanel[data-mask*="xlink-deep"] .labelTextSec.noBrandTitle { margin-top: 70px; } .brandPanel[data-mask*="xlink-notch"] .labelTextSec.noBrandTitle { margin-top: 75px; } /* ----------------------------------------------------------------------------- * SVG mask / notch styles ends * ---------------------------------------------------------------------------*/ /**** New CSS ****/ .labelTextSec p { padding-bottom: 25px; font-family: Georgia; font-size: 1.2em; line-height: 24px; /*color: #2a2b33!important;*/ } /**** New CSS ****/ .productSec { float: left; width: 41%; padding-left: 50px; margin-top: 110px; } .productSec .product { width: 50%; word-wrap: break-word; text-align: center; float: left; margin-top: 20px; cursor: pointer; } .productSec .product h3 { text-align: center; width: 100%; text-align: center; margin: 0; padding: 0; font-size: .9em; line-height: 1.1em; padding: 12px 0 10px 0; color: #fff; font-family: 'BrandonGrotesqueBold'; } .productSec .product:hover h3 { color: #fefc56; background-color: #2a2b33; } /**** Brand Panel ****/ /**** Modal Overlay ****/ .productOverlay { width: 75%; position: absolute; background-color: #fff; top: 76px; left: 12.5%; border: 1px solid #b7b7b7; border-top: 0; z-index: 3; padding: 88px 10px 68px 10px; display: none; } .productLogoSec { width: 50%; float: left; text-align: center; border-right: 1px solid #b7b7b7; padding: 65px 0 60px 0; } .productLogoSec h2 { font-family: 'BrandonGrotesqueBlack'; font-size: 1.5em; line-height: 1em; padding-top: 30px; } .productLogoSec sup { font-size: .7em; } .productDescSec { width: 50%; float: left; word-wrap: break-word; padding: 15px 35px 10px 90px; text-align: left; } .productDescSec h2 { font-size: 1.25em; font-family: 'BrandonGrotesqueBold'; color: #d33cff; line-height: 1.3em; text-transform: uppercase; } .productDescSec p { font-family: Georgia; margin: 20px 0 35px 0; color: #68686c; line-height: 1.6em; font-size: .83em; } .productDescSec li { font-size: 1em; font-family: 'BrandonGrotesqueBold'; margin-top: 15px; line-height: 1em; color: #797a7d; } .viewProducts { background: none repeat scroll 0 0 #2A2B33; display: block; font-family: 'BrandonGrotesqueBold'; font-size: 1.2em; font-weight: bold; line-height: 13px; margin-top: 20px; padding: 15px 10px 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; } .closeOverlay { width: 37px; height: 37px; position: absolute; right: 15px; top: 15px; cursor: pointer; background: url('../images/closeBtn.png') no-repeat; } .chrome .productCarSec .applyMask[data-mask*="xlink-notch"], .chrome .productCarSec .applyMask[data-mask*="xlink-deep"]{ margin-top: -1px; } /**** Modal Overlay ****/ /**** Product Carousal Sec ****/ .productCarSec { width: 100%; position: absolute; z-index: 2; left: 0; top: 0; display: none; height: 100%; } .ie8 .productCarSec { position: relative; } .productCarSec .productSlider { margin: 0 auto; position: relative; width: 100%; } .productCarSec .productSlider .slides li { background: none; height: auto; } .productCarSec .productSlider .flex-direction-nav li { position: absolute; top: 35%; } .productCarSec .productSlider .slides li img { float: left; max-width:100%; height:auto; margin-top: 0; } .productCarSec > img { position: absolute; height: 820px; top: 0; left: 0; width: 100%; z-index: -1; } .productCarSec .productCarSec_container { width: 75%; margin: 0 auto; margin-top: 55px; } .productCarSec_container .productLogoSec h2, .productCarSec_container .productDescSec h2, .productCarSec_container .productDescSec p { color: #2A2B33; } .productCarSec_container .productDescSec .viewProducts{ background-color: #2A2B33; } .productCarSec_container .productDescSec .viewProducts a{ color: #FFF; width: 210px; } .productCarSec_container .productDescSec .viewProducts:hover{ background-color: #ffffff; } .productCarSec_container .productDescSec .viewProducts:hover a{ color: #2A2B33; } .closeCarousalOverlay { width: 37px; height: 37px; position: absolute; right: 20px; top: 20px; cursor: pointer; background: url('../images/closeBtn.png') no-repeat; } .productOverlayImg { display: block; } .productDescSec .viewProducts:hover{color:#000000 !important;} .brandPanel .productSlider .flex-direction-nav li a { background: url('../images/mini-arrows.png') no-repeat; width: 12px; height: 35px; display: block; text-indent: -999em; outline: 0; } .brandPanel .productSlider .flex-direction-nav a.flex-prev { background-position: 0px -35px; } .brandPanel .productSlider .flex-direction-nav a.flex-next { background-position: 0px 0px; } .brandPanel .productSlider .flex-direction-nav li.first-arrow { left: -30px; } .brandPanel .productSlider .flex-direction-nav li.last-arrow { right: -30px; } /**** Product Carousal Sec ****/ /* overlay theme updates */ .productCarSec { background-color: transparent; } .productCarSec .maskFiller { margin: 0; padding: 0; width: 100%; overflow: hidden; position: relative; top: -1px; height:100%; } .ie8 .productCarSec .maskFiller { position: absolute; top: 70px; } .ie8 .productCarSec .applyMask[data-mask*='xlink-notch'] { position: absolute; height:70px; bottom: auto !important; } /*.productCarSec.colorPalette_Orange .maskFiller { background-color: #ff9614; } */ .brandPanel.noImage .labelTextSec h1, .brandPanel.noImage .labelTextSec p, .brandPanel.noImage .labelTextSec a.productOverlayImg { color: #000; } .brandPanel.noImage button-lost.productOverlayImg { background: #fff; color: #000; } .productCarSec .maskFiller .viewProducts a { text-transform: uppercase; font-family: 'BrandonGrotesqueBlack'; } .productCarSec .maskFiller .productLogoSec h2 { text-transform: uppercase; } .productSlider .slides li.less3mini{ float: left; margin: 0; width: 131px; } .brandPanel button-lost.ios7button-lost { display:none; } #ios7anchor { display: none !important; } /*** Responsive CSS ***/ /****** ===== 280 - 760px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .brandPanel { background-color: #fff; margin-top: 0; min-height: 0px; height: auto; /*padding-bottom: 50px; min-height: 360px;*/ } .innerSectionWrapper{ position: relative; } .brandPanel .maskImage { display: none; } .brandPanel .labelTextSec { width: 100%; margin: 0 auto; text-align: center; padding-bottom:50px; } .labelTextSec h1 { font-size: 1.5em !important; text-align: center; line-height: 1em; padding-top: 50px; padding-bottom: 50px; } .labelTextSec a { font-size:0.6em; } .labelTextSec img { margin-left:0; } .labelTextSec p { padding-left: 10px; padding-right: 10px; color: #2a2b33; font-size: 0.875em !important; line-height: 1.125em !important; } .brandPanel .labelTextSec p.white { color: #2a2b33 !important; } .labelTextSec button-lost { font-size: 0.75em !important; padding:0 10px; text-align: center; margin: 10px auto 25px !important; display: inline-block; height:28px !important; } .iphone .labelTextSec button-lost { padding:4px 10px 0; } .ie9 .labelTextSec button-lost { padding-top:3px; } .brandPanel[data-mask*="xlink-deep"] , .brandPanel[data-mask*="xlink-notch"], .brandPanel[data-mask*="xlink-deep"] .innerSectionWrapper, .brandPanel[data-mask*="xlink-notch"] .innerSectionWrapper{ margin-top: 0px; height: auto; } /* =280 - 760px= */ .brandPanel .innerSec .sectionTitleWithMask { margin-top: 10px; } .brandPanel .labelTextSec { margin-top: 0; } .labelTextSec h1 { padding-top: 20px; padding-bottom: 20px; font-size: 1.75em; margin-bottom:0; } .brandPanel .innerSec { width: 95%; } .labelTextSec p { padding-left: 10px; padding-right: 10px; } .productLogoSec{ border-right: 0; width: 100%; text-align: center; padding:0px 0 60px 0; } .productDescSec{ width: 100%; text-align: center; padding: 20px 10px 40px; border-top: 1px solid #ccc; } .productLogoSec img{ width: 150px; height: 120px; } .productCarSec{ margin-bottom:0px; } .productCarSec{ height: 100%; left: 0; margin-bottom: 0; margin-top: 0 !important; overflow-x: hidden; overflow-y: hidden; position: fixed; top: 0; width: 100%; z-index: 999; } .brandPanel .productSlider{ display: none; } .productCarSec .productCarSec_container{ width: 100%; } .productCarSec .closeCarousalOverlay{ z-index: 9999; top: 55px !important; } .productDescSec p{ line-height: 1.1em; } .productCarSec .maskFiller{ overflow: visible; } .brandPanel .productCarSec .applyMask{ height: 66px; } .productDescSec .viewProducts{ text-align:center; margin:0 auto; } .labelTextSec button-lost:after{ background-color:transparent !important; } .brandPanel .labelTextSec button-lost{ color:#2a2b33 !important; } .ios7 .brandPanel button-lost { display:none !important; } .ios7 .brandPanel button-lost.ios7button-lost { display:block !important; } .ios7 .brandPanel button-lost.productOverlayImg { display:block !important; } .brandPanel.colorPalette_Yellow .innerSectionWrapper { background-color: #FFF729; } .brandPanel.colorPalette_DarkYellow .innerSectionWrapper{ background-color: #DED548; } .brandPanel.colorPalette_Green .innerSectionWrapper{ background-color: #78fa6f; } .brandPanel.colorPalette_DarkGreen .innerSectionWrapper{ background-color: #5fba5c; } .brandPanel.colorPalette_Fuscia .innerSectionWrapper{ background-color: #d43ff5; } .brandPanel.colorPalette_DarkFuscia .innerSectionWrapper{ background-color: #774078; } .brandPanel.colorPalette_Orange .innerSectionWrapper{ background-color: #FF9614; } .brandPanel.colorPalette_DarkOrange .innerSectionWrapper{ background-color: #b66f2b; } .brandPanel.colorPalette_Cyan .innerSectionWrapper{ background-color: #00fefd; } .brandPanel.colorPalette_Blue .innerSectionWrapper{ background-color: #00747e; } .brandPanel.colorPalette_Gray .innerSectionWrapper{ background-color: #2A2B33; } .brandPanel.colorPalette_DarkGray .innerSectionWrapper { background-color: #191B22; } .brandPanel.colorPalette_Whiter .innerSectionWrapper { background-color: #FFFFFF; } .brandPanel.colorPalette_LightGray .innerSectionWrapper { background-color: #D9DADB; } .brandPanel .innerSectionWrapper { position: static !important; } /**** Color Pallette ****/ .brandPanel .m_colorPalette_Yellow.labelTextSec button-lost { background-color: #FFF729 !important; } .brandPanel .m_colorPalette_DarkYellow.labelTextSec button-lost { background-color: #DED548 !important; } .brandPanel .m_colorPalette_Green.labelTextSec button-lost { background-color: #78fa6f !important; } .brandPanel .m_colorPalette_DarkGreen.labelTextSec button-lost { background-color: #5fba5c !important; } .brandPanel .m_colorPalette_Fuscia.labelTextSec button-lost { background-color: #d43ff5 !important; } .brandPanel .m_colorPalette_DarkFuscia.labelTextSec button-lost { background-color: #774078 !important; } .brandPanel .m_colorPalette_Orange.labelTextSec button-lost { background-color: #FF9614 !important; } .brandPanel .m_colorPalette_DarkOrange.labelTextSec button-lost { background-color: #b66f2b !important; } .brandPanel .m_colorPalette_Cyan.labelTextSec button-lost { background-color: #00fefd !important; } .brandPanel .m_colorPalette_Blue.labelTextSec button-lost { background-color: #00747e !important; } .brandPanel .m_colorPalette_Gray.labelTextSec button-lost { background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_DarkGray.labelTextSec button-lost { background-color: #191B22 !important; } .brandPanel .m_colorPalette_White.labelTextSec button-lost { background-color: #FFFFFF !important; } .brandPanel .m_colorPalette_LightGray.labelTextSec button-lost { background-color: #D9DADB !important; } /**** Hover effect ****/ .brandPanel .m_colorPalette_Yellow.labelTextSec button-lost:active { color: #FFF729 !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_DarkYellow.labelTextSec button-lost:active { color: #DED548 !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_Green.labelTextSec button-lost:active { color: #78fa6f !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_DarkGreen.labelTextSec button-lost:active { color: #5fba5c !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_Fuscia.labelTextSec button-lost:active { color: #d43ff5 !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_DarkFuscia.labelTextSec button-lost:active { color: #774078 !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_Orange.labelTextSec button-lost:active { color: #FF9614 !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_DarkOrange.labelTextSec button-lost:active { color: #b66f2b !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_Cyan.labelTextSec button-lost:active { color: #00fefd !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_Blue.labelTextSec button-lost:active { color: #00747e !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_Gray.labelTextSec button-lost:active { color: #2A2B33 !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_DarkGray.labelTextSec button-lost:active { color: #191B22 !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_White.labelTextSec button-lost:active { color: #FFFFFF !important; background-color: #2A2B33 !important; } .brandPanel .m_colorPalette_LightGray.labelTextSec button-lost:active { color: #D9DADB !important; background-color: #2A2B33 !important; } .brandPanel .m_background-colorPalette_Yellow.labelTextSec button-lost:hover{background-color:#fff729!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_DarkYellow.labelTextSec button-lost:hover{background-color:#ded548!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_Green.labelTextSec button-lost:hover{background-color:#78fa6f!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_DarkGreen.labelTextSec button-lost:hover{background-color:#5fba5c!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_Fuscia.labelTextSec button-lost:hover{background-color:#d43ff5!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_DarkFuscia.labelTextSec button-lost:hover{background-color:#774078!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_Orange.labelTextSec button-lost:hover{background-color:#ff9614!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_DarkOrange.labelTextSec button-lost:hover{background-color:#b66f2b!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_Cyan.labelTextSec button-lost:hover{background-color:#00fefd!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_Blue.labelTextSec button-lost:hover{background-color:#00747e!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_Gray.labelTextSec button-lost:hover{background-color:#2a2b33!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_DarkGray.labelTextSec button-lost:hover{background-color:#191b22!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_White.labelTextSec button-lost:hover{background-color:#fff!important;color:#2b2b33 !important;} .brandPanel .m_background-colorPalette_LightGray.labelTextSec button-lost:hover{background-color:#d9dadb!important;color:#2b2b33 !important;} .brandPanel .m_colorPalette_Yellow.labelTextSec h1,.brandPanel .m_colorPalette_Yellow.labelTextSec h2,.brandPanel .m_colorPalette_Yellow.labelTextSec a,.brandPanel .m_colorPalette_Yellow.labelTextSec .viewProducts:hover{color:#fff729!important} .brandPanel .m_colorPalette_DarkYellow.labelTextSec h1,.brandPanel .m_colorPalette_DarkYellow.labelTextSec h2,.brandPanel .m_colorPalette_DarkYellow.labelTextSec a,.brandPanel .m_colorPalette_DarkYellow.labelTextSec .viewProducts:hover{color:#ded548!important} .brandPanel .m_colorPalette_Green.labelTextSec h1,.brandPanel .m_colorPalette_Green.labelTextSec h2,.brandPanel .m_colorPalette_Green.labelTextSec a,.brandPanel .m_colorPalette_Green.labelTextSec .viewProducts:hover{color:#78fa6f!important} .brandPanel .m_colorPalette_DarkGreen.labelTextSec h1,.brandPanel .m_colorPalette_DarkGreen.labelTextSec h2,.brandPanel .m_colorPalette_DarkGreen.labelTextSec a,.brandPanel .m_colorPalette_DarkGreen.labelTextSec .viewProducts:hover{color:#5fba5c!important} .brandPanel .m_colorPalette_Fuscia.labelTextSec h1,.brandPanel .m_colorPalette_Fuscia.labelTextSec h2,.brandPanel .m_colorPalette_Fuscia.labelTextSec a,.brandPanel .m_colorPalette_Fuscia.labelTextSec .viewProducts:hover{color:#d43ff5!important} .brandPanel .m_colorPalette_DarkFuscia.labelTextSec h1,.brandPanel .m_colorPalette_DarkFuscia.labelTextSec h2,.brandPanel .m_colorPalette_DarkFuscia.labelTextSec a,.brandPanel .m_colorPalette_DarkFuscia.labelTextSec .viewProducts:hover{color:#774078!important} .brandPanel .m_colorPalette_Orange.labelTextSec h1,.brandPanel .m_colorPalette_Orange.labelTextSec h2,.brandPanel .m_colorPalette_Orange.labelTextSec a,.brandPanel .m_colorPalette_Orange.labelTextSec .viewProducts:hover{color:#ff9614!important} .brandPanel .m_colorPalette_DarkOrange.labelTextSec h1,.brandPanel .m_colorPalette_DarkOrange.labelTextSec h2,.brandPanel .m_colorPalette_DarkOrange.labelTextSec a,.brandPanel .m_colorPalette_DarkOrange.labelTextSec .viewProducts:hover{color:#b66f2b!important} .brandPanel .m_colorPalette_Cyan.labelTextSec h1,.brandPanel .m_colorPalette_Cyan.labelTextSec h2,.brandPanel .m_colorPalette_Cyan.labelTextSec a,.brandPanel .m_colorPalette_Cyan.labelTextSec .viewProducts:hover{color:#00fefd!important} .brandPanel .m_colorPalette_Blue.labelTextSec h1,.brandPanel .m_colorPalette_Blue.labelTextSec h2,.brandPanel .m_colorPalette_Blue.labelTextSec a,.brandPanel .m_colorPalette_Blue.labelTextSec .viewProducts:hover{color:#00747e!important} .brandPanel .m_colorPalette_Gray.labelTextSec h1,.brandPanel .m_colorPalette_Gray.labelTextSec h2,.brandPanel .m_colorPalette_Gray.labelTextSec a,.brandPanel .m_colorPalette_Gray.labelTextSec .viewProducts:hover{color:#2a2b33!important} .brandPanel .m_colorPalette_DarkGray.labelTextSec h1,.brandPanel .m_colorPalette_DarkGray.labelTextSec h2,.brandPanel .m_colorPalette_DarkGray.labelTextSec a,.brandPanel .m_colorPalette_DarkGray.labelTextSec .viewProducts:hover{color:#191b22!important} .brandPanel .m_colorPalette_White.labelTextSec h1,.brandPanel .m_colorPalette_White.labelTextSec h2,.brandPanel .m_colorPalette_White.labelTextSec a,.brandPanel .m_colorPalette_White.labelTextSec .viewProducts:hover{color:#fff!important} .brandPanel .m_colorPalette_LightGray.labelTextSec h1,.brandPanel .m_colorPalette_LightGray.labelTextSec h2,.brandPanel .m_colorPalette_LightGray.labelTextSec a,.brandPanel .m_colorPalette_LightGray.labelTextSec .viewProducts:hover{color:#d9dadb!important} .productCarSec.colorPalette_Yellow .maskFiller .viewProducts a{ color: #FFF729 !important; } .productCarSec.colorPalette_DarkYellow .maskFiller .viewProducts a{ color: #DED548 !important; } .productCarSec.colorPalette_Green .maskFiller .viewProducts a{ color: #78fa6f !important; } .productCarSec.colorPalette_DarkGreen.maskFiller .maskFiller .viewProducts a{ color: #5fba5c !important; } .productCarSec.colorPalette_Fuscia .maskFiller .viewProducts a{ color: #d43ff5 !important; } .productCarSec.colorPalette_DarkFuscia .maskFiller .viewProducts a{ color: #774078 !important; } .productCarSec.colorPalette_Orange .maskFiller .viewProducts a{ color: #FF9614 !important; } .productCarSec.colorPalette_DarkOrange .maskFiller .viewProducts a{ color: #b66f2b !important; } .productCarSec.colorPalette_Cyan.maskFiller .maskFiller .viewProducts a{ color: #00fefd !important; } .productCarSec.colorPalette_Blue .maskFiller .viewProducts a{ color: #00747e !important; } .productCarSec.colorPalette_Gray .maskFiller .viewProducts a{ color: #2A2B33 !important; } .productCarSec.colorPalette_DarkGray .maskFiller .viewProducts a{ color: #191B22 !important; } .productCarSec.colorPalette_White .maskFiller .viewProducts a{ color: #FFFFFF !important; } .productCarSec.colorPalette_LightGray .maskFiller .viewProducts a{ color: #D9DADB !important; } } /****** ===== 280 - 760px Ends ===== ****** *******************************************/ @media only screen and (min-width: 320px) and (max-width: 569px) { .android .labelTextSec button-lost{ padding-top:5px !important; } } @media only screen and (min-width:768px) and (max-width:768px){ .labelTextSec img{ width:21%; margin-left:23px; } .labelTextSec a{ font-size:0.6em; } .closeCarousalOverlay{ z-index:1; } /* .innerSectionWrapper{ height:100%; }*/ .productLogoSec > img { height: 80px; width: 80px; } .productDescSec{ padding-left:39px; } .productLogoSec, productDescSec{ padding-top:0px; } .productLogoSec h2, .productDescSec h2{ font-size:1em; } .productDescSec p, .viewProducts{ margin-top:10px; margin-bottom:0; } .productCarSec .productSlider .slides li img{ float: left; margin-top: 0; } .productSlider .slides li.less3mini{ width:92px; } .firefox .productCarSec .applyMask[data-mask*="xlink-notch"], .firefox .productCarSec .applyMask[data-mask*="xlink-deep"], .chrome .productCarSec .applyMask[data-mask*="xlink-notch"], .chrome .productCarSec .applyMask[data-mask*="xlink-deep"]{ margin-top: -1px; } .productSlider .flex-direction-nav li.first-arrow, .productSlider .flex-direction-nav li.last-arrow { margin-top:0px; } .labelTextSec button-lost { margin-top:0px; } .ipad .productCarSec .applyMask[data-mask*="xlink-notch"], .ipad .productCarSec .applyMask[data-mask*="xlink-deep"]{ height:30px !important; margin-top:-1px !important; } .brandPanel[data-mask*="xlink-deep"] .innerSec .sectionTitleWithMask { margin-top: 55px; } .brandPanel[data-mask*="xlink-notch"] .innerSec .sectionTitleWithMask { margin-top: 35px; } .brandPanel .innerSec { width: 79.427%; } .brandPanel .labelTextSec { width:100%; } .labelTextSec h1 { font-size: 2.29187em; line-height: 1em; padding-top: 10px; } .labelTextSec p { font-size: 0.801875em; line-height: 17px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .brandPanel .innerSec { width: 79.427%; } .brandPanel .labelTextSec { width: 77.777%; } .labelTextSec h1 { font-size: 2.29187em; line-height: 1em; padding-top: 10px; } .labelTextSec p { font-size: 0.801875em; line-height: 17px; } .labelTextSec a { font-size: 1.1em; width: 45px; } .labelTextSec a img { width: 100%; } .labelTextSec button-lost { font-size: 0.916875em; height: 27px; } .brandPanel[data-mask*="xlink-deep"] .innerSec .sectionTitleWithMask { margin-top: 55px; } .brandPanel[data-mask*="xlink-notch"] .innerSec .sectionTitleWithMask { margin-top: 35px; } .brandPanel .innerSec .sectionTitleWithMask .maskColorFiller { padding-bottom: 30px; } .brandPanel[data-mask*="xlink-deep"] .innerSectionWrapper { margin-top: 30px; } .productCarSec.curve .closeCarousalOverlay{ top: 66px; right:12px; } .ios7 .brandPanel button-lost { display:none !important; } .ios7 .brandPanel button-lost.ios7button-lost { display:block !important; } .productCarSec_container .productLogoSec, .productCarSec_container .productDescSec{ padding-top:0px; } .productCarSec_container .productDescSec{ padding-right:0px; } .productCarSec_container .productDescSec p{ margin-bottom:3%; } .ipad .productCarSec .applyMask[data-mask*="xlink-notch"], .ipad .productCarSec .applyMask[data-mask*="xlink-deep"]{ height:45px !important; margin-top:-1px !important; } } @media only screen and (min-width: 1025px) and (max-width: 1116px) { .labelTextSec h1 { font-size: 2.29187em; } } @media only screen and (min-width: 1025px) and (max-width: 1270px) { .brandPanel[data-mask*="xlink-notch"] .innerSec .sectionTitleWithMask { margin-top: 35px; } } /****** ===== 1024 - 1024px Starts ===== ****** **********************************************/ /*@media only screen and (min-width: 1023px) and (max-width: 1024px) { .brandPanel[data-mask*="xlink-deep"] .innerSectionWrapper { margin-top: 40px; } .brandPanel .sectionTitleWithMask .maskColorFiller{ padding-bottom: 20px; } .productCarSec.curve .closeCarousalOverlay{ top: 96px; right:12px; } .brandPanel .labelTextSec { width: 63.777%; } .labelTextSec h1 { margin-bottom: 15px; font-size: 2.29187em; } .labelTextSec p { padding-bottom: 25px; } .labelTextSec button-lost { height: 28px; line-height: 28px; } .productDescSec{ padding-left:35px; } .closeCarousalOverlay{ top:4px } .productCarSec .productCarSec_container{ min-height:423px; } =768 - 1020px= }*/ /****** ===== 1024 - 1024px Ends ===== ****** ********************************************/ @media only screen and (min-width: 1280px) and (max-width: 1380px) { .brandPanel[data-mask*="xlink-deep"] .innerSectionWrapper { margin-top: 85px; } .productCarSec.curve .closeCarousalOverlay { top: 130px; } .brandPanel[data-mask*="xlink-notch"] { margin-top:-50px; /*blocker*/ } } /* New Mask Updates */ @media only screen and (min-width:1281px) and (max-width:1440px) { .brandPanel[data-mask*="xlink-deep-curve"] { margin-top:-180px; } .brandPanel[data-mask*="xlink-notch"] { margin-top:-50px; /*blocker*/ } .mac.gecko .labelTextSec button-lost{ padding-top:6px !important; } } /**** Color Pallette ****/ .brandPanel .colorPalette_Yellow.labelTextSec button-lost, .productCarSec.colorPalette_Yellow .maskFiller { background-color: #FFF729; } .brandPanel .colorPalette_DarkYellow.labelTextSec button-lost, .productCarSec.colorPalette_DarkYellow .maskFiller { background-color: #DED548; } .brandPanel .colorPalette_Green.labelTextSec button-lost, .productCarSec.colorPalette_Green .maskFiller { background-color: #78fa6f; } .brandPanel .colorPalette_DarkGreen.labelTextSec button-lost, .productCarSec.colorPalette_DarkGreen .maskFiller { background-color: #5fba5c; } .brandPanel .colorPalette_Fuscia.labelTextSec button-lost, .productCarSec.colorPalette_Fuscia .maskFiller { background-color: #d43ff5; } .brandPanel .colorPalette_DarkFuscia.labelTextSec button-lost, .productCarSec.colorPalette_DarkFuscia .maskFiller { background-color: #774078; } .brandPanel .colorPalette_Orange.labelTextSec button-lost, .productCarSec.colorPalette_Orange .maskFiller { background-color: #FF9614; } .brandPanel .colorPalette_DarkOrange.labelTextSec button-lost, .productCarSec.colorPalette_DarkOrange .maskFiller { background-color: #b66f2b; } .brandPanel .colorPalette_Cyan.labelTextSec button-lost, .productCarSec.colorPalette_Cyan .maskFiller { background-color: #00fefd; } .brandPanel .colorPalette_Blue.labelTextSec button-lost, .productCarSec.colorPalette_Blue .maskFiller { background-color: #00747e; } .brandPanel .colorPalette_Gray.labelTextSec button-lost, .productCarSec.colorPalette_Gray .maskFiller { background-color: #2A2B33; } .brandPanel .colorPalette_DarkGray.labelTextSec button-lost, .productCarSec.colorPalette_DarkGray .maskFiller { background-color: #191B22; } .brandPanel .colorPalette_White.labelTextSec button-lost, .productCarSec.colorPalette_White .maskFiller { background-color: #FFFFFF; } .brandPanel .colorPalette_LightGray.labelTextSec button-lost, .productCarSec.colorPalette_LightGray .maskFiller { background-color: #D9DADB; } .brandPanel .colorPalette_Yellow.labelTextSec h1, .brandPanel .colorPalette_Yellow.labelTextSec h2, .brandPanel .colorPalette_Yellow.labelTextSec a, .brandPanel .colorPalette_Yellow.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_Yellow.labelTextSec button-lost:hover { color: black; } .brandPanel .colorPalette_DarkYellow.labelTextSec h1, .brandPanel .colorPalette_DarkYellow.labelTextSec h2, .brandPanel .colorPalette_DarkYellow.labelTextSec a, .brandPanel .colorPalette_DarkYellow.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_DarkYellow.labelTextSec button-lost:hover { color: #DED548; } .brandPanel .colorPalette_Green.labelTextSec h1, .brandPanel .colorPalette_Green.labelTextSec h2, .brandPanel .colorPalette_Green.labelTextSec a, .brandPanel .colorPalette_Green.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_Green.labelTextSec button-lost:hover { color: #78fa6f; } .brandPanel .colorPalette_DarkGreen.labelTextSec h1, .brandPanel .colorPalette_DarkGreen.labelTextSec h2, .brandPanel .colorPalette_DarkGreen.labelTextSec a, .brandPanel .colorPalette_DarkGreen.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_DarkGreen.labelTextSec button-lost:hover { color: #5fba5c; } .brandPanel .colorPalette_Fuscia.labelTextSec h1, .brandPanel .colorPalette_Fuscia.labelTextSec h2, .brandPanel .colorPalette_Fuscia.labelTextSec a, .brandPanel .colorPalette_Fuscia.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_Fuscia.labelTextSec button-lost:hover { color: #d43ff5; } .brandPanel .colorPalette_DarkFuscia.labelTextSec h1, .brandPanel .colorPalette_DarkFuscia.labelTextSec h2, .brandPanel .colorPalette_DarkFuscia.labelTextSec a, .brandPanel .colorPalette_DarkFuscia.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_DarkFuscia.labelTextSec button-lost:hover { color: #774078; } .brandPanel .colorPalette_Orange.labelTextSec h1, .brandPanel .colorPalette_Orange.labelTextSec h2, .brandPanel .colorPalette_Orange.labelTextSec a, .brandPanel .colorPalette_Orange.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_Orange.labelTextSec button-lost:hover { color: #FF9614; } .brandPanel .colorPalette_DarkOrange.labelTextSec h1, .brandPanel .colorPalette_DarkOrange.labelTextSec h2, .brandPanel .colorPalette_DarkOrange.labelTextSec a, .brandPanel .colorPalette_DarkOrange.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_DarkOrange.labelTextSec button-lost:hover { color: #b66f2b; } .brandPanel .colorPalette_Cyan.labelTextSec h1, .brandPanel .colorPalette_Cyan.labelTextSec h2, .brandPanel .colorPalette_Cyan.labelTextSec a, .brandPanel .colorPalette_Cyan.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_Cyan.labelTextSec button-lost:hover { color: #00fefd; } .brandPanel .colorPalette_Blue.labelTextSec h1, .brandPanel .colorPalette_Blue.labelTextSec h2, .brandPanel .colorPalette_Blue.labelTextSec a, .brandPanel .colorPalette_Blue.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_Blue.labelTextSec button-lost:hover { color: #00747e; } .brandPanel .colorPalette_Gray.labelTextSec h1, .brandPanel .colorPalette_Gray.labelTextSec h2, .brandPanel .colorPalette_Gray.labelTextSec a, .brandPanel .colorPalette_Gray.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_Gray.labelTextSec button-lost:hover { color: #2A2B33; } .brandPanel .colorPalette_DarkGray.labelTextSec h1, .brandPanel .colorPalette_DarkGray.labelTextSec h2, .brandPanel .colorPalette_DarkGray.labelTextSec a, .brandPanel .colorPalette_DarkGray.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_DarkGray.labelTextSec button-lost:hover { color: #191B22; } .brandPanel .colorPalette_White.labelTextSec h1, .brandPanel .colorPalette_White.labelTextSec h2, .brandPanel .colorPalette_White.labelTextSec a, .brandPanel .colorPalette_White.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_White.labelTextSec button-lost:hover { color: #FFFFFF; } .brandPanel .colorPalette_LightGray.labelTextSec h1, .brandPanel .colorPalette_LightGray.labelTextSec h2, .brandPanel .colorPalette_LightGray.labelTextSec a, .brandPanel .colorPalette_LightGray.labelTextSec .viewProducts:hover, .brandPanel .colorPalette_LightGray.labelTextSec button-lost:hover { color: #D9DADB; } .viewProducts a:hover{ text-decoration: none; } .productCarSec.colorPalette_Yellow .maskFiller .viewProducts a{ color: #FFF729; } .productCarSec.colorPalette_DarkYellow .maskFiller .viewProducts a{ color: #DED548; } .productCarSec.colorPalette_Green .maskFiller .viewProducts a{ color: #78fa6f; } .productCarSec.colorPalette_DarkGreen.maskFiller .maskFiller .viewProducts a{ color: #5fba5c; } .productCarSec.colorPalette_Fuscia .maskFiller .viewProducts a{ color: #d43ff5; } .productCarSec.colorPalette_DarkFuscia .maskFiller .viewProducts a{ color: #774078; } .productCarSec.colorPalette_Orange .maskFiller .viewProducts a{ color: #FF9614; } .productCarSec.colorPalette_DarkOrange .maskFiller .viewProducts a{ color: #b66f2b; } .productCarSec.colorPalette_Cyan.maskFiller .maskFiller .viewProducts a{ color: #00fefd; } .productCarSec.colorPalette_Blue .maskFiller .viewProducts a{ color: #00747e; } .productCarSec.colorPalette_Gray .maskFiller .viewProducts a{ color: #2A2B33; } .productCarSec.colorPalette_DarkGray .maskFiller .viewProducts a{ color: #191B22; } .productCarSec.colorPalette_White .maskFiller .viewProducts a{ color: #FFFFFF; } .productCarSec.colorPalette_LightGray .maskFiller .viewProducts a{ color: #D9DADB; } .brandPanel .labelTextSec p.white{ color: black; } .brandPanel .labelTextSec p.black{ color: #2A2B33; } /**** Color Pallette ****/ @media only screen and (min-width: 768px) { .labelTextSec button-lost { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .labelTextSec button-lost:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } .labelTextSec button-lost { z-index:4; border: 0; position: relative; } .labelTextSec button-lost:after { content: ''; position: absolute; z-index: -1; } /* Pseudo elements for icons */ .labelTextSec button-lost:before{ position: relative; -webkit-font-smoothing: antialiased; } /* button-lost 1b */ .labelTextSec button-lost:after { width: 100%; height: 0; top: 0; left: 0; background-color: #2A2B33; } .labelTextSec button-lost:hover:after, .labelTextSec button-lost:active:after { height: 100%; } .ie11 .productCarSec .applyMask[data-mask*="xlink-notch"], .ie11 .productCarSec .applyMask[data-mask*="xlink-deep"]{ margin-top:-1px !important; } @media only screen and (min-width:1441px){ .productCarSec .applyMask[data-mask*="xlink-notch"], .productCarSec .applyMask[data-mask*="xlink-deep"]{ margin-top:-8px !important; } } @media only screen and (min-width: 1024px) { .ie8 .productCarSec .sectionTitleWithMask .maskColorFiller { padding-top:0 !important; } } @media only screen and (min-width:280px) and (max-width:767px){ .ie8 .labelTextSec button-lost { padding-top: 3px !important; } .ie11 .labelTextSec button-lost { padding-top: 0px !important; } .ie10 .labelTextSec button-lost { padding-top: 2px !important; } .ie9.labelTextSec button-lost { padding-top: 2px !important; } .device_xt890 .labelTextSec button-lost{ padding-top: 1px !important; } } @media only screen and (min-width:768px){ .ie9.labelTextSec button-lost { padding-top: 1px !important; } } @media only screen and (min-width:768px) and (max-width:1024px){ .ipad .labelTextSec button-lost{ padding-top: 6px !important; } } /*S3 Default browser landscape*/ @media only screen and (min-width: 640px) { .android.device_gt_i9300 .labelTextSec button-lost { padding-top:4px !important; } } /* * * Brand Panel Ends * */ html[lang="cn-cn"] .labelTextSec h1 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .labelTextSec a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .labelTextSec button-lost { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"].mac.firefox .labelTextSec button-lost { padding-top: 0px !important } html[lang="cn-cn"] .labelTextSec p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .productSec .product h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .productLogoSec h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .productDescSec h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .productDescSec p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .productDescSec li { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .viewProducts { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .productCarSec .maskFiller .viewProducts a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"].android.maxw_320 .labelTextSec button-lost{ padding-top:0px !important; } html[lang="cn-cn"].ie8 .labelTextSec button-lost, html[lang="cn-cn"].ie8 .labelTextSec button-lost:hover{ padding-bottom:4px; } html[lang="cn-cn"].win.webkit .labelTextSec button-lost, html[lang="cn-cn"].ipad .labelTextSec button-lost { padding-top: 0px !important; } html[lang="cn-cn"].mac.webkit .labelTextSec button-lost{ padding-top:3px !important; } @media only screen and (max-width: 767px) and (min-width: 280px){ html[lang="cn-cn"].iphone .labelTextSec button-lost{ padding-top:0px !important; } } @media only screen and (max-width: 1440px) and (min-width: 724px){ html[lang="cn-cn"].win.firefox .labelTextSec button-lost{ padding-top:0px !important; } } @media only screen and (min-width:1025px) { html[lang="cn-cn"].ie10 .labelTextSec button-lost{ padding-top:0px !important; } } @media only screen and (max-width: 768px) { html[lang="pt-br"].win.webkit .labelTextSec button-lost, html[lang="pt-br"].mac.webkit .labelTextSec button-lost, html[lang="pt-br"].mac.firefox .labelTextSec button-lost { padding-top: 3px; } } @media only screen and (min-width: 769px) { html[lang="pt-br"].mac.webkit .labelTextSec button-lost, html[lang="pt-br"].mac.firefox .labelTextSec button-lost { padding-top: 4px; } } @media only screen and (min-width: 280px) and (max-width: 640px) { html[lang="pt-br"].device_xt890 .labelTextSec button-lost { padding-top: 2px !important; } } html[lang="ja-jp"] .labelTextSec h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .labelTextSec a { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .labelTextSec button-lost { font-family: 'Meiryo'; } html[lang="ja-jp"] .labelTextSec p { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .productSec .product h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .productLogoSec h2 { font-family: 'Meiryo'; } html[lang="ja-jp"] .productDescSec h2 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .productDescSec li { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .viewProducts { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .productCarSec .maskFiller .viewProducts a { font-family: 'Meiryo'; } @media only screen and (min-width:1281px) and (max-width:1440px) { html[lang="ja-jp"].mac.gecko .labelTextSec button-lost{ padding-top:3px !important; } } .hero_navigation { position: relative; width: 100%; float: left; overflow: hidden; } .hero_navigation { position: relative; width: 100%; float: left; overflow: hidden; } .hero_navigation .heroNavContentWrapper { margin: 0; padding: 0; width: 100%; min-height: 5px; position: absolute; top: 0; left: 0; } .hero_navigation .heroNavContent { margin: 0 auto; padding: 0; position: relative; width: 75% } .maskImage { width: 100%; height: 100%; margin: 0; padding: 0; display: block; } .hero_navigation h1 { font-family: 'BrandonGrotesqueBlack'; font-size: 5.62em; line-height: 1em; padding-top: 80px; text-transform: uppercase; } .hero_navigation h3 { font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; line-height: 1em; text-transform: uppercase; } .hero_navigation .hero_navigation_panel { margin-top: 50px; float: left; width: 100%; } .hero_navigation_panel ul.odd { margin-bottom: 24px !important; } .hero_navigation_panel ul.odd li { width: 33.3333333333%; } .hero_navigation_panel ul.even li { width: 24.9%; } .hero_navigation_panel li { height: 160px; float: left; padding-right: 3px; margin-bottom: 3px; } .hero_navigation_panel li a { display: block; height: 160px; padding: 10%; background-color: #2a2b33; text-decoration: none; word-wrap: break-word; } .ie8 .hero_navigation_panel li a { padding:10%; } .hero_navigation_panel li h3 { font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; } .hero_navigation_panel li p { font-family: Georgia; font-size: 0.875em; color: #ffffff; margin-top: 10px; word-wrap: break-word; } /**** Hero With Navigation ****/ /* ----------------------------------------------------------------------------- * SVG mask / notch styles starts * ---------------------------------------------------------------------------*/ .hero_navigation[data-mask*="xlink-deep"] { margin-top: -160px; /*height:925px;*/ } .hero_navigation[data-mask*="xlink-notch"] { margin-top: -50px; /*height:799px;*/ } .ie8 .hero_navigation[data-mask*="xlink-deep"] { height: 100%; } .ie8 .hero_navigation[data-mask*="xlink-notch"] { height: 100%; } .hero_navigation[data-mask*="xlink-deep-curve"] .heroNavContentWrapper { margin-top: 175px; } .hero_navigation[data-mask*="xlink-notch"] .heroNavContentWrapper { margin-top: 90px; } /* ----------------------------------------------------------------------------- * SVG mask / notch styles ends * ---------------------------------------------------------------------------*/ /**** Color Pallette ****/ .colorPalette_Yellow.hero_navigation h1, .colorPalette_Yellow.hero_navigation h3, .colorPalette_Yellow.hero_navigation a:hover h3 { color: #FFF729; } .colorPalette_DarkYellow.hero_navigation h1, .colorPalette_DarkYellow.hero_navigation h3, .colorPalette_DarkYellow.hero_navigation a:hover h3 { color: #DED548; } .colorPalette_Green.hero_navigation h1, .colorPalette_Green.hero_navigation h3, .colorPalette_Green.hero_navigation a:hover h3 { color: #78fa6f; } .colorPalette_DarkGreen.hero_navigation h1, .colorPalette_DarkGreen.hero_navigation h3, .colorPalette_DarkGreen.hero_navigation a:hover h3 { color: #5fba5c; } .colorPalette_Fuscia.hero_navigation h1, .colorPalette_Fuscia.hero_navigation h3, .colorPalette_Fuscia.hero_navigation a:hover h3 { color: #d43ff5; } .colorPalette_DarkFuscia.hero_navigation h1, .colorPalette_DarkFuscia.hero_navigation h3, .colorPalette_DarkFuscia.hero_navigation a:hover h3 { color: #774078; } .colorPalette_Orange.hero_navigation h1, .colorPalette_Orange.hero_navigation h3, .colorPalette_Orange.hero_navigation a:hover h3 { color: #FF9614; } .colorPalette_DarkOrange.hero_navigation h1, .colorPalette_DarkOrange.hero_navigation h3, .colorPalette_DarkOrange.hero_navigation a:hover h3 { color: #b66f2b; } .colorPalette_Cyan.hero_navigation h1, .colorPalette_Cyan.hero_navigation h3, .colorPalette_Cyan.hero_navigation a:hover h3 { color: #00fefd; } .colorPalette_DarkBlue.hero_navigation h1, .colorPalette_DarkBlue.hero_navigation h3, .colorPalette_DarkBlue.hero_navigation a:hover h3, .colorPalette_DarkBlue.hero_navigation a:hover p { color: #007480 !important; } .colorPalette_DarkBlue.hero_navigation a:after { background-color: #d9dadb !important; } .colorPalette_DarkBlue.hero_navigation a h3, .colorPalette_DarkBlue.hero_navigation p { color: #D9DADB !important; } .colorPalette_DarkBlue.hero_navigation a:hover { background: #d9dadb !important; } .colorPalette_Gray.hero_navigation h1, .colorPalette_Gray.hero_navigation h3, .colorPalette_Gray.hero_navigation a:hover h3, .colorPalette_Gray.hero_navigation a:hover p { color: #2A2B33 !important; } .colorPalette_Gray.hero_navigation a:after { background-color: #d9dadb !important; } .colorPalette_Gray.hero_navigation a h3, .colorPalette_Gray.hero_navigation p { color: #D9DADB !important; } .colorPalette_Gray.hero_navigation a:hover { background: #d9dadb !important; } .colorPalette_DarkGray.hero_navigation h1, .colorPalette_DarkGray.hero_navigation h3, .colorPalette_DarkGray.hero_navigation a:hover h3 { color: #191B22; } .colorPalette_White.hero_navigation h1, .colorPalette_White.hero_navigation h3, .colorPalette_White.hero_navigation a:hover h3 { color: #FFFFFF; } .colorPalette_LightGray.hero_navigation h1, .colorPalette_LightGray.hero_navigation h3, .colorPalette_LightGray.hero_navigation a:hover h3 { color: #D9DADB; } .colorPalette_Yellow.hero_navigation a { background-color: #FFF729; } .colorPalette_DarkYellow.hero_navigation a { background-color: #DED548; } .colorPalette_Green.hero_navigation a { background-color: #78fa6f; } .colorPalette_DarkGreen.hero_navigation a { background-color: #5fba5c; } .colorPalette_Fuscia.hero_navigation a { background-color: #d43ff5; } .colorPalette_DarkFuscia.hero_navigation a { background-color: #774078; } .colorPalette_Orange.hero_navigation a { background-color: #FF9614; } .colorPalette_DarkOrange.hero_navigation a { background-color: #b66f2b; } .colorPalette_Cyan.hero_navigation a { background-color: #00fefd; } .colorPalette_DarkBlue.hero_navigation a { background-color: #007480; color: #d9dadb !important; } .colorPalette_Gray.hero_navigation a { background-color: #2a2b33; color: #d9dadb !important; } .colorPalette_DarkGray.hero_navigation a { background-color: #191B22; } .colorPalette_White.hero_navigation a { background-color: #FFFFFF; } .colorPalette_LightGray.hero_navigation a { background-color: #D9DADB; } .hero_navigation .hero_navigation_panel a h3, .hero_navigation a p { color: #2A2B33; } .hero_navigation a:hover p { color: #fff; } .hero_navigation_panel li h3 .icon-angle-right { display: none; } /**** Color Pallette ****/ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .hero_navigation .heroNavContentWrapper { position: static; } .hero_navigation[data-mask*="xlink-deep-curve"] .heroNavContentWrapper { margin-top: 0px; } .hero_navigation[data-mask*="xlink-deep-curve"] { margin-top: 0px; } .hero_navigation_panel .even { /*border-bottom: 1px solid;*/ float: left; margin-bottom: 24px; width: 100%; } .hero_navigation_panel ul.even li { float: left; width: 100%; } .hero_navigation .heroNavContent { width: 100%; } .hero_navigation.without_image img, .hero_navigation.without_image .labelHead { display: none; } .hero_navigation.without_image h1 { padding-top: 10px; } .hero_navigation { height: auto !important; min-height: 10px; } .hero_navigation .hero_navigation_panel { float: left; margin-top: 10px; padding: 0 10px; } .hero_navigation h1 { font-size: 1.5em; padding-top: 10px; } .ie8 .hero_navigation h1 { font-size: 1.5em; padding-top: 15px; } .hero_navigation .heroNavContentWrapper .labelHead h3 { font-size: 1em; padding-top: 10px; line-height: 21px; } .hero_navigation .labelHead { margin-bottom: 0; margin-right: auto; margin-top: 0; position: relative; width: 100%; padding: 0 10px 30px; top: -2px; height: 170px; word-wrap: break-word; } .hero_navigation_panel ul.odd { float: left; margin-bottom: 24px !important; width: 100%; } .hero_navigation_panel ul.odd li { width: 100%; } .hero_navigation_panel { width: 100% !important; position: relative; top: -1px; } .hero_navigation_panel li { float: left; height: auto; margin-bottom: 3px; padding-right: 0px; width: 100%; } .hero_navigation_panel li p { display: none; } .hero_navigation_panel li a { background-color: #2A2B33; display: block; padding: 21px 18px 16px 18px !important; height: auto; text-decoration: none; } .hero_navigation_panel li h3 { font-size: 1em; } .hero_navigation_panel li a { background-attachment: scroll; background-clip: border-box; /*background-image: url("../images/back_icon_copy.png");*/ background-origin: padding-box; background-position: 94% 49%; background-repeat: no-repeat; background-size: auto auto; } .icon-angle-right:before { content: "飫�"; } [class^="icon-"]:before, [class*=" icon-"]:before { -moz-text-decoration-color: inherit; -moz-text-decoration-line: inherit; -moz-text-decoration-style: inherit; display: inline-block; } .hero_navigation_panel li h3 .icon-angle-right { background: transparent; border: 0 solid; cursor: pointer; padding-left: 7px; font-size: 1em; display: inline; right: -3px; float: right; position: relative; top: -3px; } .webkit .hero_navigation_panel li h3 .icon-angle-right { top: -1px; } .colorPalette_Fuscia.hero_navigation a:hover { background-color: none; } .hero_navigation .heroNavContentWrapper .labelHead h1, .hero_navigation .heroNavContentWrapper .labelHead h3 { color: #2A2B33 !important; line-height: 21px; } .colorPalette_Yellow.hero_navigation .labelHead { background-color: #FFF729; } .colorPalette_DarkYellow.hero_navigation .labelHead { background-color: #DED548; } .colorPalette_Green.hero_navigation .labelHead { background-color: #78fa6f; } .colorPalette_DarkGreen.hero_navigation .labelHead { background-color: #5fba5c; } .colorPalette_Fuscia.hero_navigation .labelHead { background-color: #d43ff5; } .colorPalette_DarkFuscia.hero_navigation .labelHead { background-color: #774078; } .colorPalette_Orange.hero_navigation .labelHead { background-color: #FF9614; } .colorPalette_DarkOrange.hero_navigation .labelHead { background-color: #b66f2b; } .colorPalette_Cyan.hero_navigation .labelHead { background-color: #00fefd; } .colorPalette_Blue.hero_navigation .labelHead { background-color: #00747e; } .colorPalette_DarkBlue.hero_navigation .labelHead { background-color: #00747e; } .colorPalette_Gray.hero_navigation .labelHead { background-color: #2A2B33; } .colorPalette_DarkGray.hero_navigation .labelHead { background-color: #191B22; } .colorPalette_White.hero_navigation .labelHead { background-color: #FFFFFF; } .colorPalette_LightGray.hero_navigation .labelHead { background-color: #D9DADB; } .hero_navigation .maskImage { height: auto; } .hero_navigation .heroNavContent { z-index: 1; } .hero_navigation .heroNavContentWrapper .sectionTitleWithMask.noNotch .maskColorFiller { margin-top: 20px; } } @media only screen and (min-width: 367px) and (max-width: 640px) { .webkit.chrome .heroNavContent .mobileSvgMask.notch{ margin-top:-15px !important; } } @media only screen and (min-width: 345px) and (max-width: 767px) { .hero_navigation_panel ul.odd { padding-bottom: 6% !important; } .win.webkit .hero_navigation_panel ul.odd { padding-bottom: 7% !important; } .ie .hero_navigation_panel ul.odd { padding-bottom: 7% !important; } .hero_navigation_panel ul.even { padding-bottom: 6% !important; } .win.webkit .hero_navigation_panel ul.even { padding-bottom: 7% !important; } .ie .hero_navigation_panel ul.even { padding-bottom: 7% !important; } } @media only screen and (min-width: 480px) and (max-width: 640px) { .ie8 .hero_navigation_panel ul.odd { margin-bottom: 40px !important; } .ie8 .hero_navigation_panel .even { margin-bottom: 40px !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) { .hero_navigation .heroNavContentWrapper .sectionTitleWithMask.noNotch .maskColorFiller { padding-bottom: 28px !important; } } @media only screen and (min-device-width: 340px) and (max-device-width: 640px) { .hero_navigation .heroNavContentWrapper .sectionTitleWithMask.noNotch .maskColorFiller { padding-bottom: 28px !important; } } /****** ===== 768 - 825px Starts ===== ****** **********************************************/ /* @media only screen and (min-width: 768px) and (max-width: 825px) { .hero_navigation .hero_navigation_panel { margin-top: -10px !important; } } */ /****** ===== 768 - 825px Ends ===== ****** **********************************************/ /****** ===== 280 - 600px Ends ===== ****** **********************************************/ /****** ===== 768 - 1024px Ends ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .hero_navigation { min-height: 100px; } .hero_navigation .heroNavContent { width: 79.427%; } .hero_navigation h1 { font-size: 2.94em; padding-top: 40px; font-family: 'BrandonGrotesqueBlack'; } .hero_navigation h3 { font-size: 1.1em; font-family: 'BrandonGrotesqueBlack'; } .hero_navigation_panel li h3 { font-family: 'BrandonGrotesqueBold'; font-size: 0.9375em; } .hero_navigation_panel li p { font-family: Georgia; font-size: 0.8125em; margin-top: 5px; word-wrap: break-word; } .hero_navigation[data-mask*="xlink-deep-curve"] .heroNavContentWrapper { margin-top: 100px; } .hero_navigation_panel li { height: 120px; } .hero_navigation_panel li a { height: 120px; padding: 7%; } .hero_navigation .hero_navigation_panel { margin-top: 14px; } .heroNavContentWrapper .sectionTitleWithMask.noNotch .maskColorFiller { padding-bottom: 56px; } .hero_navigation[data-mask*="xlink-deep"] { margin-top: -128px; } .hero_navigation[data-mask*="xlink-notch"] { margin-top: -37px; } } /****** ===== 768 - 1024px Ends ===== ****** **********************************************/ @media only screen and (min-width: 1024px) and (max-width: 1024px) { .hero_navigation[data-mask*="xlink-deep-curve"] .heroNavContentWrapper { margin-top: 130px; } } @media only screen and (min-width: 1025px) and (max-width: 1190px) { .hero_navigation h1 { font-size: 3em; } .hero_navigation .hero_navigation_panel { margin-top: 0px !important; float: left; width: 100%; } } /* New Mask Updates */ @media only screen and (min-width: 1281px) and (max-width: 1440px) { .hero_navigation[data-mask*="xlink-deep-curve"] { margin-top: -180px; } .hero_navigation[data-mask*="xlink-notch"] { margin-top: -55px; } } @media only screen and (min-width: 768px) { .hero_navigation a, .hero_navigation a:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } @media only screen and (min-width: 1024px) and (max-width: 1150px) { .hero_navigation .hero_navigation_panel { margin-top: 0px !important; float: left; width: 100%; } } .hero_navigation a { z-index: 4; border: 0; position: relative; } .hero_navigation a:after { content: ''; position: absolute; z-index: -1; } /* Pseudo elements for icons */ .hero_navigation a:before { position: relative; -webkit-font-smoothing: antialiased; } /* button-lost 1b */ .hero_navigation a:after { width: 100%; height: 0; top: 0; left: 0; background-color: #2A2B33; } .hero_navigation a:hover:after { height: 100%; } .ie8 .hero_navigation a:hover:after { height: 0%; } @media only screen and (min-width: 200px) and (max-width: 640px) { .ie8 .hero_navigation a:hover:after { height: 100% !important; } } @media only screen and (max-width: 767px) and (min-width: 280px){ .ie8 .hero_navigation .labelHead{ height:171px !important; } } html[lang="cn-cn"] .hero_navigation h1 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; line-height:normal; } html[lang="cn-cn"] .hero_navigation h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; line-height:normal; } html[lang="cn-cn"] .hero_navigation_panel li h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight:bold; } html[lang="cn-cn"] .hero_navigation_panel li p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"].ie .hero_navigation h3{ margin-top:10px !important; } @media only screen and (min-width: 367px) and (max-width: 767px) { html[lang="cn-cn"].gecko.firefox .heroNavContent .mobileSvgMask.notch{ margin-top:-15px !important; } } @media only screen and (min-width: 367px) and (max-width: 767px) { html[lang="pt-br"].gecko.firefox .heroNavContent .mobileSvgMask.notch{ margin-top:-15px !important; } } @media only screen and (min-width:1025px) and (max-width:1054px) { html[lang="pt-br"].win.chrome .hero_navigation_panel li a{ word-wrap:normal !important; } } html[lang="ja-jp"] .hero_navigation h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .hero_navigation h3 { font-family: 'Meiryo'; line-height:normal; } html[lang="ja-jp"] .hero_navigation_panel li h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .hero_navigation_panel li p { font-family:'Hiragino Mincho ProN','MS PGothic'; line-height:18px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .hero_navigation h1 { font-family: 'Meiryo'; } html[lang="ja-jp"] .hero_navigation h3 { font-family: 'Meiryo'; } html[lang="ja-jp"] .hero_navigation_panel li h3 { font-family: 'Meiryo'; } html[lang="ja-jp"] .hero_navigation_panel li p { font-family:'Hiragino Mincho ProN','MS PGothic'; } } .socialMedia_Icon_Comp{ width: 75%; margin: 0 auto; padding: 100px 0 45px; font-size: 0; word-spacing: 0; letter-spacing: 0; text-align: center; } a.socialMedia_Icon{ width: 25%; display: inline-block; text-align: center; word-spacing: 1px; letter-spacing: 1px; font-size: 16px; text-decoration: none !important; } .socialHoverImage{ display: none; } .socialMedia_Icon .socialImage, .socialMedia_Icon .socialHoverImage{ padding-bottom: 18px; } .socialMedia_Icon:hover .socialHoverImage{ display: inline-block; } .socialMedia_Icon:hover .socialImage{ display:none; } .socialMedia_Icon .rlatedText{ padding-bottom: 10px; font-size: .875em; line-height: 1.125em; color: #2A2B33; font-family: Georgia; } .socialMedia_Icon .iconName{ font-size:.875em; line-height: 1.125em; color:#2a2b33; text-transform: uppercase; font-family: 'BrandonGrotesqueBold'; } .socialMedia_Icon:hover .rlatedText,.socialMedia_Icon:hover .iconName{ color: #017387; } .colFive a.socialMedia_Icon{ width: 20%; } .colSix a.socialMedia_Icon{ width: 16.66666666%; } /**** C 43 ****/ /*** Responsive CSS ***/ /****** ===== 280 - 640px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width:767px) { .socialMedia_Icon_Comp{ display: block; padding-bottom: 21px; padding-top: 23px; width:96%; } .socialMedia_Icon .rlatedText { font-size: 0.7em; } .socialMedia_Icon:first-child{ margin-left:0px !important; } .nav .socialMedia_Icon_Comp{ padding: 25px 0; margin:0px !important; width:100% !important; float:left !important; display: block !important; } .rlatedText, .iconName{display:none;} .socialMedia_Icon .socialImage, .socialMedia_Icon .socialHoverImage { padding-bottom: 0; width:30px; } a.socialMedia_Icon { display: inline-block !important; } } @media only screen and (min-width: 768px) and (max-width:1024px) { .socialMedia_Icon .socialImage, .socialMedia_Icon .socialHoverImage { padding-bottom: 9px; width: 30px; } .socialMedia_Icon_Comp{ padding-bottom:30px; padding-top:60px; } .socialMedia_Icon .rlatedText{ font-size: .625em; line-height: 1em; color: #2A2B33; font-family: Georgia; } .socialMedia_Icon .iconName{ font-size:.625em; line-height: 1em; color:#2a2b33; text-transform: uppercase; font-family: 'BrandonGrotesqueBold'; } .ipad .socialMedia_Icon:hover .socialHoverImage{ display: none; } .ipad .socialMedia_Icon:hover .socialImage{ display:none; } .ipad .socialMedia_Icon:active .socialHoverImage{ display: inline-block !important; } .ipad .socialMedia_Icon:active .socialImage{ display:none !important; } .ios7.ipad .socialMedia_Icon:active .socialHoverImage, .ios7.ipad .socialMedia_Icon:hover .socialHoverImage{ display: inline-block !important; } .ios7.ipad .socialMedia_Icon:active .socialImage, .ios7.ipad .socialMedia_Icon:hover .socialImage{ display:none !important; } } @media only screen and (min-width: 300px) and (max-width: 1023px) { .socialMedia_Icon_Comp_Rig{ display:none; } .facebookFeed{ display:none; } .socialMedia_Icon_Comp_full{ display:block; width:100% !important; } .socialMedia_Icon_Comp_full a{ padding:0px; width:25%; float:none; } .socialMedia_Icon_Comp_full.colFive a.socialMedia_Icon{ width: 20%; } .socialMedia_Icon_Comp_full.colSix a.socialMedia_Icon{ width: 16.66666666%; } } @media only screen and (min-width: 1024px) and (max-width : 1024px) and (orientation : landscape) { .ipad .socialMedia_Icon_Comp_Rig{ display:none; } .ipad .facebookFeed{ display:none; } .ipad .socialMedia_Icon_Comp_full{ display:block; width:100% !important; } .ipad .socialMedia_Icon_Comp_full a{ padding:0px; width:25%; float:none; } .ipad .socialMedia_Icon_Comp_full.colFive a.socialMedia_Icon{ width: 20%; } .ipad .socialMedia_Icon_Comp_full.colSix a.socialMedia_Icon{ width: 16.66666666%; } } @media only screen and (min-width: 1024px) { .socialMedia_Icon_Comp_Rig{ float:left; width:308px; } .socialMedia_Icon_Comp_Rig a{ padding:0px 0px 19px 20px; width:50%; float:left; } .facebookFeed{ float:left; width:460px; margin-right:0px; } .socialMedia_Icon_Comp_full.colFive a.socialMedia_Icon{ width: 50%; } .socialMedia_Icon_Comp_full.colSix a.socialMedia_Icon{ width: 50%; } } @media only screen and (min-width: 1024px) and (max-width: 1024px) { .socialMedia_Icon_Comp_Rig a{ padding-bottom: 50px; } } @media only screen and (min-width: 1024px) and (max-width: 1041px) { .socialMedia_Icon_Comp_Rig{ width:295px; } } @media only screen and (min-width: 1110px) { .socialMedia_Icon_Comp_Rig{ margin-left: 50px; } } @media only screen and (min-width: 1200px) { .socialMedia_Icon_Comp_Rig{ margin-left: 100px; } } @media only screen and (min-width: 768px) and (max-width:1023px) { .socialMedia_Icon .rlatedText{ min-height:30px; } .ie8 .socialMedia_Icon .rlatedText{ min-height:30px; height:auto !important; } } @media only screen and (min-width: 1004px) and (max-width: 1044px) { .ie8 .socialMedia_Icon_Comp_full{ display : none !important; } .ie8 .socialMedia_Icon_Comp_Rig{ display:block !important; float:left; width:276px !important; } .ie8 .socialMedia_Icon_Comp_Rig a{ padding:0px 0px 19px 20px; width:50%; float:left; } .ie8 .facebookFeed{ display:block !important; float:left; width:460px !important; margin-right:0px; } .ie8 .socialMedia_Icon_Comp_full.colFive a.socialMedia_Icon{ width: 50%; } .ie8 .socialMedia_Icon_Comp_full.colSix a.socialMedia_Icon{ width: 50%; } .ie8 .socialMedia_Icon .rlatedText{ min-height:20px; height:auto !important; } } /* twitter feed - Media */ .twitterFeed{ float:left; width:460px; margin-right:0px; display:block; margin-bottom:30px; } .socialMedia_Icon_Comp_Media .twitterFeed, .socialMedia_Icon_Comp_Media .facebookFeed{ float:left; margin-right:0px; position: relative; width: 70%; display:block; } .ie8 .twitterFeed a.twitter-timeline{ font-size:22px; text-align:center; width: 100%; height: 350px; border: 1px solid #999; display:block; padding-top:140px; font-family: Georgia; } .ie8 .socialMedia_Icon_Comp_Media .twitterFeed{ width: 60%; } #twitter-widget-0, #twitter-widget-1 { width: 100% !important; height: 371px !important; border: 1px solid #999 !important; display:block; } @media only screen and (min-width: 300px) and (max-width: 1023px) { .twitterFeed{ display:none !important; } } @media only screen and (min-width: 1024px) and (max-width : 1024px) and (orientation : landscape) { .ipad .twitterFeed{ display:none; } } @media only screen and (min-width: 1024px) { .socialMedia_Icon_Comp_Media{ float:left; width:100%; position:relative; } .socialMedia_Icon_Comp_Media .socialMedia_Icon_Comp_Rig{ margin-left:0px !important; width:29%; float:left; } .socialMedia_Icon_Comp_Media .socialMedia_Icon_Comp { padding-top:23px !important; } } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ font-size:32px !important; margin-bottom:12px; } .win.webkit.chrome .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ margin-bottom:24px; } .socialMedia_Icon_Comp_Media .socialMedia_Icon_Comp, .ie8 .socialMedia_Icon_Comp_Media .socialMedia_Icon_Comp { padding-top:0px !important; } @media only screen and (min-width:768px) and (max-width:1024px){ .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ font-size:22px !important; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ margin-bottom:0px; } .win.webkit.chrome .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ margin-bottom:10px; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask{ float:none !important; width:79.427%; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller{ padding-top:70px; } .ie8 .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller{ padding-top:100px; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ height:40px !important; } } @media only screen and (min-width:300px) and (max-width:767px){ .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ font-size:20px !important; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ margin-bottom:4px; } .win.webkit.chrome .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2 span{ margin-bottom:5px; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask h2{ padding-top:0px; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller{ padding-top:0px; } } @media only screen and (min-width: 300px) and (max-width: 1023px) { .twitterFeed{ display:none !important; } } @media only screen and (min-width: 280px) and (max-width: 767px) { .socialMedia_Icon_Comp_Media .rlatedText, .socialMedia_Icon_Comp_Media .iconName{ display:block; } .socialMedia_Icon_Comp_Media .socialMedia_Icon .rlatedText{ font-family: Georgia; font-size: 0.625em; line-height:12px; padding: 10px 0 7px; } .socialMedia_Icon_Comp_Media .socialMedia_Icon .iconName { color: #2a2b33; font-family: "BrandonGrotesqueBold"; font-size: 0.625em; line-height: 1em; text-transform: uppercase; } .socialMedia_Icon_Comp_Media .socialMedia_Icon_Comp_full a{ margin-bottom:10px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .socialMedia_Icon .rlatedText{ min-height:24px; } .socialMedia_Icon_Comp_Media .socialMedia_Icon .rlatedText{ font-family: Georgia; font-size: 0.625em; line-height:12px; padding: 7px 0 0; } .socialMedia_Icon_Comp_Media .socialMedia_Icon_Comp_full a{ margin-bottom:10px; } } @media only screen and (min-width: 1025px) { .socialMedia_Icon_Comp_Media .sectionTitleWithMask{ float:none !important; width:75%; } .socialMedia_Icon_Comp_Media .sectionTitleWithMask.media-sectionTitleNoMask .maskColorFiller{ padding-top:60px; } } .remove-paddingTop{ padding-top:0px !important; } html[lang="cn-cn"] .socialMedia_Icon .iconName{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .socialMedia_Icon .rlatedText{ font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="ja-jp"] .socialMedia_Icon .iconName{ font-family: 'Meiryo'; font-weight: bold; } html[lang="ja-jp"] .socialMedia_Icon .rlatedText{ font-family:'Hiragino Mincho ProN','MS PGothic'; } /* This css requires Moving Boxes v2.02+ */ /* Inside slider shadow */ .mb-left-shadow, .mb-right-shadow { background: repeat-y scroll 0 0; height: 100%; position: absolute; top: 0; width: 10px; } .mb-left-shadow { left: 0; } .mb-right-shadow { right: 0; } /*** Left & Right Navigation Arrows ***/ a.mb-scrollbutton-losts { margin: 0; top: 40%; /* the margin-top below may be causing problems, so adjust the % above... */ /* margin-top: -29px; if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */ zoom: 1; } /*** Overall MovingBoxes Slider ***/ .mb-wrapper { border: 5px solid #ccc; margin: 0 auto 20px; position: relative; left: 0; top: 0; border-radius: 10px; box-shadow: inset 0 0 10px #888; } /* Panel Wrapper */ .mb-slider, .mb-scroll { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; left: 0; top: 0; /***(>'-')> Control Panel Font size here <('-'<)***/ font-size: 18px; } /* active slider border highlight */ .mb-active-slider { border-color: #333; } /*** Slider panel ***/ .mb-slider .mb-panel { margin: 0; padding: 20px; display: block; cursor: pointer; float: left; list-style: none; } /* Cursor to arrow over current panel, pointer for all others, change .current class name using plugin option, currentPanel : 'current' */ .mb-slider .mb-panel.current { cursor: auto; } /*** Inside the panel ***/ .mb-inside { padding: 10px; border: 1px solid #999; } .mb-inside * { max-width: 100%; } /*** Left & Right Navigation Arrows ***/ a.mb-scrollbutton-losts { display: block; width: 45px; height: 58px; background: transparent url(../images/arrows.png) no-repeat; position: absolute; top: 50%; margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */ cursor: pointer; text-decoration: none; outline: 0; border: 0; } a.mb-scrollbutton-losts.mb-left { background-position: left top; left: -45px; } a.mb-scrollbutton-losts.mb-right { background-position: right top; right: -45px; } a.mb-scrollbutton-losts.mb-left:hover { background-position: left bottom; } a.mb-scrollbutton-losts.mb-right:hover { background-position: right bottom; } a.mb-scrollbutton-losts.disabled { display: none; } /*** Controls added below the panels ***/ .mb-controls { margin: 0 auto; text-align: center; background: #ccc; position: relative; z-index: 100; } .mb-controls a { color: #666; font: 18px/2.2 Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px; margin: 0 5px 0 0; text-align: center; outline: 0; } .mb-controls a:hover { color: black; } .mb-controls a.current { color: white; } .mb-active-slider .mb-controls { background: #333; } /*** Responsive CSS ***/ @media only screen and (max-width:320px) and (orientation : portrait) { .mb-wrapper{margin-top:50px !important;} } @media only screen and (min-width:480px) and (max-width:600px)and (orientation : landscape){ .mb-wrapper{margin-top:33px !important;} } /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container{ width:auto; margin-right:30px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:30px; } .mCustomScrollBox>.mCSB_scrollTools{ width:16px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ position:absolute; top:0; left:0; bottom:0; right:0; height:auto; } .mCSB_scrollTools a+.mCSB_draggerContainer{ margin:20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width:2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; } .mCSB_scrollTools .mCSB_button-lostUp, .mCSB_scrollTools .mCSB_button-lostDown{ display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_button-lostDown{ top:100%; margin-top:-40px; } /* horizontal scrollbar */ .mCSB_horizontal>.mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-right:0; margin-bottom:30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:2px; margin:7px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_button-lostLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_button-lostRight{ display:block; position:relative; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_button-lostRight{ margin-left:-40px; float:right; } .mCustomScrollBox{ -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/ } /* default scrollbar colors and backgrounds (default theme) */ .mCustomScrollBox>.mCSB_scrollTools{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCustomScrollBox:hover>.mCSB_scrollTools{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ } .mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } .mCSB_scrollTools .mCSB_button-lostUp, .mCSB_scrollTools .mCSB_button-lostDown, .mCSB_scrollTools .mCSB_button-lostLeft, .mCSB_scrollTools .mCSB_button-lostRight{ background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_button-lostUp{ background-position:0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_button-lostDown{ background-position:0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_button-lostLeft{ background-position:0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_button-lostRight{ background-position:0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_button-lostUp:hover, .mCSB_scrollTools .mCSB_button-lostDown:hover, .mCSB_scrollTools .mCSB_button-lostLeft:hover, .mCSB_scrollTools .mCSB_button-lostRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_button-lostUp:active, .mCSB_scrollTools .mCSB_button-lostDown:active, .mCSB_scrollTools .mCSB_button-lostLeft:active, .mCSB_scrollTools .mCSB_button-lostRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } /*scrollbar themes*/ /*dark (dark colored scrollbar)*/ .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark>.mCSB_scrollTools .mCSB_button-lostUp{ background-position:-80px 0; } .mCS-dark>.mCSB_scrollTools .mCSB_button-lostDown{ background-position:-80px -20px; } .mCS-dark>.mCSB_scrollTools .mCSB_button-lostLeft{ background-position:-80px -40px; } .mCS-dark>.mCSB_scrollTools .mCSB_button-lostRight{ background-position:-80px -56px; } /*light-2*/ .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-2>.mCSB_scrollTools .mCSB_button-lostUp{ background-position:-32px 0; } .mCS-light-2>.mCSB_scrollTools .mCSB_button-lostDown{ background-position:-32px -20px; } .mCS-light-2>.mCSB_scrollTools .mCSB_button-lostLeft{ background-position:-40px -40px; } .mCS-light-2>.mCSB_scrollTools .mCSB_button-lostRight{ background-position:-40px -56px; } /*dark-2*/ .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-2>.mCSB_scrollTools .mCSB_button-lostUp{ background-position:-112px 0; } .mCS-dark-2>.mCSB_scrollTools .mCSB_button-lostDown{ background-position:-112px -20px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_button-lostLeft{ background-position:-120px -40px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_button-lostRight{ background-position:-120px -56px; } /*light-thick*/ .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-thick>.mCSB_scrollTools .mCSB_button-lostUp{ background-position:-16px 0; } .mCS-light-thick>.mCSB_scrollTools .mCSB_button-lostDown{ background-position:-16px -20px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_button-lostLeft{ background-position:-20px -40px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_button-lostRight{ background-position:-20px -56px; } /*dark-thick*/ .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_button-lostUp{ background-position:-96px 0; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_button-lostDown{ background-position:-96px -20px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_button-lostLeft{ background-position:-100px -40px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_button-lostRight{ background-position:-100px -56px; } /*light-thin*/ .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); } .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } /*dark-thin*/ .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_button-lostUp{ background-position:-80px 0; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_button-lostDown{ background-position:-80px -20px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_button-lostLeft{ background-position:-80px -40px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_button-lostRight{ background-position:-80px -56px; } @import url("../components/stories/css/rs-default.css"); /**** Story Panel Overlay Starts ****** **************************************/ body .storyPanelOVerlay { margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 999991; background-color: #fff; overflow: hidden; display: none; } body a.vidCloseBtn { background: none repeat scroll 0 0 #FFFFFF; color: #000000; display: block; font-family: brandongrotesquebold; font-size: 0.9em; margin: 0; padding: 10px 10px 4px; position: absolute; right: -7px; text-decoration: none; text-transform: uppercase; top: -7px; } body a.vidCloseBtn.onFullScreen { z-index: 99999199; } body .storyPanelOVerlay a.exitBtn { position: absolute; z-index: 9999; top: 0; right: 0; color: #000; background: url('../images/exitBtn.png') no-repeat; line-height: 12px; padding: 0px; text-decoration: none; text-transform: uppercase; font-family: 'Georgia'; text-indent: -999em; width: 50px; height: 50px; outline: 0; background-position: 0 -50px; margin-top:10px; } body .storyPanelOVerlay a.exitBtn:hover { background-position: 0px -50px; } /**** Story Panel Overlay Ends ***** ***********************************/ /*** Customozing Stories Starts *** ************************************/ .storyPanel { margin: 0; padding: 0; position: relative; display: none; } .story-carousel { margin: 0; padding: 0; position: relative; } .story-carousel .frameBg { margin: 0; padding: 0; display: block; border: 0 solid; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .story-carousel .frameBg img { width: 100%; height: 100%; } .story-carousel .frameContent { margin: 0; padding: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .story-carousel .frameContent h2 { font-size: 5.625em; font-family: 'BrandonGrotesqueBold'; color: #fff; padding: 96px 50px 0px; text-transform: uppercase; line-height: 75px; } .story-carousel .frameContent p { font-size: 1.25em; font-family: 'BrandonGrotesqueBlack'; color: #fff; padding: 0px 60px; text-transform: uppercase; padding-top:3px; } .storyPanelControls { margin: 0; padding: 0; position: absolute; bottom: 0; background: #fff; min-height: 20px; z-index: 9999; width: 100%; overflow: hidden; } .leftControls { margin: 0; padding: 0; float: left; width: 80%; } .rightControls { float: right; margin: 0; padding: 0; } .logo-icon { background: url('../images/storyControls.png') 0 0 no-repeat; margin: 0; padding: 0; width: 50px; height: 50px; float: left; } .storyCategory { float: left; font-family: 'BrandonGrotesqueBold'; font-size: 0.8em; font-weight: bold; margin: 0; padding: 17px 10px 12px; text-transform: uppercase; } .backToStory { display: none; margin: 0; padding: 0 20px; background: #d9dadb; text-align: center; width: auto; float: left; } .backToStory a { display: block; text-decoration: none; text-transform: uppercase; color: #2a2b33; font-size: 0.8em; font-family: 'BrandonGrotesqueBold'; padding: 19px 0px 13px; } .volControl { margin: 0; padding: 0; float: left; width: 50px; height: 50px; display: none; } .volControl a { display: block; width: 100%; height: 100%; text-indent: -999em; text-decoration: none; background: url('../images/storyControls.png') -57px 0px no-repeat; } .volControl a:hover { background: url('../images/storyControls.png') -57px -60px no-repeat; } .volControl a.muted { background: url('../images/storyControls.png') -57px -120px no-repeat; } .volControl a.muted:hover { background: url('../images/storyControls.png') -57px -181px no-repeat; } .directionControl { float: left; } .directionControl li { margin: 0; padding: 0; list-style: none; float: left; } .directionControl ul { margin: 0; padding: 0; } .directionControl li.prevArrow, .directionControl li.nextArrow { text-indent: -999em; background: url('../images/storyControls.png') 0 0 no-repeat; width: 50px; height: 50px; background-position: -105px 0; cursor: pointer; } .directionControl li.nextArrow { background-position: -250px 0; } .directionControl li.nextArrow:hover { background-position: -250px -60px; } .directionControl li.prevArrow:hover { background-position: -105px -60px; } .directionControl li.storyPagnation { width: 100px; padding: 15px 2px 0px 0; text-align: center; } .directionControl li.storyPagnation span { font-family: 'BrandonGrotesque'; font-size: 0.8em; } .hotSpots { width: 100%; margin: 0; padding: 0; } .hotSpots ul { margin: 0; padding: 0; position: absolute; top: 45%; left: 0; width: 100%; } .hotSpots ul li { margin: 0 auto; list-style: none; float: left; } .hotSpots ul li a { background: url('../images/hotspots.png') 0 0 no-repeat; width: 100px; height: 100px; display: block; margin: 0 auto; text-decoration: none; text-indent: -999em; outline: 0; } .hotSpots ul a:hover { background-position: 0 -100px; } .hotSpots ul.col-1 li { width: 100%; } .hotSpots ul.col-2 li { width: 50%; } .hotSpots ul.col-3 li { width: 33.3%; } .hotSpots ul.col-4 li { width: 25%; } .hotSpots ul.col-5 li { width: 20%; } .takeOverMode { position: absolute; top: 0; left: 0; padding: 0; margin: 0; background: url('../images/transparent_white_1px.png'); width: 100%; height: 100%; overflow: hidden; } .takeOverModeContent { position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; } .storyContentHolder { display: none; } .gallery-carousel { height: 600px; width: 100%; position: relative; margin: 0; padding: 0; } .gallery-carousel .innerFrame { width: 900px; height: 500px !important; border: 5px solid #fff; position: relative; overflow: hidden; margin: 50px !important; } .gallery-carousel .innerFrame img { position: absolute; width: 100%; top: 0; left: 0; } .gallery-carousel .innerFrame .frameCont { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; min-height: 75px; padding: 5px 15px 0; background: #000; opacity: 0.8; } .gallery-carousel .innerFrame .frameCont h2, .gallery-carousel .innerFrame .frameCont p { font-family: Georgia; color: #fff; font-size: 0.8em; } .gallery-carousel .innerFrame .frameCont h2 { font-size: 0.9em; font-weight: bold; } .mb-wrapper { border: none !important; box-shadow: none !important; } .frameStory-right { width: 100%; background: #191b22; opacity: 1; height: 100%; position: relative; overflow: hidden; } .frameStory-right .storyDetailImg { float: left; width: 50%; margin: 0; padding: 0; } .frameStory-right .storyDetailImg img { width: 100%; height: 100%; display: block; } .frameStory-right .storyDetails { float: left; width: 49%; margin: 0; padding: 35px 60px; } .storyDetails h1 { clear: both; margin: 80px 0px 0px 0px; padding: 0; text-transform: uppercase; color: #ff953a; font-size: 5.65em; font-family: 'BrandonGrotesqueBold'; } .storyDetails h2 { clear: both; margin: 0; padding: 0; text-transform: uppercase; color: #fff; font-size: 1.2em; font-family: 'BrandonGrotesqueBold'; } .storyDetails p { clear: both; margin: 0; padding: 10px 0; /*text-transform: uppercase;*/ color: #fff; font-size: 14pt; font-family: Georgia; } .videoStoryContent { margin: 0 auto; width: 100%; height: 400px; padding: 0; text-align: center; position: relative; } .videoStoryContent a.videoPlayBtn { margin: 100px auto 0; padding: 0; text-decoration: none; border: 0 none; display: block; width: 110px; height: 110px; text-align: center; } .videoStoryContent a.videoPlayBtn img { width: 100px; height: 100px; margin: 0 auto; text-align: center; } .videoContent { margin: 0 auto; padding: 0; display: block; position: absolute; top: 0; left: 0; border: 10px solid #fff; z-index: 9999999; background: #000; } .ie .audiojs { position: absolute !important; left: 30% !important; top: 30% !important; } .mask { top: 0; left: 0; padding: 0; margin: 0; background: url('../images/transmobile.png'); width: 100%; height: 100%; overflow: hidden; z-index: 100000000; color: #fff; padding-left: 45px; padding-top: 330px; font-weight: bold; font-size: 0.8em; } .mobilemasktext { position: absolute; top: -999em; left: -999em; } /*** Customozing Stories Ends *** **********************************/ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (max-width: 360px) and (orientation: portrait) { .mask { display: block; } .storyCategory { display: none !important; } .story-carousel .frameContent h2 { font-size: 1.45em; padding-top: 10px; padding-left: 5px; padding-right: 0px; float: left; width: 100%; } .story-carousel .frameContent p { padding: 0; float: left; font-size: 1em; padding-left: 5px; } .leftControls { width: 16% !important; } .frameStory-right .storyDetailImg { width: 100% !important; } .frameStory-right .storyDetails { width: 100% !important; padding: 5px; } .frameStory-right { overflow: auto; } .storyDetails h1 { font-size: 4.65em; } .backToStory a { padding-top: 14px; } .hotSpots ul.col-5 li { width: auto !important; } .hotSpots ul { top: 23% !important; padding: 0; margin: 0; } .hotSpots ul li a { width: 95px !important; } .hotSpots ul li:nth-child(4) { padding-left: 50px; } .LimelightEmbeddedPlayerFlash { width: 100% !important; } /*.videoContent { height: 301px; left: 0px !important; width: 100% !important; top: 99.5px; z-index: 99999; }*/ .gallery-carousel .innerFrame { height: 200px !important; margin: 0px 0px 0px 19px !important; width: 250px; } .frameCont { display: none; } body .storyPanelOVerlay { z-index: 999999; } .directionControl li.storyPagnation { width: auto; } .videoStoryContent { height: auto; } } @media only screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape) { .mask { display: none !important; } .storyPanelOVerlay { width: 100% !important; height: 100% !important; } .royalSlider { width: 100% !important; height: 300px; } .rsOverflow { width: 100% !important; height: 100% !important; } .frameContent .rsABlock { width: 100% !important; height: 100% !important; } .rsSlide, .rsActiveSlide { left: -479px; } .frameStory-right { overflow-x: hidden !important; overflow-y: hidden !important; } .storyCategory { float: left; padding-bottom: 10px; } .story-carousel .frameContent h2 { font-size: 1.6em; padding-top: 10px; padding-left: 5px; padding-right: 0px; float: left; width: 100%; line-height:41px; } .story-carousel .frameContent p { padding: 0; float: left; font-size:0.8em; padding-left: 5px; padding-right: 5px; } .leftControls { width: auto; float: left; } .frameStory-right { overflow: auto; } .storyDetails h1 { font-size: 1.5em !important; } .frameStory-right .storyDetailImg { float: left; height: 270px !important; } .frameStory-right .storyDetails { float: left; padding: 20px 10px 0px 10px; overflow: auto; height: 257px; } .storyDetails h1 { font-size: 4.65em; } .backToStory a { padding-top: 14px; } .hotSpots ul.col-5 li { width: auto !important; text-align: center; } .hotSpots ul { top: 23%; padding: 0; margin: 0; margin-top: 7px; } .hotSpots ul li a { width: 95px !important; } .LimelightEmbeddedPlayerFlash { width: 100% !important; } /*.videoContent { height: 301px; left: 0px !important; width: 100% !important; top: 18px !important; z-index: 9999999; }*/ .gallery-carousel .innerFrame { height: 200px !important; margin: 0px 0px 0px 19px !important; width: 400px; } .directionControl li.storyPagnation { width: auto; } .videoStoryContent { height: auto; } .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { width: 100%; } } /****** ===== 280 - 600px Ends ===== ****** **********************************************/ /****** ===== 601 - 760px Starts ===== ****** **********************************************/ @media only screen and (min-width: 641px) and (max-width: 768px) { .leftControls { width: 65%; } .frameStory-right .storyDetailImg { clear: left; width: 100%; margin: 0; padding: 0; display: none; } .frameStory-right .storyDetailImg img { width: 100%; } .frameStory-right .storyDetails { clear: both; width: 100%; margin: 0; padding: 35px 60px; } .gallery-carousel .innerFrame { width: 550px; height: 400px !important; margin: 150px 50px 0 !important; } /* =601 - 760px= */ } /****** ===== 601 - 760px Ends ===== ****** *******************************************/ /****** ===== 768 - 1020px Starts ===== ****** **********************************************/ @media only screen and (min-width: 769px) and (max-width: 1024px) { .leftControls { width: 65%; } .frameStory-right .storyDetails { padding: 35px 20px; } .gallery-carousel .innerFrame { width: 750px; height: 450px !important; margin: 135px 50px 0 !important; } /* =768 - 1020px= */ } /* * audio */ .mejs-container { margin-left: -9999em; } #me_flash_0_container, .me-plugin { position: absolute; top: -9999em; } /**** Color Palette ****/ .colorPalette_Yellow.frameStoryMain .frameContent h2, .colorPalette_Yellow.frameStoryMain .frameContent p, .colorPalette_Yellow.frameStoryMain .hotSpots h2, .colorPalette_Yellow.frameStoryMain .hotSpots p{ color: #FFF729; } .colorPalette_DarkYellow.frameStoryMain .frameContent h2, .colorPalette_DarkYellow.frameStoryMain .frameContent p, .colorPalette_DarkYellow.frameStoryMain .hotSpots h2, .colorPalette_DarkYellow.frameStoryMain .hotSpots p{ color: #DED548; } .colorPalette_Green.frameStoryMain .frameContent h2, .colorPalette_Green.frameStoryMain .frameContent p, .colorPalette_Green.frameStoryMain .hotSpots h2, .colorPalette_Green.frameStoryMain .hotSpots p{ color:#78fa6f ; } .colorPalette_DarkGreen.frameStoryMain .frameContent h2, .colorPalette_DarkGreen.frameStoryMain .frameContent p, .colorPalette_DarkGreen.frameStoryMain .hotSpots h2, .colorPalette_DarkGreen.frameStoryMain .hotSpots p{ color: #5fba5c; } .colorPalette_Fuscia.frameStoryMain .frameContent h2, .colorPalette_Fuscia.frameStoryMain .frameContent p, .colorPalette_Fuscia.frameStoryMain .hotSpots h2, .colorPalette_Fuscia.frameStoryMain .hotSpots p{ color: #d43ff5; } .colorPalette_DarkFuscia.frameStoryMain .frameContent h2, .colorPalette_DarkFuscia.frameStoryMain .frameContent p, .colorPalette_DarkFuscia.frameStoryMain .hotSpots h2, .colorPalette_DarkFuscia.frameStoryMain .hotSpots p{ color: #774078; } .colorPalette_Orange.frameStoryMain .frameContent h2, .colorPalette_Orange.frameStoryMain .frameContent p, .colorPalette_Orange.frameStoryMain .hotSpots h2, .colorPalette_Orange.frameStoryMain .hotSpots p{ color: #FF9614; } .colorPalette_DarkOrange.frameStoryMain .frameContent h2, .colorPalette_DarkOrange.frameStoryMain .frameContent p, .colorPalette_DarkOrange.frameStoryMain .hotSpots h2, .colorPalette_DarkOrange.frameStoryMain .hotSpots p{ color: #b66f2b; } .colorPalette_Cyan.frameStoryMain .frameContent h2, .colorPalette_Cyan.frameStoryMain .frameContent p, .colorPalette_Cyan.frameStoryMain .hotSpots h2, .colorPalette_Cyan.frameStoryMain .hotSpots p{ color: #00fefd; } .colorPalette_Blue.frameStoryMain .frameContent h2, .colorPalette_Blue.frameStoryMain .frameContent p, .colorPalette_Blue.frameStoryMain .hotSpots h2, .colorPalette_Blue.frameStoryMain .hotSpots p{ color: #00747e; } .colorPalette_Gray.frameStoryMain .frameContent h2, .colorPalette_Gray.frameStoryMain .frameContent p, .colorPalette_Gray.frameStoryMain .hotSpots h2, .colorPalette_Gray.frameStoryMain .hotSpots p{ color: #2A2B33; } .colorPalette_DarkGray.frameStoryMain .frameContent h2, .colorPalette_DarkGray.frameStoryMain .frameContent p, .colorPalette_DarkGray.frameStoryMain .hotSpots h2, .colorPalette_DarkGray.frameStoryMain .hotSpots p{ color: #191B22; } .colorPalette_White.frameStoryMain .frameContent h2, .colorPalette_White.frameStoryMain .frameContent p, .colorPalette_White.frameStoryMain .hotSpots h2, .colorPalette_White.frameStoryMain .hotSpots p{ color: #FFFFFF; } .colorPalette_LightGray.frameStoryMain .frameContent h2, .colorPalette_LightGray.frameStoryMain .frameContent p, .colorPalette_LightGray.frameStoryMain .hotSpots h2, .colorPalette_LightGray.frameStoryMain .hotSpots p{ color: #D9DADB; } .content_1{ height:700px; overflow: auto; } @media only screen and (min-width: 1024px) { .hotSpotText { float:right; margin: 60px 200px 0 0; } .voiceOverText { margin-top:225px; } .story-carousel .frameContent .hotSpotText h2 { padding: 96px 0 0 100px; } .story-carousel .frameContent .hotSpotText p { padding: 3px 0 0 100px; } } html[lang="cn-cn"] body a.vidCloseBtn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] body .storyPanelOVerlay a.exitBtn { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .story-carousel .frameContent h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .story-carousel .frameContent p { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .storyCategory { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .backToStory a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .directionControl li.storyPagnation span { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .storyDetails h1 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .storyDetails h2 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .storyDetails p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="ja-jp"] body a.vidCloseBtn { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] body .storyPanelOVerlay a.exitBtn { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .story-carousel .frameContent h2 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .story-carousel .frameContent p { font-family: 'Meiryo'; } html[lang="ja-jp"] .storyCategory { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .backToStory a { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .directionControl li.storyPagnation span { font-family: 'Meiryo'; } html[lang="ja-jp"] .storyDetails h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .storyDetails h2 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .storyDetails p { font-family:'Hiragino Mincho ProN','MS PGothic'; } /********NEW COMPONENT********/ .containerwithbg{ width: 100%; float:left; } .containerwithbg.lastwithouttitle { margin-top: -5px; } .containerwithbg.abovePadding{ padding-top:50px; } .containerwithbg.belowPadding{ padding-bottom:150px; } .containerwithbg-wrapper{ width:75%; margin:auto; } .containerwithbg .career-cols{ float:left; width:100%; } .containerwithbg-wrapper .careers-content{ width:100%; } .containerwithbg-leftcontent{ margin: 0; padding: 0; width: 64%; float: left; padding-right: 25px; } .containerwithbg-leftcontent h1 { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 3.75em; word-wrap: break-word; line-height: 1.05em; padding-bottom: 15px; } .containerwithbg-rightcontent{ margin: 0; padding: 0; width: 30%; float: left; margin-left: 40px; } .containerwithbg .section-links { width: 100%; padding: 0; margin: 0; float: left; position: relative; } .containerwithbg .career-cols h2 { font-family: 'BrandonGrotesqueBold'; font-size: 2.813em; line-height: 1.05em; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 0; } .containerwithbg .career-cols h3 { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: .93em; line-height: 1.25em; } .containerwithbg .career-cols p, .containerwithbg .career-cols ul, .containerwithbg .career-cols ol { margin: 0; padding: 0; font-size: 1em; line-height: 1.6em; margin-top: 10px; } .containerwithbg .career-cols .motivator { font-family: Georgia; font-size: 1.1875em; line-height: 1.5em; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { margin: 20px 0 0 0; padding: 0; text-decoration: none; display: inline-block; color: #2a2b33; height: 35px; text-transform: uppercase; font-family: 'BrandonGrotesqueBold'; font-size: 1.15em; padding: 0 20px; line-height: 40px; } .mac.chrome .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost, .mac.gecko .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height: 41px !important; } .win.chrome .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:36px; } .containerwithbg .career-cols .containerwithbg-leftcontent p a, .containerwithbg .career-cols .section-links p a{ text-decoration:underline; } .containerwithbg .career-cols .section-links p a>span.linkList, .containerwithbg .career-cols .containerwithbg-leftcontent p a>span.linkList { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 1em; line-height: 1em; text-decoration: underline; margin-top: 10px; text-transform: uppercase; } .containerwithbg-leftcontent a.onlyLink { text-decoration: underline; background: transparent !important; height: 35px; line-height: 40px; } .containerwithbg-leftcontent a.onlyLink:hover { background: transparent !important; } .containerwithbg a.ctabutton-lost:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .containerwithbg a.ctabutton-lost{ z-index:4; border: 0; position: relative; } .containerwithbg a.ctabutton-lost:after { content: ''; position: absolute; z-index: -1; } /*.careers-container a.ctabutton-lost:before{ position: relative; -webkit-font-smoothing: antialiased; }*/ .containerwithbg a.ctabutton-lost:after { background-attachment: scroll; background-clip: border-box; background-color: #2A2B33; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 0; left: 0; top: 0; width: 100%; } .containerwithbg a.ctabutton-lost:hover:after, .containerwithbg a.ctabutton-lost:active:after { height: 100%; } .containerwithbg-rightcontent.borderEnabled .section-links:first-child { margin-top: 32px; } .containerwithbg-leftcontent.borderEnabled, .containerwithbg-rightcontent.borderEnabled { border: none; border-left: 1px solid #B7B7B7; } .containerwithbg-rightcontent.borderEnabled { padding-left: 40px; } /***************/ .containerwithbg.colorPalette_Yellow { background-color: #FFFFFF; } .containerwithbg.colorPalette_DarkYellow { background-color: #DED548; } .containerwithbg.colorPalette_Fuscia { background-color: #d43ff5; } .containerwithbg.colorPalette_DarkFuscia { background-color: #774078; } .containerwithbg.colorPalette_Cyan { background-color: #00fefd; } .containerwithbg.colorPalette_Blue { background-color: #00fefd; } .containerwithbg.colorPalette_DarkBlue { background-color: #00747e; } .containerwithbg.colorPalette_Green { background-color: #78fa6f; } .containerwithbg.colorPalette_DarkGreen { background-color: #5fba5c; } .containerwithbg.colorPalette_Orange { background-color: #FF9614; } .containerwithbg.colorPalette_DarkOrange { background-color: #b66f2b; } .containerwithbg.colorPalette_Gray { background-color: #2A2B33; } .containerwithbg.colorPalette_DarkGray { background-color: #191b22; } .containerwithbg.colorPalette_White { background-color: #FFFFFF; } .containerwithbg.colorPalette_LightGray { background-color: #D9DADB; } /***************/ /* ----------------------------------------------------------------------------- * Desktop Themes starts * ---------------------------------------------------------------------------*/ .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Yellow { background-color: #FFF729; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkYellow { background-color: #DED548; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Fuscia { background-color: #d43ff5; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkFuscia { background-color: #774078; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Cyan { background-color: #00fefd; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Blue { background-color: #00fefd; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkBlue { background-color: #00747e; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Green { background-color: #78fa6f; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkGreen { background-color: #5fba5c; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Orange { background-color: #FF9614; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkOrange { background-color: #b66f2b; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Gray { background-color: #2A2B33; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkGray { background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_White { background-color: #FFFFFF; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_LightGray { background-color: #D9DADB; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Yellow:hover { color: #FFF729; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkYellow:hover { color: #DED548; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Fuscia:hover { color: #d43ff5; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkFuscia:hover { color: #774078; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Cyan:hover { color: #00fefd; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Blue:hover { color: #00fefd; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkBlue:hover { color: #00747e; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Green:hover { color: #78fa6f; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkGreen:hover { color: #5fba5c; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Orange:hover { color: #FF9614; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkOrange:hover { color: #b66f2b; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_Gray:hover { color: #2A2B33; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_DarkGray:hover { color: #191b22; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_White:hover { color: #FFFFFF; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.colorPalette_LightGray:hover { color: #D9DADB; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Yellow { background-color: #FFF729; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkYellow { background-color: #DED548; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Fuscia { background-color: #d43ff5; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkFuscia { background-color: #774078; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Cyan { background-color: #00fefd; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Blue { background-color: #00fefd; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkBlue { background-color: #00747e; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Green { background-color: #78fa6f; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkGreen { background-color: #5fba5c; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Orange { background-color: #FF9614; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkOrange { background-color: #b66f2b; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Gray { background-color: #2A2B33; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkGray { background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_White { background-color: #FFFFFF; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_LightGray { background-color: #D9DADB; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Yellow:hover { color: #FFF729; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkYellow:hover { color: #DED548; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Fuscia:hover { color: #d43ff5; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkFuscia:hover { color: #774078; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Cyan:hover { color: #00fefd; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Blue:hover { color: #00fefd; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkBlue:hover { color: #00747e; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Green:hover { color: #78fa6f; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkGreen:hover { color: #5fba5c; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Orange:hover { color: #FF9614; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkOrange:hover { color: #b66f2b; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_Gray:hover { color: #2A2B33; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_DarkGray:hover { color: #191b22; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_White:hover { color: #FFFFFF; background-color: #191b22; } .containerwithbg .career-cols .containerwithbg-leftcontent a.onlyLink.colorPalette_LightGray:hover { color: #D9DADB; background-color: #191b22; } .containerwithbg .career-cols h1.colorPalette_Blue, .containerwithbg .career-cols h2.colorPalette_Blue, .containerwithbg .career-cols h3.colorPalette_Blue, .containerwithbg .career-cols p.colorPalette_Blue, .containerwithbg .career-cols span.colorPalette_Blue, .containerwithbg .career-cols .section-links p a.colorPalette_Blue, .containerwithbg .career-cols .section-links p.colorPalette_Blue a, .containerwithbg .career-cols h1.colorPalette_Cyan, .containerwithbg .career-cols h2.colorPalette_Cyan, .containerwithbg .career-cols h3.colorPalette_Cyan, .containerwithbg .career-cols p.colorPalette_Cyan, .containerwithbg .career-cols span.colorPalette_Cyan, .containerwithbg .career-cols .section-links p a.colorPalette_Cyan, .containerwithbg .career-cols .section-links p.colorPalette_Cyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Cyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Blue a { color: #00fefd !important; } .containerwithbg .career-cols h1.colorPalette_DarkBlue, .containerwithbg .career-cols h2.colorPalette_DarkBlue, .containerwithbg .career-cols h3.colorPalette_DarkBlue, .containerwithbg .career-cols p.colorPalette_DarkBlue, .containerwithbg .career-cols span.colorPalette_DarkBlue, .containerwithbg .career-cols .section-links p a.colorPalette_DarkBlue, .containerwithbg .career-cols .section-links p.colorPalette_DarkBlue a, .containerwithbg .career-cols h1.colorPalette_DarkCyan, .containerwithbg .career-cols h2.colorPalette_DarkCyan, .containerwithbg .career-cols h3.colorPalette_DarkCyan, .containerwithbg .career-cols p.colorPalette_DarkCyan, .containerwithbg .career-cols span.colorPalette_DarkCyan, .containerwithbg .career-cols .section-links p a.colorPalette_DarkCyan, .containerwithbg .career-cols .section-links p.colorPalette_DarkCyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_DarkCyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_DarkBlue a { color: #00747e !important; } .containerwithbg .career-cols h1.colorPalette_Green, .containerwithbg .career-cols h2.colorPalette_Green, .containerwithbg .career-cols h3.colorPalette_Green, .containerwithbg .career-cols p.colorPalette_Green, .containerwithbg .career-cols span.colorPalette_Green, .containerwithbg .career-cols .section-links p a.colorPalette_Green, .containerwithbg .career-cols .section-links p.colorPalette_Green a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Green a { color: #78fa6f !important; } .containerwithbg .career-cols h1.colorPalette_DarkGreen, .containerwithbg .career-cols h2.colorPalette_DarkGreen, .containerwithbg .career-cols h3.colorPalette_DarkGreen, .containerwithbg .career-cols p.colorPalette_DarkGreen, .containerwithbg .career-cols span.colorPalette_DarkGreen, .containerwithbg .career-cols .section-links p a.colorPalette_DarkGreen, .containerwithbg .career-cols .section-links p.colorPalette_DarkGreen a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_DarkGreen a { color: #5fba5c !important; } .containerwithbg .career-cols h1.colorPalette_Yellow, .containerwithbg .career-cols h2.colorPalette_Yellow, .containerwithbg .career-cols h3.colorPalette_Yellow, .containerwithbg .career-cols p.colorPalette_Yellow, .containerwithbg .career-cols span.colorPalette_Yellow, .containerwithbg .career-cols .section-links p a.colorPalette_Yellow, .containerwithbg .career-cols .section-links p.colorPalette_Yellow a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Yellow a { color: #fff729 !important; } .containerwithbg .career-cols h1.colorPalette_DarkYellow, .containerwithbg .career-cols h2.colorPalette_DarkYellow, .containerwithbg .career-cols h3.colorPalette_DarkYellow, .containerwithbg .career-cols p.colorPalette_DarkYellow, .containerwithbg .career-cols span.colorPalette_DarkYellow, .containerwithbg .career-cols .section-links p a.colorPalette_DarkYellow, .containerwithbg .career-cols .section-links p.colorPalette_DarkYellow a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_DarkYellow a { color: #ded548 !important; } .containerwithbg .career-cols h1.colorPalette_Orange, .containerwithbg .career-cols h2.colorPalette_Orange, .containerwithbg .career-cols h3.colorPalette_Orange, .containerwithbg .career-cols p.colorPalette_Orange, .containerwithbg .career-cols span.colorPalette_Orange, .containerwithbg .career-cols .section-links p a.colorPalette_Orange, .containerwithbg .career-cols .section-links p.colorPalette_Orange a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Orange a { color: #ff9614 !important; } .containerwithbg .career-cols h1.colorPalette_DarkOrange, .containerwithbg .career-cols h2.colorPalette_DarkOrange, .containerwithbg .career-cols h3.colorPalette_DarkOrange, .containerwithbg .career-cols p.colorPalette_DarkOrange, .containerwithbg .career-cols span.colorPalette_DarkOrange, .containerwithbg .career-cols .section-links p a.colorPalette_DarkOrange, .containerwithbg .career-cols .section-links p.colorPalette_DarkOrange a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_DarkOrange a { color: #b66f2b !important; } .containerwithbg .career-cols h1.colorPalette_Fuscia, .containerwithbg .career-cols h2.colorPalette_Fuscia, .containerwithbg .career-cols h3.colorPalette_Fuscia, .containerwithbg .career-cols p.colorPalette_Fuscia, .containerwithbg .career-cols span.colorPalette_Fuscia, .containerwithbg .career-cols .section-links p a.colorPalette_Fuscia, .containerwithbg .career-cols .section-links p.colorPalette_Fuscia a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Fuscia a { color: #d43ff5 !important; } .containerwithbg .career-cols h1.colorPalette_DarkFuscia, .containerwithbg .career-cols h2.colorPalette_DarkFuscia, .containerwithbg .career-cols h3.colorPalette_DarkFuscia, .containerwithbg .career-cols p.colorPalette_DarkFuscia, .containerwithbg .career-cols span.colorPalette_DarkFuscia, .containerwithbg .career-cols .section-links p a.colorPalette_DarkFuscia, .containerwithbg .career-cols .section-links p.colorPalette_DarkFuscia a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_DarkFuscia a { color: #774078 !important; } .containerwithbg .career-cols h1.colorPalette_Gray, .containerwithbg .career-cols h2.colorPalette_Gray, .containerwithbg .career-cols h3.colorPalette_Gray, .containerwithbg .career-cols p.colorPalette_Gray, .containerwithbg .career-cols span.colorPalette_Gray, .containerwithbg .career-cols .section-links p a.colorPalette_Gray, .containerwithbg .career-cols .section-links p.colorPalette_Gray a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Gray a { color: #2a2b33 !important; } .containerwithbg .career-cols h1.colorPalette_DarkGray, .containerwithbg .career-cols h2.colorPalette_DarkGray, .containerwithbg .career-cols h3.colorPalette_DarkGray, .containerwithbg .career-cols p.colorPalette_DarkGray, .containerwithbg .career-cols span.colorPalette_DarkGray, .containerwithbg .career-cols .section-links p a.colorPalette_DarkGray, .containerwithbg .career-cols .section-links p.colorPalette_DarkGray a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_DarkGray a { color: #191b22 !important; } .containerwithbg .career-cols h1.colorPalette_LightGray, .containerwithbg .career-cols h2.colorPalette_LightGray, .containerwithbg .career-cols h3.colorPalette_LightGray, .containerwithbg .career-cols p.colorPalette_LightGray, .containerwithbg .career-cols span.colorPalette_LightGray, .containerwithbg .career-cols .section-links p a.colorPalette_LightGray, .containerwithbg .career-cols .section-links p.colorPalette_LightGray a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_LightGray a { color: #d9dadb !important; } .containerwithbg .career-cols h1.colorPalette_White, .containerwithbg .career-cols h2.colorPalette_White, .containerwithbg .career-cols h3.colorPalette_White, .containerwithbg .career-cols p.colorPalette_White, .containerwithbg .career-cols span.colorPalette_White, .containerwithbg .career-cols .section-links p a.colorPalette_White, .containerwithbg .career-cols .section-links p.colorPalette_White a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_White a { color: #fff !important; } .containerwithbg .career-cols h1.colorPalette_Black, .containerwithbg .career-cols h2.colorPalette_Black, .containerwithbg .career-cols h3.colorPalette_Black, .containerwithbg .career-cols p.colorPalette_Black, .containerwithbg .career-cols span.colorPalette_Black, .containerwithbg .career-cols .section-links p a.colorPalette_Black, .containerwithbg .career-cols .section-links p.colorPalette_Black a, .containerwithbg .career-cols .containerwithbg-leftcontent p.colorPalette_Black a { color: #000 !important; } .containerwithbg .career-cols .section-links p a.colorPalette_Yellow { color: #FFF729; } .containerwithbg .career-cols .section-links p a.colorPalette_DarkYellow { color: #DED548; } .containerwithbg .career-cols .section-links p a.colorPalette_Fuscia { color: #d43ff5; } .containerwithbg .career-cols .section-links p a.colorPalette_DarkFuscia { color: #774078; } .containerwithbg .career-cols .section-links p a.colorPalette_Cyan { color: #00fefd; } .containerwithbg .career-cols .section-links p a.colorPalette_Blue { color: #00fefd; } .containerwithbg .career-cols .section-links p a.colorPalette_DarkBlue { color: #00747e; } .containerwithbg .career-cols .section-links p a.colorPalette_Green { color: #78fa6f; } .containerwithbg .career-cols .section-links p a.colorPalette_DarkGreen { color: #5fba5c; } .containerwithbg .career-cols .section-links p a.colorPalette_Orange { color: #FF9614; } .containerwithbg .career-cols .section-links p a.colorPalette_DarkOrange { color: #b66f2b; } .containerwithbg .career-cols .section-links p a.colorPalette_Gray { color: #2A2B33; } .containerwithbg .career-cols .section-links p a.colorPalette_DarkGray { color: #191b22; } .containerwithbg .career-cols .section-links p a.colorPalette_White { color: #FFFFFF; } .containerwithbg .career-cols .section-links p a.colorPalette_LightGray { color: #D9DADB; } /* ----------------------------------------------------------------------------- * Desktop Themes starts Ends * ---------------------------------------------------------------------------*/ @media only screen and (min-width: 280px) and (max-width: 767px) { .containerwithbg{ width:100%; padding-top:1px; } .containerwithbg-wrapper{ width:95%; } .containerwithbg-leftcontent, .containerwithbg-rightcontent{ width:100%; } .containerwithbg-leftcontent{ margin: 0 0 23px 0; padding-right: 0px; } .containerwithbg-leftcontent{ margin: 0 0 23px 0; } .containerwithbg.belowPadding{ padding-bottom:50px; } .containerwithbg-leftcontent h1 { font-size: 1.5em !important; line-height: 1.05em !important; } .containerwithbg-rightcontent{ margin-left:0px; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ margin: 20px 0px 0px 0px; text-decoration: none; display: inline-block; text-transform: uppercase; height: 34px; font-size: .9em!important; padding: 1px 15px 0; font-family: 'BrandonGrotesqueBold'; } .containerwithbg .career-cols .motivator { font-family: Georgia; font-size: 1.1875em; line-height: 1.5em; } .containerwithbg-leftcontent a.onlyLink { text-decoration: underline; background: transparent !important; } .containerwithbg-leftcontent a.onlyLink:hover { background: transparent !important; } .containerwithbg .career-cols h2 { font-family: 'BrandonGrotesqueBold'; font-size: 1.25em !important; line-height: 1.05em !important; } .containerwithbg-leftcontent.borderEnabled, .containerwithbg-rightcontent.borderEnabled { border: none; border-top: 1px solid #B7B7B7; } .containerwithbg-rightcontent.borderEnabled { padding-left: 0px; } .containerwithbg-rightcontent.borderEnabled .section-links:first-child { margin-top: 32px; } .win.chrome .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:33px; } /*------------------------------------------------- New Mobile Themes Starts --------------------------------------------------*/ /***************/ .m_containerwithbg.colorPalette_Yellow { background-color: #FFF729 !important; } .m_containerwithbg.colorPalette_DarkYellow { background-color: #DED548 !important; } .m_containerwithbg.colorPalette_Fuscia { background-color: #d43ff5 !important; } .m_containerwithbg.colorPalette_DarkFuscia { background-color: #774078 !important; } .m_containerwithbg.colorPalette_Cyan { background-color: #00fefd !important; } .m_containerwithbg.colorPalette_Blue { background-color: #00fefd !important; } .m_containerwithbg.colorPalette_DarkBlue { background-color: #00747e !important; } .m_containerwithbg.colorPalette_Green { background-color: #78fa6f !important; } .m_containerwithbg.colorPalette_DarkGreen { background-color: #5fba5c !important; } .m_containerwithbg.colorPalette_Orange { background-color: #FF9614 !important; } .m_containerwithbg.colorPalette_DarkOrange { background-color: #b66f2b !important; } .m_containerwithbg.colorPalette_Gray { background-color: #2A2B33 !important; } .m_containerwithbg.colorPalette_DarkGray { background-color: #191b22 !important; } .m_containerwithbg.colorPalette_White { background-color: #FFFFFF !important; } .m_containerwithbg.colorPalette_LightGray { background-color: #D9DADB !important; } /***************/ .containerwithbg.m_colorPalette_Yellow { background-color: #FFF729 !important; } .containerwithbg.m_colorPalette_DarkYellow { background-color: #DED548 !important; } .containerwithbg.m_colorPalette_Fuscia { background-color: #d43ff5 !important; } .containerwithbg.m_colorPalette_DarkFuscia { background-color: #774078 !important; } .containerwithbg.m_colorPalette_Cyan { background-color: #00fefd !important; } .containerwithbg.m_colorPalette_Blue { background-color: #00fefd !important; } .containerwithbg.m_colorPalette_DarkBlue { background-color: #00747e !important; } .containerwithbg.m_colorPalette_Green { background-color: #78fa6f !important; } .containerwithbg.m_colorPalette_DarkGreen { background-color: #5fba5c !important; } .containerwithbg.m_colorPalette_Orange { background-color: #FF9614 !important; } .containerwithbg.m_colorPalette_DarkOrange { background-color: #b66f2b !important; } .containerwithbg.m_colorPalette_Gray { background-color: #2A2B33 !important; } .containerwithbg.m_colorPalette_DarkGray { background-color: #191b22 !important; } .containerwithbg.m_colorPalette_White { background-color: #FFFFFF !important; } .containerwithbg.m_colorPalette_LightGray { background-color: !important; } .containerwithbg .career-cols h1.m_colorPalette_Blue, .containerwithbg .career-cols h2.m_colorPalette_Blue, .containerwithbg .career-cols h3.m_colorPalette_Blue, .containerwithbg .career-cols p.m_colorPalette_Blue, .containerwithbg .career-cols span.m_colorPalette_Blue, .containerwithbg .career-cols .section-links p a.m_colorPalette_Blue, .containerwithbg .career-cols .section-links p.m_colorPalette_Blue a, .containerwithbg .career-cols h1.m_colorPalette_Cyan, .containerwithbg .career-cols h2.m_colorPalette_Cyan, .containerwithbg .career-cols h3.m_colorPalette_Cyan, .containerwithbg .career-cols p.m_colorPalette_Cyan, .containerwithbg .career-cols span.m_colorPalette_Cyan, .containerwithbg .career-cols .section-links p a.m_colorPalette_Cyan, .containerwithbg .career-cols .section-links p.m_colorPalette_Cyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Cyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Blue a { color: #00fefd !important; } .containerwithbg .career-cols h1.m_colorPalette_DarkBlue, .containerwithbg .career-cols h2.m_colorPalette_DarkBlue, .containerwithbg .career-cols h3.m_colorPalette_DarkBlue, .containerwithbg .career-cols p.m_colorPalette_DarkBlue, .containerwithbg .career-cols span.m_colorPalette_DarkBlue, .containerwithbg .career-cols .section-links p a.m_colorPalette_DarkBlue, .containerwithbg .career-cols .section-links p.m_colorPalette_DarkBlue a, .containerwithbg .career-cols h1.m_colorPalette_DarkCyan, .containerwithbg .career-cols h2.m_colorPalette_DarkCyan, .containerwithbg .career-cols h3.m_colorPalette_DarkCyan, .containerwithbg .career-cols p.m_colorPalette_DarkCyan, .containerwithbg .career-cols span.m_colorPalette_DarkCyan, .containerwithbg .career-cols .section-links p a.m_colorPalette_DarkCyan, .containerwithbg .career-cols .section-links p.m_colorPalette_DarkCyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_DarkCyan a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_DarkBlue a { color: #00747e !important; } .containerwithbg .career-cols h1.m_colorPalette_Green, .containerwithbg .career-cols h2.m_colorPalette_Green, .containerwithbg .career-cols h3.m_colorPalette_Green, .containerwithbg .career-cols p.m_colorPalette_Green, .containerwithbg .career-cols span.m_colorPalette_Green, .containerwithbg .career-cols .section-links p a.m_colorPalette_Green, .containerwithbg .career-cols .section-links p.m_colorPalette_Green a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Green a { color: #78fa6f !important; } .containerwithbg .career-cols h1.m_colorPalette_DarkGreen, .containerwithbg .career-cols h2.m_colorPalette_DarkGreen, .containerwithbg .career-cols h3.m_colorPalette_DarkGreen, .containerwithbg .career-cols p.m_colorPalette_DarkGreen, .containerwithbg .career-cols span.m_colorPalette_DarkGreen, .containerwithbg .career-cols .section-links p a.m_colorPalette_DarkGreen, .containerwithbg .career-cols .section-links p.m_colorPalette_DarkGreen a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_DarkGreen a { color: #5fba5c !important; } .containerwithbg .career-cols h1.m_colorPalette_Yellow, .containerwithbg .career-cols h2.m_colorPalette_Yellow, .containerwithbg .career-cols h3.m_colorPalette_Yellow, .containerwithbg .career-cols p.m_colorPalette_Yellow, .containerwithbg .career-cols span.m_colorPalette_Yellow, .containerwithbg .career-cols .section-links p a.m_colorPalette_Yellow, .containerwithbg .career-cols .section-links p.m_colorPalette_Yellow a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Yellow a { color: #fff729 !important; } .containerwithbg .career-cols h1.m_colorPalette_DarkYellow, .containerwithbg .career-cols h2.m_colorPalette_DarkYellow, .containerwithbg .career-cols h3.m_colorPalette_DarkYellow, .containerwithbg .career-cols p.m_colorPalette_DarkYellow, .containerwithbg .career-cols span.m_colorPalette_DarkYellow, .containerwithbg .career-cols .section-links p a.m_colorPalette_DarkYellow, .containerwithbg .career-cols .section-links p.m_colorPalette_DarkYellow a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_DarkYellow a { color: #ded548 !important; } .containerwithbg .career-cols h1.m_colorPalette_Orange, .containerwithbg .career-cols h2.m_colorPalette_Orange, .containerwithbg .career-cols h3.m_colorPalette_Orange, .containerwithbg .career-cols p.m_colorPalette_Orange, .containerwithbg .career-cols span.m_colorPalette_Orange, .containerwithbg .career-cols .section-links p a.m_colorPalette_Orange, .containerwithbg .career-cols .section-links p.m_colorPalette_Orange a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Orange a { color: #ff9614 !important; } .containerwithbg .career-cols h1.m_colorPalette_DarkOrange, .containerwithbg .career-cols h2.m_colorPalette_DarkOrange, .containerwithbg .career-cols h3.m_colorPalette_DarkOrange, .containerwithbg .career-cols p.m_colorPalette_DarkOrange, .containerwithbg .career-cols span.m_colorPalette_DarkOrange, .containerwithbg .career-cols .section-links p a.m_colorPalette_DarkOrange, .containerwithbg .career-cols .section-links p.m_colorPalette_DarkOrange a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_DarkOrange a { color: #b66f2b !important; } .containerwithbg .career-cols h1.m_colorPalette_Fuscia, .containerwithbg .career-cols h2.m_colorPalette_Fuscia, .containerwithbg .career-cols h3.m_colorPalette_Fuscia, .containerwithbg .career-cols p.m_colorPalette_Fuscia, .containerwithbg .career-cols span.m_colorPalette_Fuscia, .containerwithbg .career-cols .section-links p a.m_colorPalette_Fuscia, .containerwithbg .career-cols .section-links p.m_colorPalette_Fuscia a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Fuscia a { color: !important; } .containerwithbg .career-cols h1.m_colorPalette_DarkFuscia, .containerwithbg .career-cols h2.m_colorPalette_DarkFuscia, .containerwithbg .career-cols h3.m_colorPalette_DarkFuscia, .containerwithbg .career-cols p.m_colorPalette_DarkFuscia, .containerwithbg .career-cols span.m_colorPalette_DarkFuscia, .containerwithbg .career-cols .section-links p a.m_colorPalette_DarkFuscia, .containerwithbg .career-cols .section-links p.m_colorPalette_DarkFuscia a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_DarkFuscia a { color: #774078 !important; } .containerwithbg .career-cols h1.m_colorPalette_Gray, .containerwithbg .career-cols h2.m_colorPalette_Gray, .containerwithbg .career-cols h3.m_colorPalette_Gray, .containerwithbg .career-cols p.m_colorPalette_Gray, .containerwithbg .career-cols span.m_colorPalette_Gray, .containerwithbg .career-cols .section-links p a.m_colorPalette_Gray, .containerwithbg .career-cols .section-links p.m_colorPalette_Gray a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Gray a { color: #2a2b33 !important; } .containerwithbg .career-cols h1.m_colorPalette_DarkGray, .containerwithbg .career-cols h2.m_colorPalette_DarkGray, .containerwithbg .career-cols h3.m_colorPalette_DarkGray, .containerwithbg .career-cols p.m_colorPalette_DarkGray, .containerwithbg .career-cols span.m_colorPalette_DarkGray, .containerwithbg .career-cols .section-links p a.m_colorPalette_DarkGray, .containerwithbg .career-cols .section-links p.m_colorPalette_DarkGray a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_DarkGray a { color: #191b22 !important; } .containerwithbg .career-cols h1.m_colorPalette_LightGray, .containerwithbg .career-cols h2.m_colorPalette_LightGray, .containerwithbg .career-cols h3.m_colorPalette_LightGray, .containerwithbg .career-cols p.m_colorPalette_LightGray, .containerwithbg .career-cols span.m_colorPalette_LightGray, .containerwithbg .career-cols .section-links p a.m_colorPalette_LightGray, .containerwithbg .career-cols .section-links p.m_colorPalette_LightGray a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_LightGray a { color: #d9dadb !important; } .containerwithbg .career-cols h1.m_colorPalette_White, .containerwithbg .career-cols h2.m_colorPalette_White, .containerwithbg .career-cols h3.m_colorPalette_White, .containerwithbg .career-cols p.m_colorPalette_White, .containerwithbg .career-cols span.m_colorPalette_White, .containerwithbg .career-cols .section-links p a.m_colorPalette_White, .containerwithbg .career-cols .section-links p.m_colorPalette_White a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_White a { color: #fff !important; } .containerwithbg .career-cols h1.m_colorPalette_Black, .containerwithbg .career-cols h2.m_colorPalette_Black, .containerwithbg .career-cols h3.m_colorPalette_Black, .containerwithbg .career-cols p.m_colorPalette_Black, .containerwithbg .career-cols span.m_colorPalette_Black, .containerwithbg .career-cols .section-links p a.m_colorPalette_Black, .containerwithbg .career-cols .section-links p.m_colorPalette_Black a, .containerwithbg .career-cols .containerwithbg-leftcontent p.m_colorPalette_Black a { color: #000 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_Yellow { background-color: #FFF729 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_DarkYellow { background-color: #DED548 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_Fuscia { background-color: #d43ff5 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_DarkFuscia { background-color: #774078 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_Cyan { background-color: #00fefd !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_Blue { background-color: #00fefd !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_DarkBlue { background-color: #00747e !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_Green { background-color: #78fa6f !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_DarkGreen { background-color: #5fba5c !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_Orange { background-color: #FF9614 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_DarkOrange { background-color: #b66f2b !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_Gray { background-color: #2A2B33 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_DarkGray { background-color: #191b22 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_White { background-color: #FFFFFF !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.m_colorPalette_LightGray { background-color: #D9DADB !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_Yellow { color: #FFF729 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_DarkYellow { color: #DED548 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_Fuscia { color: #d43ff5 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_DarkFuscia { color: #774078 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_Cyan { color: #00fefd !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_Blue { color: #00fefd !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_DarkBlue { color: #00747e !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_Green { color: #78fa6f !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_DarkGreen { color: #5fba5c !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_Orange { color: #FF9614 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_DarkOrange { color: #b66f2b !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_Gray { color: #2A2B33 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_DarkGray { color: #191b22 !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_White { color: #FFFFFF !important; } .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost.t_colorPalette_LightGray { color: #D9DADB !important; } /*-------------------------------------- * Mobile Themes Ends *---------------------------------------*/ } @media only screen and (min-width: 320px) and (max-width: 640px) { .android .containerwithbg{ padding-top:10px; } .android .containerwithbg .career-cols h2{ padding-top:1px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .containerwithbg-wrapper .careers-content{ width:100%; } .containerwithbg.belowPadding{ padding-bottom:100px; } .containerwithbg-leftcontent{ width:60%; } .career-cols .containerwithbg-leftcontent h1 { font-family: 'BrandonGrotesqueBold'; font-size: 2em; line-height: 1.05em; } .containerwithbg-rightcontent{ margin-left: 0; min-height: 1px; padding-bottom: 5px; width: 40%; } .containerwithbg .career-cols .motivator{ font-family: Georgia; font-size: 1.1875em; line-height: 1.5em; } .containerwithbg .career-cols h2 { font-family: 'BrandonGrotesqueBold'; font-size: 1em !important; line-height: 1.05em !important; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 0; } } @media only screen and (min-width:768px) and (max-width:1190px) { .containerwithbg .career-cols .containerwithbg-leftcontent h1 { margin: 0; padding: 0; font-family: 'BrandonGrotesqueBold'; font-size: 2.0em!important; word-wrap: break-word; line-height: 1.05em!important; padding-bottom: 15px; } } /********NEW COMPONENT********/ @media only screen and (min-width: 320px) and (max-width: 767px) { .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ line-height:37px; } .android .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:4px; } /* default micromax*/ .android.android4.device_micromax_a110q .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:0px; } /* chrome micromax*/ .android.device_micromax_a110q .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:3px; } } @media only screen and (min-width: 570px) and (max-width: 570px) { /* chrome micromax landscape*/ .android.device_micromax_a110q .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:0px; } } @media only screen and (min-width: 360px) and (max-width: 640px) { html[lang="en-us"].android4_0.device_gt_i9300 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:0px; } html[lang="en-gb"].android4_0.device_gt_i9300 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:0px; } } html[lang="cn-cn"] .containerwithbg-leftcontent h1, html[lang="cn-cn"] .containerwithbg .career-cols h2 , html[lang="cn-cn"] .containerwithbg .career-cols h3, html[lang="cn-cn"] .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost, html[lang="cn-cn"] .containerwithbg .career-cols .section-links p a>span.linkList, html[lang="cn-cn"] .containerwithbg .career-cols .containerwithbg-leftcontent p a>span.linkList, html[lang="cn-cn"] .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost, html[lang="cn-cn"] .containerwithbg .career-cols h2, html[lang="cn-cn"] .containerwithbg .career-cols .containerwithbg-leftcontent h1, html[lang="cn-cn"] .containerwithbg .career-cols h2 , html[lang="cn-cn"] .containerwithbg .career-cols .containerwithbg-leftcontent h1 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .containerwithbg .career-cols ul, html[lang="cn-cn"] .containerwithbg .career-cols ol , html[lang="cn-cn"] .containerwithbg .career-cols .motivator { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .containerwithbg .career-cols p{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; letter-spacing: 1px; } html[lang="cn-cn"] .containerwithbg .career-cols{ padding-top: 10px; } html[lang="cn-cn"] .containerwithbg-rightcontent.borderEnabled .section-links:first-child{ margin-top:0; } html[lang="cn-cn"] .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding:4px 20px; } html[lang="cn-cn"].mac.firefox .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:8px !important; line-height:normal !important; } html[lang="cn-cn"].ie9 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:5px !important; } @media only screen and (min-width: 1024px) and (max-width: 1440px) { html[lang="cn-cn"].win.chrome .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:27px; } } @media only screen and (min-width: 320px) and (max-width: 640px) { html[lang="cn-cn"] .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding-top:6px; } html[lang="cn-cn"].android .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding-top:8px; } html[lang="cn-cn"].iphone .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding-top:9px; } html[lang="cn-cn"].iphone .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding-top:8px; } html[lang="cn-cn"].mac.webkit .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:8px; } } @media only screen and (min-width:280px) and (max-width:767px) { html[lang="cn-cn"] .containerwithbg-rightcontent.borderEnabled .section-links:first-child{ margin-top:32px; } html[lang="cn-cn"] .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding-top:6px; } html[lang="cn-cn"].win.webkit .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding-top:7px; } html[lang="cn-cn"].ie10 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal; padding-top:7px; } html[lang="cn-cn"].ie9 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:6px !important; line-height:normal; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ html[lang="cn-cn"] .containerwithbg a.ctabutton-lost:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } html[lang="cn-cn"] .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height:normal !important; padding-top:4px !important; } html[lang="cn-cn"].ipad .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:7px !important; } html[lang="cn-cn"].ie9 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ padding-top:5px !important; } } html[lang="cn-cn"] .containerwithbg .career-cols h2 , html[lang="cn-cn"] .containerwithbg .career-cols h3 { font-weight:bold; } html[lang="cn-cn"].mac.webkit .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { padding-top:8px!important; } html[lang="cn-cn"].device_xt890 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost{ line-height:13px !important; } @media only screen and (min-width: 768px) { html[lang="pt-br"] .containerwithbg a.ctabutton-lost:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } @media only screen and (min-width:1027px) and (max-width:1440px){ html[lang="pt-br"] .career-cols{ padding-top:13px; } } html[lang="en-sg"].android4_0.device_gt_i9300 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { padding-top: 4px !important; } @media only screen and (min-width:360px) and (max-width:360px){ html[lang="en-sg"].android.device_xt890 .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton-lost{ line-height: 27px !important; } } html[lang="ja-jp"] .containerwithbg-leftcontent h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h2{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols p, html[lang="ja-jp"] .containerwithbg .career-cols ul, html[lang="ja-jp"] .containerwithbg .career-cols ol { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .motivator { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .section-links p a>span.linkList, html[lang="ja-jp"] .containerwithbg .career-cols .containerwithbg-leftcontent p a>span.linkList { font-family: 'Meiryo'; } html[lang="ja-jp"] .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"].ie9 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height:36px; } html[lang="ja-jp"].mac.gecko .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height: 36px !important; } html[lang="ja-jp"].mac.chrome .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height: 39px !important; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="ja-jp"] .containerwithbg-leftcontent h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h2{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols p, html[lang="ja-jp"] .containerwithbg .career-cols ul, html[lang="ja-jp"] .containerwithbg .career-cols ol { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .motivator { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .section-links p a>span.linkList, html[lang="ja-jp"] .containerwithbg .career-cols .containerwithbg-leftcontent p a>span.linkList { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"].ie9 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height:36px; height:36px; } html[lang="ja-jp"].win.firefox .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height: 34px !important; } html[lang="ja-jp"].iphone .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height:32px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .containerwithbg-leftcontent h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h2{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols p, html[lang="ja-jp"] .containerwithbg .career-cols ul, html[lang="ja-jp"] .containerwithbg .career-cols ol { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .motivator { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .section-links p a>span.linkList, html[lang="ja-jp"] .containerwithbg .career-cols .containerwithbg-leftcontent p a>span.linkList { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"].win.firefox .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height:36px; } html[lang="ja-jp"].ipad .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height:36px; } } @media only screen and (min-width:768px) and (max-width:1190px) { html[lang="ja-jp"] .containerwithbg-leftcontent h1 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h2{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols p, html[lang="ja-jp"] .containerwithbg .career-cols ul, html[lang="ja-jp"] .containerwithbg .career-cols ol { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .motivator { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .containerwithbg .career-cols .section-links p a>span.linkList, html[lang="ja-jp"] .containerwithbg .career-cols .containerwithbg-leftcontent p a>span.linkList { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .containerwithbg .career-cols .containerwithbg-leftcontent h1{ line-height:1.25em !important; } } @media only screen and (min-width: 768px) { html[lang="ja-jp"] .containerwithbg .career-cols{ padding-top:10px; } } /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { padding-top:2.5px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .containerwithbg .containerwithbg-leftcontent a.ctabutton-lost { line-height:31px !important; } } .featuredContainer { clear: both; margin: 0 auto; overflow: hidden; padding: 0; width: 75%; } .featured-content{ width: 25%; float: left; margin-top:40px; } .featured-content .featuredItems, .featured-content .featuredEvents{ width: 100%; } .showMorebutton-lost{ float: left; margin: 10px 0 100px; padding: 0 15px 0 0; } .showMorebutton-lost a.more-Btn{ background: none repeat scroll 0 0 #2A2B33; color: #2A2B33; display: inline-block; clear: both; outline: 0 none; text-align: center; text-decoration: none; text-transform: uppercase; word-wrap: break-word; position: relative; height: 34px; font-size: 1.25em; padding: 1px 20px 0; line-height: 38px; font-family: 'BrandonGrotesqueBlack'; padding:0 10px !important; } .win.webkit .showMorebutton-lost a.more-Btn{ line-height: 34px; } .ie10 .showMorebutton-lost a.more-Btn{ padding-top:1px !important; } .ie8 .showMorebutton-lost a.more-Btn, .mac.chrome .showMorebutton-lost a.more-Btn{ padding-top:1px !important; } .showMorebutton-lost a.more-Btn:hover{ color: #2A2B33; background: none repeat scroll 0 0 #D43FF5; cursor: pointer; } .featuredContainer>.showMorebutton-lost{ max-width: 25%; } .featuredContainer>.showMorebutton-lost a.more-Btn{ width: 100%; word-wrap: break-word; } /*.win .featuredContainer>.showMorebutton-lost a.more-Btn{ line-height:33px; }*/ /*** Responsive CSS ***/ /* ----------------------------------------------------------------------------- * Themes starts * ---------------------------------------------------------------------------*/ .featuredContainer.colorPalette_Yellow h3, .featuredContainer.colorPalette_Yellow a.more-Btn:hover { color:#fff729; } .featuredContainer.colorPalette_DarkYellow h3, .featuredContainer.colorPalette_DarkYellow a.more-Btn:hover { color:#DED548; } .featuredContainer.colorPalette_Green h3, .featuredContainer.colorPalette_Green a.more-Btn:hover { color:#78fa6f; } .featuredContainer.colorPalette_DarkGreen h3, .featuredContainer.colorPalette_DarkGreen a.more-Btn:hover { color:#5fba5c; } .featuredContainer.colorPalette_Fuscia h3, .featuredContainer.colorPalette_Fuscia a.more-Btn:hover { color:#d43ff5; } .featuredContainer.colorPalette_DarkFuscia h3, .featuredContainer.colorPalette_DarkFuscia a.more-Btn:hover { color:#774078; } .featuredContainer.colorPalette_Orange h3, .featuredContainer.colorPalette_Orange a.more-Btn:hover { color:#FF9614; } .featuredContainer.colorPalette_DarkOrange h3, .featuredContainer.colorPalette_DarkOrange a.more-Btn:hover { color:#b66f2b; } .featuredContainer.colorPalette_Cyan h3, .featuredContainer.colorPalette_Cyan a.more-Btn:hover { color:#00fefd; } .featuredContainer.colorPalette_Blue h3, .featuredContainer.colorPalette_Blue a.more-Btn:hover { color:#00747e; } .featuredContainer.colorPalette_Gray h3, .featuredContainer.colorPalette_Gray a.more-Btn:hover { color:#2A2B33; } .featuredContainer.colorPalette_DarkGray h3, .featuredContainer.colorPalette_DarkGray a.more-Btn:hover { color:#191b22; } .featuredContainer.colorPalette_White h3, .featuredContainer.colorPalette_White a.more-Btn:hover { color:#FFFFFF; } .featuredContainer.colorPalette_LightGray h3, .featuredContainer.colorPalette_LightGray a.more-Btn:hover { color:#D9DADB; } .featuredContainer.colorPalette_Yellow a.more-Btn { background-color:#fff729; } .featuredContainer.colorPalette_DarkYellow a.more-Btn { background-color:#DED548; } .featuredContainer.colorPalette_Green a.more-Btn { background-color:#78fa6f; } .featuredContainer.colorPalette_DarkGreen a.more-Btn { background-color:#5fba5c; } .featuredContainer.colorPalette_Fuscia a.more-Btn { background-color:#d43ff5; } .featuredContainer.colorPalette_DarkFuscia a.more-Btn { background-color:#774078; } .featuredContainer.colorPalette_Orange a.more-Btn { background-color:#FF9614; } .featuredContainer.colorPalette_DarkOrange a.more-Btn { background-color:#b66f2b; } .featuredContainer.colorPalette_Cyan a.more-Btn { background-color:#00fefd; } .featuredContainer.colorPalette_Blue a.more-Btn { background-color:#00747e; } .featuredContainer.colorPalette_Gray a.more-Btn { background-color:#2A2B33; } .featuredContainer.colorPalette_DarkGray a.more-Btn { background-color:#191b22; } .featuredContainer.colorPalette_White a.more-Btn { background-color:#FFFFFF; } .featuredContainer.colorPalette_LightGray a.more-Btn { background-color:#D9DADB; } /* ----------------------------------------------------------------------------- * Themes Ends * ---------------------------------------------------------------------------*/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .featured-content{ width:100%; /*padding-bottom: 30px;*/ padding:0 10px !important; margin-top:0; } .showMorebutton-lost{ /*display:none;*/ margin-left: 10px; } .featureItemsContainer{ width:100% !important; padding:5px; } .featuredContainer.bottomspace{ padding-bottom:30px; } .featuredEvents, .featuredItems{ width:100%; margin-top:0px; height:auto; } .featuredItems{ border-top:1px solid #e0e0e0; } .featuredContainer .featured-content:first-child .featuredItems{ border-top: 0; } .featuredItems img{ height: 160px; padding-top:3%; } .featuredItems p { /*min-height:58px !important;*/ } .featuredEvents a.moreBtn, .featuredItems a.moreBtn{ margin-bottom: 16px; margin-top: 10px; } .featuredContainer,.factSheetContent, .featuredItems,.factSheetColumn,.fact-sheet-container .image-text,.featuredPanel{ width:100% !important; } .fact-sheet-container .image-text{ padding-left:10px !important; margin-top:0px !important; } .fact-sheet-container{ width:100% !important; padding-right:10px !important; } .fact-sheet-container .image-text img { margin-top: 20px; } .featuredContainer>.showMorebutton-lost{ max-width: 100%; } .featuredEvents, .featuredItems { padding: 0; } .featuredEvents h3, .featuredItems h3 { margin-top: 16px; margin-bottom: 8px; } .featuredEvents h3, .featuredItems h3 { font-size: 1em; line-height: 16px; } .featuredEvents p, .featuredItems p { font-size: 0.875em; line-height: 18px; } .fEventLinks a { font-size: 0.875em; line-height: 28px; } .fEventLinks a img { height: auto; width: auto; margin-top: 2px; } .showMorebutton-lost{ margin: -10px 0 25px 10px; } .ie8 .featuredItems h3 { padding-top: 16px !important; } } /****** ===== 280 - 600px Ends ===== ****** */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .featuredContainer { width: 79.427%; } .featuredContainer>.showMorebutton-lost{ max-width: 100%; } .showMorebutton-lost a.more-Btn { font-family: 'BrandonGrotesqueBlack'; font-size: 0.7em; height: 28px; line-height: 30px !important; padding-bottom: 0; padding-left: 5px; padding-right: 5px; padding-top: 0; } .win.webkit .showMorebutton-lost a.more-Btn { line-height: 31px !important; } .featuredItems img { margin-bottom: 5px; height: 60px; width: 135px; } .featuredEvents h3, .featuredItems h3 { font-size: 0.75em; line-height: 12px; margin: 8px 0 8px; } .ie8 .featuredEvents h3, .featuredItems h3 { font-size: 0.75em; } .featuredEvents p, .featuredItems p { font-size: 0.625em; line-height: 13px; margin: 0 15px 8px 0; } .fEventLinks a { font-size: 0.625em; line-height: 16px; } .fEventLinks a img { height: 15px; width: 15px; } .showMorebutton-lost{ margin: 10px 0 60px; } .win .featuredContainer>.showMorebutton-lost a.more-Btn{ line-height:1.4em; } } @media only screen and (min-width: 360px) and (max-width: 767px) { .android.android4 .showMorebutton-lost a.more-Btn{ padding-top:3px !important; } } .showMorebutton-lost a.more-Btn{ z-index:4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border: 0; } .showMorebutton-lost a.more-Btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Pseudo elements for icons */ .showMorebutton-lost a.more-Btn:before{ position: relative; -webkit-font-smoothing: antialiased; } .showMorebutton-lost a.more-Btn:after { width: 100%; height: 0; top: 0; left: 0; background: #2A2B33; } .showMorebutton-lost a.more-Btn:hover:after, .showMorebutton-lost a.more-Btn:active:after { height: 100%; } @media only screen and (min-width: 1025px) and (max-width: 1190px) { .featuredItems img{ width: 95%; } .featuredEvents h3, .featuredItems h3{ font-size:14px; } } @media only screen and (min-width: 360px) and (max-width: 640px) { html[lang="en-us"].android4_0.device_gt_i9300 .featuredContainer > .showMorebutton-lost a.more-Btn{ padding-top:0px !important; } html[lang="en-gb"].android4_0.device_gt_i9300 .featuredContainer > .showMorebutton-lost a.more-Btn{ padding-top:0px !important; } } html[lang="cn-cn"] .showMorebutton-lost a.more-Btn{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"].mac.chrome .showMorebutton-lost a.more-Btn{ padding-top:5px !important; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="cn-cn"] .showMorebutton-lost a.more-Btn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } } /* S3 button-lost alignment #217 */ @media only screen and (min-width: 360px) and (max-width: 640px) { html[lang="cn-cn"].android .showMorebutton-lost a.more-Btn{ line-height: 44px; } } /* S3 button-lost alignment #217 */ html[lang="cn-cn"] .showMorebutton-lost a.more-Btn{ line-height:normal; padding:5px 20px !important; height:auto; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="cn-cn"] .showMorebutton-lost a.more-Btn{ line-height:normal; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="cn-cn"] .showMorebutton-lost a.more-Btn{ line-height:normal !important; padding:4px 20px !important; } } @media only screen and (min-width: 768px) { html[lang="pt-br"] .showMorebutton-lost a.more-Btn{ z-index:4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border: 0; } html[lang="pt-br"] .showMorebutton-lost a.more-Btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } } html[lang="pt-br"].mac.safari .showMorebutton-lost a.more-Btn, html[lang="pt-br"].mac.gecko .showMorebutton-lost a.more-Btn{ line-height: 40px; } html[lang="ja-jp"] .showMorebutton-lost a.more-Btn{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .showMorebutton-lost a.more-Btn, html[lang="ja-jp"].gecko .showMorebutton-lost a.more-Btn{ line-height: 34px; } html[lang="ja-jp"].webkit .showMorebutton-lost a.more-Btn{ line-height: 38px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { html[lang="ja-jp"] .showMorebutton-lost a.more-Btn{ font-family: 'Meiryo'; } html[lang="ja-jp"].gecko .showMorebutton-lost a.more-Btn{ line-height: 30px; } html[lang="ja-jp"].webkit .showMorebutton-lost a.more-Btn{ line-height: 30px; } } @media only screen and (min-width: 1025px) { html[lang="ja-jp"].ie10 .showMorebutton-lost a.more-Btn{ line-height:36px; } } /*****micro max default n chrome*****/ @media only screen and (min-width:320px) and (max-width:320px){ html[lang="ja-jp"].android.device_micromax_a110q.maxw_320 .showMorebutton-lost a.more-Btn{ line-height:27px !important; } } /*****micro max chrome landscape*****/ @media only screen and (min-width:570px) and (max-width:570px) { html[lang="ja-jp"].android.device_micromax_a110q.maxw_480 .showMorebutton-lost a.more-Btn { line-height:34px !important; } } .featureItemsContainer { width: 75%; clear: both; padding: 0; margin: 0 auto; overflow: hidden; } .individualFI{ margin-top:70px !important; width:19% !important; } .featuredEvents, .featuredItems { width: 25%; height: 100%; float: left; margin: 0; padding: 0; padding-right: 15px; } .featuredItems { height: 100%; text-decoration: none !important; } .featuredItems.withoutImage{ height: auto; } .featuredEvents.lastItem, .featuredItems.lastItem { margin-right: 0; padding-right: 0; } .featuredEvents h3, .featuredItems h3 { font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; /*color: #d43ff5;*/ font-weight: bold; padding: 0; margin: 0; margin-bottom: 14px; padding-right: 0; text-align: left; text-transform: uppercase; line-height: 20px; word-wrap: break-word; } .featuredEvents p, .featuredItems p { font-family: Georgia; font-size: .875em; line-height: 18px; color: #2a2b33; margin: 0 15px 15px 0; padding: 0; padding-right: 15px; word-wrap:break-word; } .featuredItems div { /*min-height: auto;*/ } .featuredEvents p .fEventLocation{ clear: both; display: block; } .featuredEvents a.moreBtn, .featuredItems a.moreBtn { background: #2a2b33; width: 160px; text-align: center; padding: 14px 5px 7px; display: block; text-decoration: none; text-transform: uppercase; font-family: 'BrandonGrotesqueBlack'; font-size: 19px; color: #d43ff5; outline: 0; line-height: 12px; } .fEventLinks { margin-bottom: 50px; clear: both; padding-right:15px; } .fEventLinks a { color: #017487; font-family: 'BrandonGrotesqueRegular'; font-size: 0.86em; font-weight: bold; text-transform: uppercase; position: relative; width: 100%; display: block; margin:0px; } .fEventLinks li{ font-size:14px; margin-top:20px; } .fEventLinks span{ display: inline-block; line-height: 1em; width: 85%; word-wrap: break-word; } .fEventLinks a img{ float: right; margin-top: -3px; margin-left:0 !important; } .mac.webkit .fEventLinks a img { margin-top: -8px; } .mac.gecko .fEventLinks a img { margin-top: -8px; } .featuredItems img{ width: 220px; height: 100px; margin-bottom: 15px; } p.paraSpaceBtm{ margin-bottom: 50px !important; } .right-content .featuredEvents, .right-content .featuredItems{ width:100% !important; } /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .featureItemsContainer{width:100% !important;padding:5px;} .featuredEvents, .featuredItems{width:100%;margin-top:10px;margin-bottom:10px;height:auto;} .featuredItems{border-top:1px solid #e0e0e0;} .featuredContainer .featured-content:first-child .featuredItems{ border-top: 0; } .featuredItems img{ height: 160px; padding-top:5%; } /*.featuredItems p {min-height:58px !important;}*/ .featuredEvents a.moreBtn, .featuredItems a.moreBtn{margin-bottom: 16px; margin-top: 10px;} .featuredContainer,.factSheetContent, .featuredItems,.factSheetColumn,.fact-sheet-container .image-text,.featuredPanel{width:100% !important;} .fact-sheet-container .image-text{padding-left:10px !important;margin-top:0px !important;} .fact-sheet-container{width:100% !important;padding-right:10px !important;} .fEventLinks { margin-bottom: 20px; } .featuredEvents h3, .featuredItems h3{ margin-top:25px; } p.paraSpaceBtm{ margin-bottom: 20px !important; } .featuredEvents, .featuredItems { padding: 0; } .featuredEvents h3, .featuredItems h3 { margin-top: 16px; margin-bottom: 8px; } .featuredEvents h3, .featuredItems h3 { font-size: 1em; line-height: 16px; } .featuredEvents p, .featuredItems p { font-size: 0.875em; line-height: 18px; } .fEventLinks a { font-size: 0.875em; line-height: 28px; } .fEventLinks a img{ height:auto; width:auto; } .fEventLinks li{ font-size:14px; } .fEventLinks span{ display: inline-block; font-size: 0.875em; line-height: 3em; width: 85%; word-wrap: break-word; } .fEventLinks a img{ float: right; margin-right: 5px; margin-top: 2px; } .ie8 .featuredItems h3 { padding-top: 16px !important; } } /****** ===== 280 - 600px Ends ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .featuredEvents h3, .featuredItems h3{ font-size:16px; } .featuredItems img { margin-bottom: 5px; height: 60px; width: 135px; } .featuredEvents h3, .featuredItems h3 { font-size: 0.75em; line-height: 12px; margin: 8px 0 8px; } .ie8 .featuredEvents h3, .featuredItems h3 { font-size: 0.75em; } .featuredEvents p, .featuredItems p { font-size: 0.625em; line-height: 13px; margin: 0 15px 8px 0; } .fEventLinks a { font-size: 0.625em; line-height: 16px; } .fEventLinks a img { height: 15px; width: 15px; } .fEventLinks li{ font-size:14px; margin-top:10px; } .fEventLinks span{ display: inline-block; line-height: 1em; width: 85%; word-wrap: break-word; } .fEventLinks a img{ float: right; margin-top: 0 !important; margin-left:0 !important; } } @media only screen and (min-width: 1025px) and (max-width: 1190px) { .featuredItems img{ width: 95%; } .featuredEvents h3, .featuredItems h3{ font-size:14px; } } @media only screen and (min-width: 280px) and (max-width: 767px) { .ie9 .featuredItems h3 { padding-top: 16px !important; } } html[lang="cn-cn"] .featuredEvents h3, .featuredItems h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .featuredEvents a.moreBtn, html[lang="cn-cn"] .featuredItems a.moreBtn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .fEventLinks a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } /* Fetured Items starts - Right */ .right-content .featuredItems{ float:left; width:100%; position:relative; } .right-content .featuredItems h2 { margin-top: 16px; font-size: 1.125em; line-height: 16px; font-family: 'BrandonGrotesqueBlack'; text-transform:uppercase; } .right-content .featuredItems h3 { margin-top: 12px; margin-bottom: 8px; font-size: 0.875em; line-height: 16px; font-family: 'BrandonGrotesqueBlack'; text-transform:uppercase; color:#774078; } .right-content .featuredItems .fItemsDesc{ font-size:0.75em; font-family:Georgia, "Times New Roman", Times, serif; } .right-content .fEventLinks a { line-height: 28px; font-family: 'BrandonGrotesqueBlack'; text-decoration:none; color:#00747e; float:left; width:100%; padding-top:5px; margin-bottom:6px; } .right-content .fEventLinks a img { height: auto; width: auto; float: right; margin-top:0px !important; } .right-content .fEventLinks span { font-size: 12px; display: inline-block; line-height: 14px; word-wrap: break-word; color:#00747e; margin-top:0px; width:80%; padding-top:5px; font-family:'BrandonGrotesqueRegular'; } .right-content .featuredEvents, .right-content .featuredItems, .right-content .fEventLinks{ padding-right:0px; } .right-content .fEventLinks{ margin-bottom:12px !important; } .right-content .featuredEvents p, .right-content .featuredItems p{ margin-right:0px; padding-right:0px; margin-bottom: 0px !important; padding-bottom: 0px !important; } .right-content .featuredItems img{ max-width:100%; height:auto; } .right-content p.paraSpaceBtm{ margin-bottom:15px !important; } .right-content .featuredItems img{ margin-bottom:0px !important; } @media only screen and (min-width: 280px) and (max-width: 767px){ .right-content .featuredItems-wrapper{ padding:0 10px; } .right-content .fEventLinks{ display : block; padding-bottom:3px; float:left; width:100%; } .right-content .fEventLinks span { font-size: 12px; padding-top:10px; } .right-content .featuredItems{ border-top:0px; } .right-content .fEventLinks li{ margin-top:0px; } .right-content .fEventLinks{ margin-bottom:0 !important; } .right-content .fEventLinks a{ margin-bottom: 0px; padding-top: 0px; } .right-content p.paraSpaceBtm{ margin-bottom:0px !important; } .ie8 .right-content .featuredItems h3, .ie9 .right-content .featuredItems h3 { padding-top: 0px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ .right-content .featuredItems h2 { font-size: 0.8125em; } .right-content .featuredItems h3 { font-size: 0.6875em; line-height:1em; } .right-content .featuredItems .fItemsDesc{ font-size:0.6875em; } .right-content .fEventLinks a{ margin-bottom:0px; } .right-content .fEventLinks span { font-size: 10px; } } /* Fetured Items ends - Right */ html[lang="ja-jp"] .right-content .featuredItems h2 { font-family: 'Meiryo'; } html[lang="ja-jp"] .right-content .featuredItems h3 { font-family: 'Meiryo'; } html[lang="ja-jp"] .right-content .featuredItems .fItemsDesc{ font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .right-content .fEventLinks a { font-family: 'Meiryo'; } html[lang="ja-jp"] .right-content .fEventLinks span { font-family:'Meiryo'; } html[lang="ja-jp"] .right-content .featuredItems h2 { font-family: 'Meiryo'; } html[lang="ja-jp"] .right-content .featuredItems h3 { font-family: 'Meiryo'; } html[lang="ja-jp"] .right-content .featuredItems .fItemsDesc{ font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .right-content .fEventLinks a { font-family: 'Meiryo'; } html[lang="ja-jp"] .right-content .fEventLinks span { font-family:'Meiryo'; } .featureItemsContainer { width: 75%; clear: both; padding: 0; margin: 0 auto; overflow: hidden; } .featuredEvents, .featuredItems { width: 25%; height: 100%; float: left; margin: 0; padding: 0; padding-right: 15px; } .featuredEventsPadding{ padding-top: 15px; width: 70%; } .featuredItems {: 100%; text-decoration: none !important; } .featuredEvents.lastItem, .featuredItems.lastItem { margin-right: 0; padding-right: 0; } .featuredEvents h3, .featuredItems h3 { font-family: 'BrandonGrotesqueBold'; font-size: 1.25em; /*color: #d43ff5;*/ font-weight: bold; padding: 0; margin: 0; margin-bottom: 14px; padding-right: 0; text-align: left; text-transform: uppercase; line-height: 20px; word-wrap: break-word; } .ccbn-event-details { margin-bottom: 20px; padding: 7px 0 0; } .ccbn-event-details span{ color: #00747e; font-family: 'BrandonGrotesqueBold'; font-weight: normal; text-transform: uppercase; } .featuredEvents p, .featuredItems p { font-family: Georgia; font-size: .875em; line-height: 18px; color: #2a2b33; padding: 0; padding-right: 15px; } .featuredEvents p .fEventLocation{ clear: both; display: block; } .featuredEvents a.moreBtn, .featuredItems a.moreBtn { background: #2a2b33; width: 160px; text-align: center; padding: 14px 5px 7px; display: block; text-decoration: none; text-transform: uppercase; font-family: 'BrandonGrotesqueBlack'; font-size: 19px; color: #d43ff5; outline: 0; line-height: 12px; } .fEventLinks li{ font-size:14px; } .fEventLinks span{ display: inline-block; line-height: 1em; word-wrap: break-word; } .fEventLinks a img{ float: right; margin-top: -3px; margin-left:0 !important; } .mac.webkit .fEventLinks a img { margin-top: -8px; } .mac.gecko .fEventLinks a img { margin-top: -8px; } .fEventLinks a { color: #017487; font-family: 'BrandonGrotesqueRegular'; font-size: 1.20em; font-weight: bold; text-transform: lowercase; position: relative; float:left; display: block; margin:0; } .fEventLinks a img { margin-left: 15px; float:right; } .featuredItems img{ width: 220px; height: 100px; margin-bottom: 15px; } p.paraSpaceBtm{ margin-bottom: 50px !important; } /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .featureItemsContainer{width:100% !important;padding:5px;} .featuredEvents, .featuredItems{width:100%;margin-top:10px;margin-bottom:10px;height:auto;} .featuredItems{border-top:1px solid #e0e0e0;} .featuredContainer .featured-content:first-child .featuredItems{ border-top: 0; } .featuredItems img{ height: 160px; padding-top:5%; } /*.featuredItems p {min-height:58px !important;}*/ .featuredEvents a.moreBtn, .featuredItems a.moreBtn{ margin-bottom: 16px; margin-top: 10px; } .featuredContainer,.factSheetContent, .featuredItems,.factSheetColumn,.fact-sheet-container .image-text,.featuredPanel{width:100% !important;} .fact-sheet-container .image-text{padding-left:10px !important;margin-top:0px !important;} .fact-sheet-container{width:100% !important;padding-right:10px !important;} .fEventLinks { margin-bottom: 20px; } .featuredEvents h3, .featuredItems h3{ margin-top:25px; } p.paraSpaceBtm{ margin-bottom: 20px !important; } .featuredEvents, .featuredItems { padding: 0; } .featuredEvents h3, .featuredItems h3 { margin-top: 16px; margin-bottom: 8px; } .featuredEvents h3, .featuredItems h3 { font-size: 1em; line-height: 16px; } .featuredEvents p, .featuredItems p { font-size: 0.875em; line-height: 18px; } .fEventLinks a { font-size: 0.875em; line-height: 28px; } .fEventLinks a img{ height:auto; width:auto; } .fEventLinks li{ font-size:14px; } .fEventLinks span{ display: inline-block; font-size: 0.875em; line-height: 3em; word-wrap: break-word; } .fEventLinks a img{ float: right; margin-right: 5px; margin-top: 2px; } .ie8 .featuredItems h3 { padding-top: 16px !important; } } /****** ===== 280 - 600px Ends ===== ****** **********************************************/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .featuredEvents h3, .featuredItems h3{ font-size:16px; } .featuredItems img { margin-bottom: 5px; height: 60px; width: 135px; } .featuredEvents h3, .featuredItems h3 { font-size: 0.75em; line-height: 12px; margin: 8px 0 8px; } .ie8 .featuredEvents h3, .featuredItems h3 { font-size: 0.75em; } .featuredEvents p, .featuredItems p { font-size: 0.625em; line-height: 13px; margin: 0 15px 8px 0; } .fEventLinks a { font-size: 0.625em; line-height: 16px; } .fEventLinks a img { height: 15px; width: 15px; } .fEventLinks li{ font-size:14px; } .fEventLinks span{ display: inline-block; line-height: 1em; word-wrap: break-word; } .fEventLinks a img{ float: right; margin-top: 0; margin-left:0 !important; } } div.head { font-family: 'BrandonGrotesqueBlack'; font-size: 1.25em; padding: 0; margin: 0; margin-top: 14px; padding-right: 0; text-align: left; text-transform: uppercase; line-height: 20px; word-wrap: break-word; } .featuredEvents p, .featuredItems p { font-family: Georgia; font-size: 1em; line-height: 18px; color: #2a2b33; margin: 0 15px 27px 0; padding: 0; padding-right: 15px; } @media only screen and (min-width: 1025px) and (max-width: 1190px) { .featuredItems img{ width: 95%; } .featuredEvents h3, .featuredItems h3{ font-size:14px; } } @media only screen and (min-width: 280px) and (max-width: 767px) { .ie9 .featuredItems h3 { padding-top: 16px !important; } } html[lang="cn-cn"] .featuredEvents h3, html[lang="cn-cn"] .featuredItems h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight:bold; } html[lang="cn-cn"] .featuredEvents p, .featuredItems p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .featuredEvents a.moreBtn, html[lang="cn-cn"] .featuredItems a.moreBtn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .fEventLinks a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="ja-jp"] .featuredEvents h3, html[lang="ja-jp"] .featuredItems h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .featuredEvents p, html[lang="ja-jp"] .featuredItems p { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .featuredEvents a.moreBtn, html[lang="ja-jp"] .featuredItems a.moreBtn { font-family: 'Meiryo'; } html[lang="ja-jp"] .fEventLinks a { font-family: 'Meiryo'; } html[lang="cn-cn"] .featuredEvents h3, html[lang="cn-cn"] .featuredItems h3 { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight:bold; } html[lang="cn-cn"] .featuredEvents p, .featuredItems p { font-family: Georgia, 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .featuredEvents a.moreBtn, html[lang="cn-cn"] .featuredItems a.moreBtn { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; font-weight: bold; } html[lang="cn-cn"] .fEventLinks a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="ja-jp"] .featuredEvents h3, html[lang="ja-jp"] .featuredItems h3 { font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .featuredEvents p, html[lang="ja-jp"] .featuredItems p { font-family:'Hiragino Mincho ProN','MS PGothic'; } html[lang="ja-jp"] .featuredEvents a.moreBtn, html[lang="ja-jp"] .featuredItems a.moreBtn { font-family: 'Meiryo'; } html[lang="ja-jp"] .fEventLinks a { font-family: 'Meiryo'; } /**** C 41 ****/ .type_Comp{ overflow: hidden; padding: 0; position: relative; width: 100%; margin-bottom:50px; } .type_Comp_Wrapper{ margin: 0 auto; padding: 0; position: relative; width: 100%; z-index: 2; } .type_Comp_Content{ margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: 75%; } .type_Comp ul.listType{ float:left; margin-bottom: -1px; } .type_Comp ul.listType li{ float: left; } .type_Comp ul.listType li a{ height: 36px; display: block; padding: 0 9px; font-size: .875em; outline: none; line-height: .875em; padding-top:12px; margin-right:1px; text-decoration: none; background-color: #d1d3d4; font-family: 'BrandonGrotesqueBold'; text-transform: uppercase; letter-spacing:0px; } .type_Comp ul.listType li a:hover, .type_Comp ul.listType li a.selected{ color: #000000; } .type_Comp ul li span{display:none;} /**** Color Palette ****/ .colorPalette_Yellow.type_Comp .listType a{color: #FFF729;} .colorPalette_DarkYellow.type_Comp .listType a{color: #DED548;} .colorPalette_Green.type_Comp .listType a{color:#a7a9ac;} .colorPalette_DarkGreen.type_Comp .listType a{color: #5fba5c;} .colorPalette_Fuscia.type_Comp .listType a{color: #d43ff5;} .colorPalette_DarkFuscia.type_Comp .listType a{color: #774078;} .colorPalette_Orange.type_Comp .listType a{color: #FF9614;} .colorPalette_DarkOrange.type_Comp .listType a{color: #b66f2b;} .colorPalette_Cyan.type_Comp .listType a{color: #00fefd;} .colorPalette_Blue.type_Comp .listType a{color: #00747e;} .colorPalette_Gray.type_Comp .listType a{color: #2A2B33;} .colorPalette_DarkGray.type_Comp .listType a{color: #191B22;} .colorPalette_White.type_Comp .listType a{color: #FFFFFF;} .colorPalette_LightGray.type_Comp .listType a{color: #D9DADB;} .colorPalette_Yellow.type_Comp .listType a:hover, .colorPalette_Yellow.type_Comp .listType a.selected {background-color: #FFF729;} .colorPalette_DarkYellow.type_Comp .listType a:hover, .colorPalette_DarkYellow.type_Comp .listType a.selected {background-color: #DED548;} .colorPalette_Green.type_Comp .listType a:hover, .colorPalette_Green.type_Comp .listType a.selected {background-color:#78FA6F;} .colorPalette_DarkGreen.type_Comp .listType a:hover, .colorPalette_DarkGreen.type_Comp .listType a.selected {background-color: #5fba5c;} .colorPalette_Fuscia.type_Comp .listType a:hover, .colorPalette_Fuscia.type_Comp .listType a.selected{background-color: #d43ff5;} .colorPalette_DarkFuscia.type_Comp .listType a:hover, .colorPalette_DarkFuscia.type_Comp .listType a.selected {background-color: #774078;} .colorPalette_Orange.type_Comp .listType a:hover, .colorPalette_Orange.type_Comp .listType a.selected {background-color: #FF9614;} .colorPalette_DarkOrange.type_Comp .listType a:hover, .colorPalette_DarkOrange.type_Comp .listType a.selected {background-color: #b66f2b;} .colorPalette_Cyan.type_Comp .listType a:hover, .colorPalette_Cyan.type_Comp .listType a.selected {background-color: #00fefd;} .colorPalette_Blue.type_Comp .listType a:hover, .colorPalette_Blue.type_Comp .listType a.selected {background-color: #00747e;} .colorPalette_Gray.type_Comp .listType a:hover, .colorPalette_Gray.type_Comp .listType a.selected {background-color: #2A2B33;} .colorPalette_DarkGray.type_Comp .listType a:hover, .colorPalette_DarkGray.type_Comp .listType a.selected {background-color: #191B22;} .colorPalette_White.type_Comp .listType a:hover, .colorPalette_White.type_Comp .listType a.selected {background-color: #FFFFFF;} .colorPalette_LightGray.type_Comp .listType a:hover, .colorPalette_LightGray.type_Comp .listType a.selected {background-color: #D9DADB;} .colorPalette_Green.type_Comp .listType a:not(.selected):hover {background-color: #d1d3d4;color: #000000;} /**** Color Palette ****/ /**** C 41 ****/ /*** Responsive CSS ***/ /****** ===== 280 - 600px Starts ===== ****** **********************************************/ @media only screen and (min-width: 280px) and (max-width: 767px) { .results_Section_us { float: left; padding:0px 10px 0px 10px !important; width:100%; } .leftSection_events{ padding-right:0px !important; width: 100% !important; } .type_Comp{ border-bottom:none; margin-bottom:0; width:100%; padding-left:0; padding-right:0; padding-top:50px; } .type_Comp ul{ float:left; width:100%; text-align:center; } .type_Comp ul li{ display: block; float: left; width: 100%; } .type_Comp ul li a{ font-family:'BrandonGrotesqueBold'; font-size:0.9em; padding:12px 5px 0 11px !important; text-align:left; float:left; width:90%; } /*.type_Comp ul.listType li:first-child a{ margin-right:1px; }*/ .type_Comp_Content{ width:95%; } .type_Comp ul li span{ float: left; display: block; height: 35px; width: 9%; background-color: #191B23; cursor:pointer; } .type_Comp ul.listType li a{ height: 35px; display: block; padding: 0 9px; font-size: .8em; outline: none; padding-top:12px; margin-right:0px; text-decoration: none; background-color: #d1d3d4; font-family: 'BrandonGrotesqueBold'; text-transform: uppercase; } .type_Comp ul li span.changeIconE0{ background-image:url('../images/down-arrow.png'); background-position: 22% 53%; background-repeat: no-repeat; } .type_Comp ul li span.items{ background-image:none; } .type_Comp ul li span.changeIconE1{ background-image:url('../images/up-arrow.png'); background-position: 55% 53%; background-repeat: no-repeat; } .type_Comp ul.listType li a{ color:#00fefd !important; } .type_Comp ul.listType li a:hover{ color:#00fefd; } .type_Comp ul li.childlink a{ display: block; padding: 0 10px; font-size: .75em; height:35px; background-color: #2A2B33; font-family: 'BrandonGrotesqueBold'; text-transform: uppercase; } .type_Comp ul li.childlink a, .type_Comp ul li span.items{ color:#222222 !important; background:#E1E1E1 !important; } .type_Comp ul li.childlink { display:none; } .ie10 .type_Comp ul.listType li a{ height:34px !important; } /**** Color Palette ****/ .colorPalette_Yellow.type_Comp .listType a{background-color: #191b23;} .colorPalette_DarkYellow.type_Comp .listType a{background-color: #191b23;} .colorPalette_Green.type_Comp .listType a{background-color: #a7a9ac;} .colorPalette_DarkGreen.type_Comp .listType a{background-color: #191b23;} .colorPalette_Fuscia.type_Comp .listType a{background-color: #191b23;} .colorPalette_DarkFuscia.type_Comp .listType a{background-color: #191b23;} .colorPalette_Orange.type_Comp .listType a{background-color: #191b23;} .colorPalette_DarkOrange.type_Comp .listType a{background-color: #191b23;} .colorPalette_Cyan.type_Comp .listType a{background-color: #191b23;;} .colorPalette_Blue.type_Comp .listType a{background-color: #191b23;} .colorPalette_Gray.type_Comp .listType a{background-color: #191b23;} .colorPalette_DarkGray.type_Comp .listType a{background-color: #191b23;} .colorPalette_White.type_Comp .listType a{background-color: #191b23;} .colorPalette_LightGray.type_Comp .listType a{background-color: #191b23;} .colorPalette_Yellow.type_Comp .listType a:hover, .colorPalette_Yellow.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_DarkYellow.type_Comp .listType a:hover, .colorPalette_DarkYellow.type_Comp .listType a.selected {background-color:#191b23;} .colorPalette_Green.type_Comp .listType a:hover, .colorPalette_Green.type_Comp .listType a.selected {background-color:#000000 ;} .colorPalette_Green.type_Comp .listType a:not(.selected):hover {background-color: #d1d3d4;color: #000000; } .colorPalette_DarkGreen.type_Comp .listType a:hover, .colorPalette_DarkGreen.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_Fuscia.type_Comp .listType a:hover, .colorPalette_Fuscia.type_Comp .listType a.selected{background-color: #191b23;} .colorPalette_DarkFuscia.type_Comp .listType a:hover, .colorPalette_DarkFuscia.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_Orange.type_Comp .listType a:hover, .colorPalette_Orange.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_DarkOrange.type_Comp .listType a:hover, .colorPalette_DarkOrange.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_Cyan.type_Comp .listType a:hover, .colorPalette_Cyan.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_Blue.type_Comp .listType a:hover, .colorPalette_Blue.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_Gray.type_Comp .listType a:hover, .colorPalette_Gray.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_DarkGray.type_Comp .listType a:hover, .colorPalette_DarkGray.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_White.type_Comp .listType a:hover, .colorPalette_White.type_Comp .listType a.selected {background-color: #191b23;} .colorPalette_LightGray.type_Comp .listType a:hover, .colorPalette_LightGray.type_Comp .listType a.selected {background-color: #191b23;} /**** Color Palette ****/ } @media only screen and (min-width:768px) and (max-width:1024px){ .type_Comp_Content{ width:79.457%; } .type_Comp ul.listType li a{ height: 22px; display: block; padding: 0 3px; font-size: .625em; outline: none; margin-right:1px; line-height: .625em; padding-top:8px; text-decoration: none; background-color: #d1d3d4; font-family: 'BrandonGrotesqueBold'; text-transform: uppercase; } } @media only screen and (min-width:1024px) and (max-width:1208px){ .type_Comp ul.listType li a { background-color: #d1d3d4; display: block; font-family: "BrandonGrotesqueBold"; font-size: 0.765em; height: 22px; line-height: 0.625em; margin-right: 1px; outline: medium none; padding: 8px 9px 0; text-decoration: none; text-transform: uppercase; } } html[lang="cn-cn"] .type_Comp ul.listType li a{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="cn-cn"] .type_Comp ul li a{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .type_Comp ul.listType li a{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"] .type_Comp ul li.childlink a{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } } @media only screen and (min-width:768px) and (max-width:1024px){ html[lang="cn-cn"] .type_Comp ul.listType li a{ font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"].ie10 .type_Comp ul.listType li a{ padding-top:7px; } } @media only screen and (min-width:1025px) and (max-width:1208px){ html[lang="cn-cn"] .type_Comp ul.listType li a { font-family: 'Microsoft YaHei', 'Heiti SC', sans-serif; } html[lang="cn-cn"].ie10 .type_Comp ul.listType li a{ padding-top:6px; } } @media only screen and (min-width:1026px){ html[lang="cn-cn"].ie10 .type_Comp ul.listType li a{ padding-top:11px; } } html[lang="ja-jp"] .type_Comp ul.listType li a{ font-family: 'Meiryo'; font-weight:bold; } @media only screen and (min-width: 280px) and (max-width: 767px) { html[lang="ja-jp"] .type_Comp ul li a{ font-family:'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .type_Comp ul.listType li a{ font-family: 'Meiryo'; font-weight:bold; } html[lang="ja-jp"] .type_Comp ul li.childlink a{ font-family: 'Meiryo'; font-weight:bold; } } @media only screen and (min-width:768px) and (max-width:1024px){ html[lang="ja-jp"] .type_Comp ul.listType li a{ font-family: 'Meiryo'; font-weight:bold; } } @media only screen and (min-width:1024px) and (max-width:1208px){ html[lang="ja-jp"] .type_Comp ul.listType li a { font-family: "Meiryo"; font-weight:bold; } } @media only screen and (min-width:768px) and (max-width:1024px){ html[lang="pt-br"].ie10 .type_Comp ul.listType li a{ padding-top:9px; } } @media only screen and (min-width:1025px){ html[lang="pt-br"].ie10 .type_Comp ul.listType li a{ padding-top:13px; } } .panelRotation{ background-color: white; } #hello li{ list-style-type:none; } .cbp_tmlabel { margin: 0 15% 0 50%; background: #f7f7f7; padding: 0.2em; font-size: 1em; line-height: 1.6em; position: relative; border-radius: 5px; }